Blogger: How to make images full width

If your images are at least 630 in width, then they will automatically scale to fill the full width of the blog post.

Blogger automatically converts your images into various sizes. If you do not select “Original size” when adding an image to a post, Blogger will automatically select a small size. So even if you think your image is large enough, Blogger may have converted it without you knowing. To fix this, you should always select “Original size” when adding images to posts. This means that Blogger will use the largest possible image.

If you find that your images look blurry or pixilated, you will find that you might not have set your images to Original Size. This is especially important when using a post slider.

Note: Always select “Original size” when adding images to posts.

To set an image as “Original size”, go to the post editing screen. Then left-click on any image, and select “Original size” from the options shown below:

Even if this makes the images too big for the post editing screen, they will be scaled to fit the template perfectly. Blogger will automatically convert any very large images to 1600 in width, so you can upload images directly from your camera if you want to.

Was this article helpful?

9 Comments

  1. Tina

    Hi Phil,
    This isn’t entirely related to the size of images in posts, but more the size of them as they appear in the feed. I find that even though I size the images appropriately, they still get cropped in the feed and distort the image. Is there something I can do to stop this happening? (This only happens in the web view; it’s fine on mobile.)
    Thank you.

    1. Phil (pipdig)

      Hi Tina, as you’re using a theme which includes a grid based layout, the images on the homepage need to be cropped so that they are all the same shape. This means the images are cropped from the centre, which can mean that parts are cut off fro the edges. Unfortunately three isn’t a way to work around that on Blogger, due to limitations on their system. So the best way to approach it is to ensure that the first image in each post will work ok when cropped. For example, try to avoid adding text/features near the edge of the image.

  2. Julia Ryan

    I’m having the same issue with the images on my site. I’m uploading them straight off my camera and also through photoshop and they look so blurry. What am I doing wrong?

    1. Phil (pipdig)

      Hi Julia, this may be because the images are very large, which causes Blogger to compress them. If you resize the image to 1600 pixels wide in Photoshop and then save it at a jpg compression of around 78 it should help.

  3. Jameka

    Question: I post collages I make on Polyvore, I make sure the total image is above 800 pixels but the image is still blurry in the slider and if I make the picture too big it overlaps and its still blurry. Am I doing something wrong?

    1. Phil (pipdig)

      Hi Jameka, Blogger doen’t handle Polyvore images very well, unfortunately. It’s best to upload an image to the post in addition to the Polyvore feature. This means you can use a better quality image and also gives you a bit more control over how it will appear.

  4. Shana

    Hello! I’ve searched your website and wasn’t about to find information on this and I hope I can accurately describe what I am looking for. I have removed the sidebar from my actual blog posts so when you click on each post, it is not there. However, the paragraphs of my posts extend from one side of the page to the other. i would really love for the width of the posts to be smaller. How can I adjust this? Thank you!

    Also, is it possible to put 2 photos side by side in a blog post as well?

    And is it possible to put a photo and then writing next to the photo, opposed to above or beneath it?

    Thank you so much!

    1. Phil (pipdig)

      Hi Shana, you can control the width of your site via the options in this guide. You can also position text/images side by side via this guide or a plugin such as this. Hope that helps 🙂

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.