PSA For Web Developers Who Only Test in Safari

# Filed on Mar 28, 2008 by AnthonyDiSante 2 replies

Here’s a Public Service Announcement for web developers who only test their websites in Safari.

Safari happens to do high-quality (but slower) image scaling, so that if the dimensions that you specify for an image don’t match the image’s actual dimensions, it’ll still look decent.  But other browsers do lower-quality (but faster) image scaling, which makes such an image recognizable, but jaggy.

This means that the 1000x1000 pixel image which you’ve stuffed into a 50x50 pixel spot on a web page looks like absolute crap in most browsers, even though it looks decent in Safari.  So instead of trying to stuff an image into a container of the wrong dimensions, you should rescale the image in your photo-editor first, then specify the correct dimensions in your web page.

Comments:

01. Apr 1, 2009 at 09:24am by Dodger:

Or just leave out the dimensions in the HTML altogether, seeing as it’s the right size and adding a height and width tag or an equivalent style is only necessary for actual resizing of images, not displaying that at proper height (well, and for pre-spacing the page before they load, if necessary)

02. Apr 2, 2009 at 09:29am by AnthonyDiSante:

Yes, specifying image dimensions in HTML is important in many contexts.  And besides, leaving them out alone doesn’t actually solve the problem; you’d still need to rescale the image beforehand.

Reply to this message here:

Your name
Email (why?)
Website (if you have one)
Subject
search posts:

home | archives ]