Shop Products
Houzz Logo Print
lowspark1

How to reduce the size of your pictures when posting

lowspark
13 years ago

I have a hard time viewing very large pictures here because they just don't fit on my screen and I find myself scrolling up & down trying to get the whole idea. In addition, they make the type stretch out so that I have to scroll side to side to see it.

There is a way to specify the size of your picture so that it is a reasonable size. All you have to do is add a height parameter to your html code. The larger the number you specify, the larger your picture will be. And this will work regardless of the original size of the picture.

Hope this helps!!

<img src="http://i299.photobucket.com/albums/mm288/low-spark/Kitchen/IMG_3181.jpg"; height=200>

produces this:

<img src="http://i299.photobucket.com/albums/mm288/low-spark/Kitchen/IMG_3181.jpg"; height=400>

produces this:

<img src="http://i299.photobucket.com/albums/mm288/low-spark/Kitchen/IMG_3181.jpg"; height=600>

produces this:

Comments (10)

  • cj47
    13 years ago

    Great information!! Thanks for sharing.

  • lisa_a
    13 years ago

    Yes, good information, thanks.

    I have a wide screen monitor (22") so generally I can view larger images without side to side scrolling (which I hate) but every now and then, someone posts an image that is even too wide for me. I stop reading the post at that point, which, yes, is like cutting off my nose to spite my face, but that's how much I hate scrolling from side to side to read the text that is now stretched across the screen because of the large photo.

    I just posted an image that is larger than I usually post (not one of my images, copied from another website) but I checked before posting and judged it to still fit within the average monitor's screen. At least that was my goal but I could have boo-booed on the eye-balling. If so, sorry!

    Funny, I have this large monitor and yet I still keep the GW window fairly narrow in comparison at only 10" wide. It's just easier to read if I don't have to scan the whole width, even without side-to-side scrolling.

    Scrolling up and down is tiresome, too, but I'd rather deal with that than side-to-side, especially if it means that the posted image is so small that I can't view details. And you know us TKOers want details! LOL

  • doonie
    13 years ago

    I've been using this info. Thanks!!

  • plllog
    13 years ago

    I should mention that if you want to reduce the loading time of your pictures you should resize them first. If you use Photobucket or one of a number of other online photo services you should be able to do it right there in the editing. 400-600 pixels is a good width. Don't go over 800 pixels either direction. Also make sure it's a GIF or JPEG. That way you should have a file size of well less than a megabite.

    If you just change the size in the image tag it doesn't change how much information gets loaded. You don't need more than 50K-300K for it to look fine on screen.

  • doonie
    13 years ago

    plllog, for clarification, are you saying that when I upload photos from my computer to Photobucket there is somewhere to choose the 400-600 pixel size?

  • rhome410
    13 years ago

    On photobucket you can specify what size you want all your downloaded pics, or you can resize them after down, or is it uploading. Anyway, if you choose "Large" it is usually a decent size for the forum and fits well on laptops. (640x480) I'm not sure what works on things like smart phones and stuff.

    It's not an obvious thing to find, but if you click on 'more options' underneath the "Upload images and videos" box, you can choose the size there. Or, for pics already in the album, choose 'edit' and 'resize.'

  • Buehl
    13 years ago

    This works if you only specify one dimension. However, one caution if you try to specify both the height and the width: When you give your picture specific dimensions, the picture can become distorted if you don't match both directions based on the original size. A better way to do it is to resize using percentages (this is mentioned in the "Read Me" thread, btw),\.

    By using percentages, you resize based on the ratio of the height to the width.

    For example, if you resize a 4000x3000 pic to 10% (400x300), the only difference you see is size (and how clear the pic will be if enlarged later). However, if you resize it to 400x400, you have now changed the ratio of the height to the width and will now have a distorted picture.

    So, either just specify one dimension as LowSpark describes, or resize based on percentage (which is what I do).

  • doonie
    13 years ago

    rhome410 & buehl, Thanks! It takes much less time to upload with the preselected "large" size. I never saw it until you mentioned it. I feel like I've been a GW oaf bumbling around with photos!

  • merovius19
    8 years ago

    Uhhh, theyre all the same size...


    lol

  • lowspark
    Original Author
    8 years ago

    Haha. Yeah, well, the site owner and software have changed since I posted this back in 2010. They were a different size back then. No idea what they've done to change the coding since then.

    But hey! There's my kitchen! It looks essentially the same now as it did when I took this picture. The dining room in the background, however, is totally changed. Blast from the past!