Sunday, April 11, 2010
Blogger makes it easier than ever to post large images now. I would suggest cropping your images web-sized before uploading them so your original large images won't get stolen. I usually don't load images larger than 1000px wide.
Make sure you are using the new post editor. If not, it is easy to set up.
(Warning: The new post editor does not have spell check for some crazy reason... That is bad news for people like me!) Go to Settings, Basic.
free web actions that will automatically crop and sharpen your images for the web and add rounded corners or a drop-shadow (if you want). Just scroll down to web actions to find the list.
Now simply click on your image and click on X-Large. You can also click on left, right or center. You are now finished! Well, if you don't want to load really large images that is.
Blogger still shrinks your images even when you click on X-Large. For a normal Blogger 2-column blog that won't be a problem and X-Large will be big enough. But what if you have a large one-column photoblog and want to post an image that is 975px wide? There is a way but you have to read on. I like using this method because you can also tweak the html code so you can make your image any size you want and are not limited to Blogger's idea of small, medium, large and x-large.
If you want even more control to be able to post an image any size (for example, you upload a large image and want to crop it to a certain size in your post) and be able to go back and change it at any time, there is another method.
Start over in the Compose mode and upload your image. After uploading your image click on the image to select it (in the Compose mode) and click on X-Large (as seen 3 images above). You have to click on a size or this method won't work! Then click on the Edit HTML tab.
Find the two codes (highlighted in yellow in my image above). Make them both s1600. Then find the code for "width" and put in what you want as the final px width of your image between the " "and delete the height code completely. You can adjust your image to any size now and you are not limited by Blogger's predefined sizes. Please see the image below for an example.
Now you can go back to the compose tab and finish your post. Once you publish it, your images will be the size you selected, not Blogger's preset size of small, medium, large! Plus you can go back at any time and adjust the final width size. Wasn't that easy. :-)
Remember, you can't make an image bigger unless you don't mind it looking low resolution. Don't upload a 500px wide image and make it 1000px wide. It will look horrible.
This sure beats my old tutorial which was a bit of a PITA. However, if you want to stick with the old post editor (that has spell check) that method works perfectly fine. :-)
I am going to be posting the second part of my texture tutorial this week, so make sure you stop by!