srcset ist ein HTML-Attribut, das verschiedene Bildquellen für unterschiedliche Bildschirmgrößen und Auflösungen angibt. So zeigen Websites Bilder responsiv an. Der Browser wählt das beste Bild je nach Eigenschaften des Geräts aus, etwa Bildschirmgröße oder Auflösung. Das ist besonders nützlich, damit Bilder auf allen Geräten scharf aussehen und schnell laden, vom kleinen Smartphone bis zum großen Desktop-Monitor.
Mit dem Attribut srcset kannst du zum Beispiel mehrere Bilddateien für verschiedene Bildschirmbreiten oder Pixeldichten angeben. Der Browser wählt dann automatisch die passendste aus. Das verkürzt Ladezeiten auf mobilen Geräten und sorgt dafür, dass Geräte mit hochauflösenden Displays hochauflösende Bilder zeigen.