Jazztronik
01-21-2009, 07:01 AM
I have a gallery of logotypes which are displayed in a table. Each logotype GIF (they're monochrome: black logos over white background) is a link to its category.
Initially I made all these logos at 168x60 pixels, but the images looked too big and cramped.
So I decided to reduce them with CSS or HTML at 60% by assigning the images width the 60% of their real width. I assigned them in pixels. This way, the images were displayed a little rough or less smooth in Firefox, and this was even more noticeable in EI7. I tried by doing the same but directly assigning percentage values to their width (60%), and the smoothed reduction was quite good in FF, but even more horrible in IE7 than previously.
So, I've also tried by reducing these images by myself in Photoshop to their 60% and display them on the web without need for code reduction (at their new smaller 100% size), but I have checked that the roughness still happens in this reduction!!
Is there any way to avoid this roughness without needing to edit the source logotype vectors and exporting them to the smaller size?? Can I do Something to fix that awful display in IE7?
Initially I made all these logos at 168x60 pixels, but the images looked too big and cramped.
So I decided to reduce them with CSS or HTML at 60% by assigning the images width the 60% of their real width. I assigned them in pixels. This way, the images were displayed a little rough or less smooth in Firefox, and this was even more noticeable in EI7. I tried by doing the same but directly assigning percentage values to their width (60%), and the smoothed reduction was quite good in FF, but even more horrible in IE7 than previously.
So, I've also tried by reducing these images by myself in Photoshop to their 60% and display them on the web without need for code reduction (at their new smaller 100% size), but I have checked that the roughness still happens in this reduction!!
Is there any way to avoid this roughness without needing to edit the source logotype vectors and exporting them to the smaller size?? Can I do Something to fix that awful display in IE7?