3

Estou a fazer um site no HTML. Ao abrir a imagem, no formato PNG, no Google Chrome (abaixo) ela aparece correctamente e ao abrir no IE 11 (acima) aparece com pixeis

inserir a descrição da imagem aqui

<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;" >
  &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;" >

Alguem me consegue ajudar com essa situação?

14
  • Estou desconfiado do formato do arquivo. Poderia disponibilizar o link para download de um dos ícones? Commented 16/05/2014 às 14:37
  • BOm é notável que altura/largura das imagens estão diferentes. Como está o código html? Poderia fornecer? Havia um bug no IE8 voltado a má qualidade dos PNG's. Outro ponto, este fundo da imagem é devido a transparência? Você precisa de fato de usar o alpha?
    – romulos
    Commented 16/05/2014 às 14:39
  • psicovirtuali.blogspot.pt/2011_06_01_archive.html a imagem esta nesse site
    – ChrisAdler
    Commented 16/05/2014 às 14:40
  • por acaso você está fazendo resize?
    – romulos
    Commented 16/05/2014 às 14:43
  • 1
    O problema é que você está escalando as imagens, e o IE por padrão não faz smoothing/antialias. Isso pode ser controlado com filtros, mas o ideal é editar a imagem em algum aplicativo.
    – Largato
    Commented 16/05/2014 às 14:44

1 Resposta 1

5

O problema está no tamanho da imagem original: http://4.bp.blogspot.com/-ip63yAFK9WE/TftADQnV41I/AAAAAAAAAFs/nr7HyirMdPE/s320/homehost_ok.png

Quando o IE tem que reduzir muito uma imagem, surgem esses artifícios, devido ao algoritmo que ele usa.

Para corrigir isso, basta redimensionar a imagem em um editor, para deixá-la mais próxima do tamanho final desejado.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .