Doing some research for one of my clients today (a big one with 300,000+employees), I decided to check their web standards and guidelines. On the first page of their standards was the reminder to avoid templates that create horizontal scroll, and to design with 1024 pixel width in mind. Good advice. Too bad they can’t follow their advice themselves though.

Above this tech savvy advice was another example of what not to do on their intranet pages. It was this advice that inspired this post.

The advice itself was unimportant. It was how they gave it that had me chuckling. They used a screenshot to give an example, and that screenshot was 1,250 pixels wide. Being that I was on a tiny 1024 pixel laptop at that moment made me………you can guess here…….horizontal scroll to read the rest of the text.

The template itself was designed fine. Unfortunately though, it appears the content writers had no clue on what it was all about. When inserting a large picture in your site, please make sure it does not create horizontal scroll.

I usually keep a general rule of thumb; limit image width to 800 pixels, and if it’s larger, link to the image all by itself. On this site, I try to limit to just 600 pixels. Anything wider forces surrounding text to be just as wide, and that is something we just don’t want to do. See Giant Image Syndrome.

  24 Responses to “Watch that Image Size”

  1. urgh, horizontal scrolling is simply the worst! You’re right, big companies can’t take advice, even if they are paying for it! I think when people begin to get obnoxious at some stages

    nice read

    thanks for the share

    Ruchi

  2. I agree, it’s extremely annoying to have to scroll to see the whole image, especially in pictures where you have to constantly look at both sides constantly. All sites should have the ability to resize the pictures to the viewable area of the user’s browser/screen size.

    Till then,

    Jean

  3. Horizontal scrolling is horrible for conversions. Any website that has horizontal scrolling just doesn’t seem set up properly.

  4. I wish browsers came with the ability to do it for us instead of the sites. Like how it resizes images on blank webpages basically.

    Till then,

    Jean

  5. I always make a good practice with this.

  6. I agree, it’s extremely annoying to have to scroll to see the whole image, especially in pictures where you have to constantly look at both sides constantly

  7. I try to keep my images less the 600×600 just in case someone has a smaller resolution, like netbooks for example i had one and some sites just get annoying.

  8. I hope that you made them …follow through…on their own page. It is really annoying if you have these huge pictures on websites. It makes the site as well very slow.

  9. I like the ability which present in some sites which resize images automatically and don’t show it verrry big because it is annoying.

  10. I wish browsers came with the ability to do it for us instead of the sites. ;)

  11. I always make a good practice with this. ;) )

  12. I truly enjoy when persons are indicating their viewpoint and idea. Therefore I prefer the way you are writing.

  13. You positively know methods to bring a difficulty to mild and make it important. More people must read this

  14. ¦ There is quite enough malware being produced already without adding to it gratuitously.

  15. mine is also 626*434 and i think its a perfect image size.

  16. 2 Meanwhile, heat the oil in a skillet over medium heat. Add the garlic,

  17. I will be convinced with a lot of the data in this post. You certainly are a distinctive writer having the ability to set your own views directly into clear phrases. Anyone can understand this.

  18. hey i recently downloaded a wordpress theme on my blog but its not shows image on my older posts..what can i do?

  19. Youre so cool! I dont suppose Ive read something like this before. So nice to find someone with some unique thoughts on this subject. realy thank you for beginning this up. this website is one thing that is wanted on the net, someone with a bit originality. helpful job for bringing one thing new to the internet!

  20. I wish more people payed attention to this. It is annoying to have to scroll to see the whole picture.

 Leave a Reply

(required)

(required)

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>