Tuesday, January 11, 2011

DIY: How to Enlarge Photos on Blog Posts

It took me the longest time to figure out how to enlarge pictures on my blog :) After lots of looking around on the internet, and lots of tinkering with editing the HTML, I found what works for me on blogspot. I'm looking at my screen in 1024x768, and have found that works well with all of the websites and blogs I visit.

So a quick DIY or How-To on enlarging images.
+ First, upload your image.
+ Then go to the "Edit Html" tab at the top of where you are composing your blog (above and to the right of where all of your text formatting options are). Don't be scared of all the crazy Html code (it still overwhelms me to look at it ;)).

+ Each picture will have a code of something like this (click code to enlarge and see it better):

+ What you are looking for is what is in bold red below:
+ I always increase my picture sizes by 50%, but you can change them to whatever size works best for you and your blog. The key is that the width and height have to be proportionate. I have to get out my handy dandy calculator on my desktop to make sure I am increasing them correctly.

+ So, if I want to increase the width of 320px by 50%, I would type in 320/2 + 320, which equals 480. And the height of 400px is 400/2 + 400 = 600.

+ Then you must also increase the /s400/ number at the bottom (in red above). I always set this to 800.

Sooo, your new html code will look like this:

*Remember, all you change are the numbers. Do NOT delete any of the other characters or it will mess up the entire code. Believe me, I know ;)

So below is a picture at regular size after uploading it - no increase in size has been made. While it still works fine, I think it's nice to have a larger image for people to view.
Below is the image increased in size by 50%. So nice! :)

6 comments:

  1. Thank you for this. I am new to blogging and need all the help I can get!

    ReplyDelete
  2. thanks for this tip! i have been struggling with finding a way to do this, since i havent been blogging very long. (i also really enjoy your blog)

    ReplyDelete
  3. Would this work the same way for making pictures smaller? (for in the sidebar?)
    Thanks!!!

    ReplyDelete
  4. Thanks so much! This is really helpful (: <3

    ReplyDelete