Mobile app version of vmapp.org
Login or Join
LarsenBagley460

: Logo Degrading Old IE and Safari Windows - Advice Needed cambrianvacation.co.uk/safeside The Safeside logo is saved as PNG-24 in Photoshop CS6, but there is some degradation in old versions of

@LarsenBagley460

Posted in: #AdobePhotoshop #Cs6

cambrianvacation.co.uk/safeside

The Safeside logo is saved as PNG-24 in Photoshop CS6, but there is some degradation in old versions of IE and Safari / Windows.

The size of the image in Photoshop is close to the actual size on the site, th quality I've saved it at is high, it needs to be a PNG as I need the transparency.

Does anyone know why it degrades in these browsers, everywhere lese it looks great.

Ant:-)

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @LarsenBagley460

1 Comments

Sorted by latest first Latest Oldest Best

 

@Kaufman565

(...that's some complicated HTML to get to the image...)

So, that image is slightly larger than the size it displays on the page: it's a 298x237 image in a 240x200 img tag. Modern browsers are good at scaling images down, older browsers used to be a bit rubbish at resizing images (including IE as recent as IE8). Sharp edges - like those in a logo, but unlike most photos - would look scuffy.

Unless it's essential to a responsive design or something similar, it's a good idea to use the exact size of image that will be displayed on the page: i.e. a 240x200 png in a 240x200 img tag.

Especially for a logo where you want to know it looks exactly right.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme