The quickest way to control your image sizes uploaded to your blog is to use the 'Edit HTML' tab. When viewing your work in the 'Edit HTML' tab, you see all the markup language or HTML code which controls how both your text and images appear on your page.
In the instance of the image found below, the HTML code looks like this in its smallest size (I had already downsized the image with Adobe Lightroom 3 to a size of 3 x 4 inches for the original uploaded image; THEN I downsized it to small within the Blogger image formatting):
 |
| Original size 3" x 4" and resized to small |
The Edit HTML tab show me the code associated with this image which looks like this:
 |
| HTML Code for the uploaded image |
The yellow highlighted section shows the img border="0" (the image has no border around it), the height="150" (the height of the image is 150 pixels), and the width="200" (the width of the image is 200 pixels). All of these numbers can be manipulated manually from the 'Edit HTML' tab window to resize the image to a smaller size as needed. I suggest that you maintain the proportions of the image by downsizing the image with scaled numbers. (i.e. downsize the height by a half or to 75 and match the width by a half or 100).
You can experiment with sizes as needed to fit your chosen template for any uploaded images which do not resize appropriately with the Blogger image formatting choices.
No comments:
Post a Comment