How to Make Your Pictures BIG in Blogger

A few people have asked me how to post bigger pictures on blogger. There are lots of ways, but here is how I do it …

First, I size my pictures at 800pixels x 533 pixels in Photoshop, but you don’t need to do that. This trick worked for me before I started resizing.

Also, on my blog template, I have the outer wrapper set to 1200 px wide. If you want bigger pictures, your wrapper (the middle, big chunk of your blog) needs to be bigger.

Okay, so first I upload a pic.

Now, I go into “edit html” and I see this:

image ID, blah, blah blah … WIDTH: 400px; CURSOR: hand; HEIGHT: 266px; TEXT-ALIGN: center” alt=”” src=”” border=”0″ />

The numbers in red are what you are going to change. I change both of the 400s to 800, and double the other number. In this case, the other number is 266, so I am going to change it to 532.

Now it looks like this:

image id, blah, blah blah … WIDTH: 800px; CURSOR: hand; HEIGHT: 532px; TEXT-ALIGN: center” alt=”” src=”” border=”0″ />

Click back to “Compose.” And Walaaaa! Now you have a nice big picture!

Hope that helps!

Shannon - February 23, 2009 - 3:12 pm

Hi Cristie, Thank you for this! I’ve been trying to figure out how to get bigger pictures. I stumbled across your blog today and your pictures are beautiful!

For some reason my pictures look pixelated as if they’ve been stretched when I resize them. Any ideas?

Christie - February 23, 2009 - 8:30 pm

Hi Shannon!

This happens to me if I mistype the numbers, OR if the resolution of the image is low.

Most of my pictures are 240ppi or higher.

Hope that helps!

The Womacks - February 24, 2009 - 6:45 pm

Thanks for posting… I am still working out the klinks. Any idea why my horizontal photos are getting cut in half? Help. Thanks… you rock!

jamirodana - February 25, 2009 - 9:51 pm

I’m totally going to try this!

Hello, my name is Dana. - February 25, 2009 - 10:01 pm

Okay, time out! I just tried it and the pic was too big for my dang template so it was cut off.
How the he!# do I get a better template? HELP!

Christie - February 25, 2009 - 10:54 pm

Okay, it sounds like Melissa and Dana are having the same trouble. I think it involves both the outewr wrapper size AND the sidebar wrapper.

My outer wrapper is 1200 px, margin 0, padding 10

My sidebar wrapper is 220 px. I think that is what is cutting off half of your pics. Check it out, you might need to make it smaller.

Let me know if you guys want me to email you my template and you can customize it. 🙂

Jen - February 25, 2009 - 11:45 pm

“wrapper blabiditty blah blah.” Well look at you miss fancy.

Hey Can you do a fancy schmancy photo class night sometime this summer. That would be fun. AAAAAAAAAAAND we can do it at my house(Hopefully it’ll be livable by then?)AAAAAAAANND you can put out some business cards tooooooo.

Good job C!

Chandra - August 2, 2009 - 6:06 pm

Hey Christie, you can actually just delete that whole first part (WIDTH: 400px; CURSOR: hand; HEIGHT: 266px) and just change the later 400 to 800. That's what I do, following the Blogger 101 tutorial from ILP. Works every time, and then you don't have to worry about the math! :o)

Your email is never published or shared. Required fields are marked *



There was an error submitting your comment. Please try again.

F a c e b o o k