HTML – Novo atributo especificado pelo W3C para suporte a imagens de alta resolução

image_pdfimage_print

O elemento recebeu um novo atributo, o srcset.

Este atributo é responsável por permitir a especificação de uma imagem de alta resolução a ser utilizada quanto o cliente suportar esta especificação.

Caso contrário, o atributo src seria utilizado, carregando a imagem no padrão habitual.

Este atributo inline é semelhante ao CSS -webkit-image-set, atualmente suportado pelas engines webkit.

Abaixo um exemplo de uso:

<img src="imagem_normal.jpg" srcset="imagem_melhor_qualidade.jpg 2x">

Deste modo, a engine do navegador poderá decidir qual imagem utilizar e qual ignorar, de acordo com dispositivo do cliente. Da mesma forma, este atributo tem compatibilidade com versões anterior que não o suportem, visto que será apenas ignorado.

Um último comentário: Reparem no 2x após o nome da imagem no atributo srcset. Isto indica para o navegador utilizar esta imagem em caso de dispositivos que suportem 2 ou mais pixels de dispositivo por CSS pixel. Apenas questão de densidade.

Gostou? Tire um minutinho e dê sua contribuição para Drall Dev Community no Patreon!