Information on image sizes

For best results, the featured image for your post should be of landscape (a horizontal rectangle, as if you were taking a photo from your camera at the normal angle and not sideways). We recommend the following sizes:

  • Blogger/Blogspot: 1600 pixels wide. Or you can simply upload images straight from your Camera (Blogger resizes large images to 1600 anyway). Always set images to Original Size.
  • WordPress: The Featured Image should be 2048 pixels wide. Images within your post content should be at least 800 pixels wide, but ideally 1200 if possible. If you are using a single column layout (no sidebar) then your post images should be 1440 pixels wide.

If youโ€™re using Blogger/Blogspot, also make sure to set your images to original size.

If you’re using WordPress, you may wish to install this plugin which automatically resizes your images. For best results, we recommend the following settings:

Adding text to images

If you add text/overlays to your images, it is important to make sure that any text is positioned in the centre of the image. This will avoid it from being cut off when an image is cropped. If possible, always leave a margin around the edges of the image to allow for this (i.e. don’t add any text near the edges of the image).

Article tags: photos, photographs, pictures, picture, photo, images, upload, media, what size, how big, width

Was this article helpful?

27 Comments

  1. Jess

    hi phil, im having issues with my images not aligning side by side. I’ve made the images smaller so they both fit next to each other. They were aligning properly when i first posted but it has since changed and now the second image is underneath the first image that i wanted it to be sat beside. I contact my hosting and they said it could be the theme?

    1. Phil (pipdig)

      This can happen when trying to align images side by side, since the spacing will vary depending on the screen and theme you’re using (it will probably look a little crazy on mobile/tablet too). We have a shortcode you may wish to use instead, however the easier/better option may be to use a plugin such as SiteOrigin. The benefit of that is that it gives you full control of your content layouts/positioning.

      1. jess

        hi phil, just tried it and it looks great thank you! just wondering…some of the spacing is a bit to much, is there anyway i can reduce it? also if i add my images using the site origin widget, will they be able to be pinned to pinterest like all the others?

        1. Phil (pipdig)

          Hi Jess, sorry for the slow reply!

          Unfortunately it is not possible to change the spacing of this particular shortcode. However it is very easy to change the spacing when using the SiteOrigin plugin. I’d recommend giving it a try to see if it works well for you. It can seem like a steep learning curve at first, but once you get used to it the plugin will make displaying images/text within your posts much easier. The Pinterest hover button should continue to work as normal, however if you run into any issues with that you’re welcome to contact us.

          1. Jess

            Hi Phil Iโ€™ve used the siteorigin plugin for my photos and looks great, but the Pinterest hover but doesnโ€™t come up?

            1. Phil (pipdig)

              Hi Jess, I’m not sure if custom Pinterest hover buttons will work with SiteOrigin. You may need to use the official button instead. If you’d like to that, you should first disable the theme’s hover button via this guide. Then copy and paste the code from this page into a new ‘Custom HTML’ widget in one of the footer sections.

  2. zoe phinazee

    Hi Phil I have the Blossom theme and I have an issue with blurry photos. The featured slider some of my photos are blurry but I know it’s because they’re not wide enough, that’s not really my issue. So on the main/homepage the images look fine. But if I were to select a category page or search for an article in the search bar. For example my post “is fashion blogging dead” On the main blog page 3 the image looks fine, but the featured image is blurry if I were to search for the post or to look at it on a category page. How big is the image supposed to be so it’s not blurry on any page, or were there settings I’m supposed to change? Thanks.

    1. Phil (pipdig)

      Hi Zoe, it looks like you need to regenerate the site’s thumbnails via this guide. That should fix those images ๐Ÿ™‚

  3. Kara Gammell

    I am using the Viva Viva theme. How can I change the images to portrait on my grid?

    1. Phil (pipdig)

      Hi Kara, you can do this by copying the contents of this page into the third box of the ‘pipdig > Theme Hooks’ page in your dashboard.

  4. Annie

    Hi! I’m using the Firefly theme and I’m having trouble with the featured images on my homepage. At first they were blurry and weren’t filling up the whole size of how big they are supposed to be (if that makes sense?) so part of the image was repeated on the edge. After fiddling around with my media settings and regenerating thumbnails for ages, I’ve managed to make them very zoomed in. But I’m completely stumped… how can I fix this?

    1. Phil (pipdig)

      Hi Annie, it looks like you’re using the Aruba Nights theme currently. Have you switched since this comment or do you still need any help with Firefly?

  5. Sytse Monsma

    Hi there, When i use the Grid in the theme Crystal, the picures are verry blurry. When you open a blogpost, the picture is sharp as it can be. How can i fix this?

  6. Calypso in the Country

    I started setting my images at 1600 before I download them to my blog and followed your instructions to go with “original size”. The landscape photos look great but when I do the same thing to the portrait sized ones, they almost look too big. Also, since I use many pictures with each post, I don’t know if I want all of the photos to be that large. Could I then choose the size such as extra large even though they came in as 1600 wide? Does that mess anything up or is there a better way to make some of them smaller for the blog? Thanks!

    1. Phil (pipdig)

      If full sized portrait images are too large, you might like to merge two images together into a single image. For example, the two portrai images could be placed side by side, then saved as an image to upload to the blog. Blogger doesn’t handle images very well generally, so it’s best to avoid sizing the images within the posts other than “original size”.

  7. Anna

    Hello! Is it possible to have two images side by side in a post?

  8. Avani

    Hi! I forgot to ask last week, how will I know if my images are large enough for the template? Thanks!

      1. Avani

        Most of my old ones have 1600 as the width and the height varies. Recently I’ve been shooting in RAW though and converting to JPEG using Photoshop where I also resize. I’ve had a look at the original RAW files and the width is generally a lot bigger than 1600, but I resize in photoshop and make them JPEG so they don’t take ages to load on the blog. For example, the newer blog post photos, the width might be 970 or 1280. Does that make any sense?

        1. Phil (pipdig)

          Those sizes should be fine. A width of 1600 will work with any features, and a width of 970 should also be fine for most cases too.

  9. Sarah Grimwood

    Hi ๐Ÿ™‚ Is there any way I can auto-set the size of featured images on my homepage? Currently they are all different sizes but wondered if there was a place I could specify dimensions that all featured photos should be?

    1. Phil (pipdig)

      Hi Sarah, that won’t be possible when using a post layout that shows the featured image. Instead, you may wish to select a post layout that shows the full content of the post. You could then set the images to any size you prefer via the post editor and add a more tag (if you wanted to display a “view post” button).

Leave a comment


The link to your website will be visible to support staff only and will not be shown publicly.
If you do not yet have a website, simply enter "none" in the box.