Images google chrome and IE

3

I'm making a website in HTML. When opening the image, in PNG format, in Google Chrome (below) it appears correctly and when opening in IE 11 (above) appears with pixels

<tdid="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;" >
  &nbsp;&nbsp;Autorizados&nbsp;&nbsp;</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;" >

Can someone help me with this situation?

    
asked by anonymous 16.05.2014 / 16:27

1 answer

5

The problem is in the size of the original image: link

When IE has to reduce a lot an image, these artifacts arise due to the algorithm it uses.

To correct this, simply resize the image in an editor, to make it closer to the desired final size.

    
16.05.2014 / 16:43