How to Change Image Size in Blogger Posts

In this Blogger Tutorial I show you how to change image size in Blogger posts depending on how you would like the image to look. Resizing images to fit in with the look and feel of your blog will enhance the overall look of your blog and so it is worth changing images to the optimal size. This tutorial is suitable for all Blogspot bloggers wanting to learn more about image size for Blogger posts but is written with beginners in mind.

Level of Difficulty: Easy

Suitable for: Beginners

How to Change Image Size Blogger

Blogger displays uploaded images using 5 different pre-set image sizes:

• small - 200 px
• medium - 320 px
• large - 400 px
• extra large - 640 px
• original size - actual dimensions of the image (should not be wider than the width of your blog post area)

By default images are uploaded as medium size which means they are displayed at a width of 320px. You can make the image larger or smaller depending on the look of your blog and its theme. To set your own custom dimensions instead check out: How to Set Custom Image Dimensions in Blogger

I suggest that early on you settle on an image size you like and then consistently use the same image size to keep all images a uniform size across your blog posts. Also try to resize your images before you upload them so that you are not using large files that may slow down loading times of your blog. For more information on resizing images check out 8 Tips for Uploading Images to Blogger.

• Decide on a default image size for all your post images and use the same size.


• Resize large images prior to upload to speed up page loading time

Steps to Resize an Image in a Blogger Post

1. Login in to your Blogger blog


2. From the Dashboard select Posts from the left-hand menu to modify an image in an existing post
   or
   Select the New Post button to create a new post with images.


3. Check you are in the Compose View (click the down arrow of the first icon of the tools menu.


4. Find the image you want to resize.


5. Click on the image once to highlight the picture.





6. Click on the gear icon (little wheel) that appears in the menu bar below the image


7. Select the size of the image that best suits the look of your particular blog (Note: do not make your image larger than the width of your posts (an extra large setting displays at 640 width).





8. Click Preview to check the look of your image as it will appear in your blog post


9. Make an changes to the image size if necessary by clicking on the gear icon again


10. If satisfied with the size of the image go ahead and save by either clicking save under Preview if creating a new post or if you are ready for your blog post to go live click Publish


11. Click on the eye preview icon in the listing of your blog posts to see your image resized in your live blog post.

In this article you have learned how to change image size in Blogger. Image sizes can be changed to any of the default sizes in the Compose View in Blogger: small, medium, large, extra large and original size. It is helpful for the overall look of your blog to ensure that Blogger Post images sizes are the same size across your blog.

If you want to learn how to override the default image settings in Blogger then check out my other post which teaches you how to set your own custom image dimensions.

Related Articles

How to Add a Welcome Message to a Blogger Homepage
How to Change the Color of the Blogger Navbar
How to Choose a Great Topic for a Blogger Blog in 2020
How to Resize Images in Blogger to User Defined Dimensions
How to Schedule Blog Posts for a Specific Future Date in Blogger