O srcset é um atributo HTML usado para indicar diferentes fontes de imagem para diferentes tamanhos e resoluções de ecrã, o que ajuda os websites a mostrar imagens de forma responsiva. Permite ao navegador escolher a melhor imagem conforme as características do dispositivo do utilizador, como o tamanho ou a resolução do ecrã. É especialmente útil para garantir que as imagens ficam nítidas e carregam depressa em ecrãs de todos os tamanhos, desde telemóveis pequenos a monitores grandes.
Por exemplo, com o atributo srcset, podes indicar vários ficheiros de imagem para diferentes larguras de ecrã ou densidades de píxeis, e o navegador escolhe automaticamente o mais adequado. Isto reduz o tempo de carregamento em telemóveis e garante imagens em alta resolução em ecrãs de alta densidade.