Responsive Images (Engl.) sind Bilder, die auf allen Bildschirmgrößen, in allen Auflösungen und anderen Funktionen gut dargestellt und dafür optimiert werden. Das hilft dabei, Leistungen auf unterschiedlichen Endgeräten zu verbessern. Falsch ausgestellte Bilder wirken sich negativ auf UI und UX aus und somit auch aufs Ranking, z. B. weil ein viel zu großes Bild wichtige Textinhalte verdeckt oder zu kleine Produktfotos bzw. die enthaltenen Produktdetails schlichtweg nicht zu erkennen sind.
Responsive Images sind Teil der responsiven Webentwicklung. Sie werden im ‚srcset‘ niedergelegt und dann aufgrund der Größe und Auflösung des zugreifenden Geräts ausgespielt. Dabei unterstützen responsive Bildtechniken wie das Attribut ‚srcset‘ die Bereitstellung der unterschiedlich skalierten Bilder. Im Rahmen der automatisierten Bildoptimierung legt ein User das von ihm ausgewählte Foto ins Backend, das sich über eine API mit dem Cloud-Dienstleister verbindet und die vom Gerät geforderten Bilder in der richtigen Größe und Auflösung automatisch und selbstständig bereitstellt.