Bilder in gleicher größe + Höhe

[Matthias Scharwies]

Servus!

ich wollte mal Fragen wie man die Bilder in gleicher Größe + Länge anzeigen kann, ohne das die Bilder verpixelt werden. Wenn ich z.b ein 200x200 Bild in 600x600 anzeige, kennt man es ja das es sehr schlecht aussieht bzw die Qualität sehr schlecht ist.

Deshalb solltest Du Bilder, die wichtige Inhalte transportieren, in guter Qualität und großer Größe verwenden. Dabei sollte aber trotzdem auf geringe Dateigrößen, bzw. hohe Komprimierung geachtet werden.

• Wiki: HTML/Tutorials/Bilder im Internet

Wenn ich width:100% und height: auto mache dann ist alles wunderbar. Jedoch ist dann mal ein Bild größer als das andere und das sieht gar nicht schick aus.

Ich passe Bilder immer mit einer Bildbearbeitung an, sodass alle Bilder das gleiche Format haben.

Wenn Du Bildern in unterschiedlichen Formaten (Porträt, Landschaft, quadratisch hast, könntest du sie automatisch in ein grid platzieren (- alle modernen Browser unterstützen dies.)

• Wiki: Grid Layout /implizite Erzeugung von Rastern Bildergalerie

Herzliche Grüße

Matthias Scharwies