Responsive Design Bilder automatisch anpassen

[Auge]

Hallo

… durch max-width: 25em; wird das Bild ja auch nur statisch begrenzt

Das war auch nur ein Beispiel. Die konkreten Wunschwerte musst du selbst suchen und anwenden.

Weiterhin gibt es für <img> [das Attribut srcset]

Ja, das hatte ich mir auch angeschaut und ist für die Zukunft auch vielleicht interessant, wobei der Grundgedanke vielleicht schon überholt ist, denn angesichts Flatrates und LTE ist die Größe der Datenübertragung vielleicht nicht mehr so beachtenswert, sondern eher kontraproduktiv,

Flatrates in einer Zeit, in der Anbieter immer wieder versuchen, Angebote als normal zu etablieren, die bestimmte Dienste bevorzugen und damit andere Dienste, zu denen wohl alle hier diskutierten gehören werden, benachteiligen? Flatrates in einem Markt, in dem Mobilfunktarife fast immer volumenbegrenzt sind?

LTE ist kein Argument für unnötigen Traffic. Die verfügbaren Datenvolumen/Monat sind zwar typischerweise höher als „früher“ aber heute will man™ auch sehr viel datenhungrigere Dienste benutzen als früher. Da ist jedes unnötig verschwendete Byte ärgerlich. Zudem ist auch bei LTE die erreichbare Geschwindigkeit stark von der Auslastung der Zellen abhängig.

da ja jedem Hündchen sein eigener Knochen geliefert werden soll, sprich ein Bild in verschiedenen Auflösungen.

Ein kleines Hündchen kann halt mit einem Knochen, der größer ist, als er selbst, nichts anfangen.

Da hätte ich mir gewünscht das W3C hätte es unproblematischer gemacht, wie eben Text, dass Bilder sich automatisch anpassen.

Genau das passiert doch? Mit img { max-width: 100%; height: auto; } wird ein Bild in einem schmalen Viewport kleiner, in einem breiten Viewport aber nicht größer als die Originalabmessungen.

Tschö, Auge