Por que essas imagens não estão nítidas no site (online)? Por que elas estão ampliadas?
Elas também devem ficar crocantes, mas estão ampliadas:
Aqui está a comparação:
No lado direito desta captura de tela, podemos ver de alguma forma como eles deveriam ficar:
Baixe-os ou abra-os em uma nova janela do navegador e você verá:
Meus dados de resolução de tela:
Se for importante, o navegador que estou usando é o Edge , mas o mesmo acontece em todos os navegadores que tenho (incluindo Chrome, Firefox, Opera etc.)
Eu precisaria converter os pngs em svgs?
Aqui está meu trecho:
#szabvanyossag img {
border: none;
width: 80px;
height: 15px;
vertical-align: middle;
}
<span id="szabvanyossag">
<a href="https://jigsaw.w3.org/css-validator/check/referer" target="_blank"><img src="https://isstatic.askoverflow.dev/JpLU85h2.png" alt="érvényes CSS3!"></a> <a href="https://validator.w3.org/check?uri=referer" target="_blank"><img src="https://isstatic.askoverflow.dev/JfXymTp2.png" alt="érvényes HTML5!"></a>
</span>