3
I’m making an HTML site. When opening the image, in PNG format, in Google Chrome (below) it appears correctly and when opening in IE 11 (above) it appears with pixels
<td id="Autorizado" class="Title" > <a href="Autorizado.php" id="dialog-modal"> <img class="overlay" id="dialog-modal" src="images/Certo.PNG" width="65%" height="20%" style="vertical-align: middle; padding-right: 8px;" >
Autorizados </a>
</td>
</td><td id="Condicionado" class="Title" > <a href="Condicionado.php" id="dialog-modal"> <img class="overlay" id="dialog-modal" src="images/condicionado.PNG" width="60%" height="8%" style="vertical-align: middle; padding-right: 8px;" >
Someone can help me with this situation?
I am suspicious of the file format. Could make available the link to download one of the icons?
– carlosrafaelgn
Good is remarkable that the height/width of the images are different. How is the html code? Could you provide? There was a bug in IE8 going back to poor PNG’s quality. Another point, is this background image due to transparency? You actually need to use alpha?
– romulos
http://psicovirtuali.blogspot.pt/2011_06_01_archive.html the image is on this site
– ChrisAdler
by chance you are doing resize?
– romulos
The problem is that you are scaling the images, and IE by default does not Smoothing/Antialias. This can be controlled with filters, but the ideal is to edit the image in some application.
– Bacco
Then I’ll have to use software to reduce the image size?
– ChrisAdler
what makes your class overlay?
– romulos
Actually, @Bacco, IE does Smooth, but it’s only good for small reduction proportions. If you reduce the algorithm they use too much it makes the image too Crispy. Now, to increase, without problems, will be as "smoothed" as in any other browser.
– carlosrafaelgn
Look, I did the image test with original size and reduced in FF, Chrome and IE and got no quality problem the way you are displaying in your image.
– romulos
and reduced only to html? Or did you use some software?
– ChrisAdler
@carlosrafaelgn in the younger :) but what has IE outdated, is a beauty... (although he mentioned IE 11, I saw later only)
– Bacco
i use 256x256 image and then reduce to html width="65%" height="20%"
– ChrisAdler
then probably this happens in your resize.
– romulos
Please edit the question to contain the information that has been added in the comments.
– Oralista de Sistemas