When you upload an image you are given three versions that you can insert into the post:
- Thumbnail (150 x 150 pixels)
- Medium (300 x 300 pixels)
- Full Size
If you are like me and prefer specific sizes of images in blog posts you are able to change the size of thumbnail and medium sized images under Settings > Miscellaneous.
What you mightn’t have realized is that when you insert an image into a post using the “full size” option, the image is automatically resized to a maximum width of 500 pixels. This has been done to prevent the problem of wide images in blog posts caused when people post photos straight from digital cameras.
It is important to realize how wide an image can be depends on your blog theme. Some themes 500 pixels is too wide and the image will flow into your sidebar area. While other themes can cope with images wider than 500.
Maximum image width for the following themes are:
You also need to remember that image size in posts isn’t affected when you change blog themes so the image width you used on your old theme may be too large for your new theme e.g. go from Cutline (480 px) to Quadruple Blue (400 px).
You can increase the width of an image by clicking and dragging the image to the required size. DON’T insert a “medium size” image and drag to the larger size because this affects the quality of the image.
Compare the quality of this “Medium Sized” image dragged to 500 pixels wide:
With this “Full Size” image:
While the “full size” option does automatically resized to a maximum width of 500 pixels its not a good idea to upload images directly from your digital camera to your blog posts. Resizing before uploading is the better option which I will cover in my next post.
If you currently resize images please tell us about what tool(s) you use and why? And any links or information that would help others understand about resizing and image quality.
If you are enjoying reading this blog, please consider Subscribing For Free!