How to add header photos

Header photos are the perfect way to show off some of your favorite work. They show up above all your content, can cycle through multiple images and will quickly signal to your readers what your blog is about.

To add header photos to your blog, choose the “Design” from the menu and click the “header photos” tab. You’ll see this page:


To upload header photos, simply click on the “Select files…” button, and navigate to the files on your computer. You can shift or apple/control-click to select multiple files at once. The photos will automatically upload, and appear on your screen. You can then drag the photos to re-arrange them. This will change the order in which they cycle on your blog.

Resizing Header Photos

FotoJournal does not resize your header photos for you — you must resize them to 950 x 315 before uploading. If you’re using Photoshop, here’s how you can create header photos in the correct dimensions:

  1. Create a new document in Photoshop (File > New) with a width of 950 pixels and height of 315 pixels.
  2. In the new document, go File > Place… and select the image file you want to use as the header.
  3. One you place the photo, you’ll be able to move & resize it using the handles at the corner of the image. Hint: hold the “Shift” key while resizing to keep the photo’s proportions.
  4. Once you’re satisfied with how it looks, export it by going “File > Save for Web & Devices…”. In the top-right corner select JPG high-quality and make sure “Convert to sRGB is checked.”
  5. Hit the Save button to save the header image to your computer, then upload this new file to FotoJournal.

Clever Design Tip!

You can overlay your logo onto your header photos using Photoshop. If you ensure the image is in the same location for each photo it will appear as though your logo is stationary as the images behind it change. A pretty slick looking effect!

It’s extremely important to ensure that you’ve probably sized your header photos to be 950 x 315 pixels before uploading them here. Fotojournal will NOT resize them for you, so you’ll have to do that on your own. It’s also very useful to “Save Images for Web” if you’re using Photoshop, as it ensures your images are a small file size, and will load quickly.

← Back to all help topics