Resize your pictures correctly for the web

//, Web Hints & Tips/Resize your pictures correctly for the web

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.

2010-09-24T17:16:00+00:00 September 24th, 2010|News, Web Hints & Tips|