Resize your pictures correctly for the web

Many clients run into a problems when they are trying to upload pictures to go onto their websites. The problem centres around resizing those images. When you display an image on a website you can specify its size. All this does is squeeze the original image down to display in that size on screen. There are some problems with this:

  • The full size image is still downloaded to the visitor’s browser – so if that was a photo out of a 14 megapixel camera then you’ll be downloading a huge file to display a tiny image;
  • Browsers are poor at doing the scaling and therefore the quality that you end up can be far from ideal.

So what can you do about this?

  • Resize the image in Photoshop to exactly the right size before uploading it to the website. OK, not so many non-web developers are going to have this £600 piece of software so…
  • Resize in any graphics program (Photoshop elements, PaintShop Pro etc.);
  • Resize in your camera photo management software;
  • Resize using an online utility such as picresize.com

But what size to resize to? The best solution is to screen shot your screen (press Alt-Prt Scn and paste into a graphics editor) and then measure exactly the right size to fit the space at hand… the next best solution is to guess: try a few variations to get a feel for what size works for your image in your web page.

And of course, if you’re placing images on your page don’t forget to set the Alt-tags with descriptive yet keyword rich text!

Web design in CambridgeHuntingdon or Peterborough from WebSanity Internet Marketing.

Share
This entry was posted in Web Hints & Tips and tagged . Bookmark the permalink.

Comments are closed.

About Gerald Thulbourn

Gerald Thulbourn setup WebSanity in 2004. He has a 1st class honours MEng in Microelectronics & Software Engineering (i.e. he's a techy), 5 A grades at A level (i.e. he works hard) and loves to communicate (i.e. odd for a techy). He hates tech speak, sloppy/badly tested code, and technology for the sake of technology's sake. He loves helping people understand marketing concepts and seeing how their application makes a real difference to their business. In particular he loves training; SEO, Website Analysis, WordPress etc. Read more about us on Google+