Adding Real Sized Images To Your Posts, Using Blogger's Image Hosting
**Updated 12-23-06
When you add an image to your blog, Blogger resizes the image. They have recently changed their image hosting system and the changes add extra steps to the process of publishing the real sized image on your blog. These instructions show you how to do it. You could alternatively choose to use a different online image host, which would probably be easier. I use Photobucket.
Please tell Blogger you want this changed. You can copy and paste what I've written below, or write your own. Go to
Blogger's Wishlist Page, put your comment in the box near the bottom which says "Or suggest a new feature:" and press "send it." The more people who leave feedback, the more likely the problem will be fixed!
Please give us the option to NOT resize our images when uploading. We
want the option to display them at the size WE make them. Thanks.
Oh, and NEVER CHECK "SHRINK TO FIT".
- The first thing you want to do is prepare the image to go on your blog. Make it the correct size to display on your page, and make the file size as small as possible so the page will load quickly, and use less bandwidth and disk space. Preparing images to go online.
- Go to your entry editor, click the image icon and upload an image as instructed. Press "done" when it appears.
- Publish your blog as usual.
- Open your blog in another window.
- Click on the image you just uploaded and that will bring you to a page displaying the image and nothing else.
- In your entry editor, switch to the HTML view. Delete everything you see there. DO NOT PUBLISH.
- Copy this image tag and paste it to your entry editor. You can add descriptive words to show when someone hovers over the image in between the quotation marks after alt, if you want to.
<img src="url-to-image-goes-here" alt="" />
- Keeping the HTML editor open, Switch to the window showing only your image. Right click on the image and select "properties." The url you see in the properties popup is the url you will paste in your entry editor. Highlight and copy the entire url; make sure the first thing you get is http:// and last thing you get is an image type (.jpg, .gif).
- Paste the url into the image tag you've just put in your entry editor, making sure you modify nothing else.
- Above and/or below the image tag, you can type your blog entry. Spellcheck. Preview. Publish. The image will automatically be centered, if you're using one of my photoblogger templates.