Most of our Blogger templates have a default post image size of 750px wide. If your preference is to make your post images smaller, you can follow the steps below.

Option 1: Use Post Toolbar

When uploading your images, click on the image in the post editor. You can choose Small, Medium, Large, or X-Large.

Change Blogger Image Size

Option 2: Change CSS Code

If you’d like every post image to appear smaller, you can change the default image width from 750px to your preferred size. Do not make the image size larger than 750px, though.

1. From your Blogger Dashboard, go to Theme.

2. Click the orange Customize button to view the Blogger Theme Designer.

3. Click Advanced and then select Add CSS. (You’ll need to scroll down to see it on the list.)

CSS Code Snippet

Copy the code below into Blogger’s Add CSS box.

.post-body img, .post-body .tr-caption-container {
 padding: 5px;
 max-width: 750px;
}

Change 750px to the preferred image width. Do not choose a number larger than 750px because that would make your images wider than your post width.

Blogger Image Size CSS

3. Click Apply to Blog to save your changes. You might need to clear your browser history to see your changes.

Tip!

Changing your image size on the post toolbar or the Blogger Theme Designer does not change the size of the original image that you’ve uploaded. It will change the size that displays for your site visitors, but it’s still stored on your site at the original size. This can slow down your Blogger site. We recommend using graphic software to resize your images prior to uploading them. Also, tinyjpeg.com is a great tool for compressing your images so they’ll load faster.