Auf Thema antworten 2026

JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Beitrag: <blockquote data-quote="draupnir" data-source="post: 2776406" data-attributes="member: 245968">Hallo Nedsch,es gibt drei Möglichkeiten ein Bild in zwei Formaten in einer Website für Desktop und Mobile zu zeigen:1. Es gibt das Bild zweimalDu erstellst eine zweite Version des Bildes in dem gewünschten 4:6-Format in Photoshop und Co. Über [USER=316083]@media[/USER] kann dann dieses im Falle des mobilen Webs gezeigt werden. Vorteil: Du zeigst dann genau den gewünschten Ausschnitt. Auch kannst Du das Bild in der Größe reduzieren und bekommst weniger Daten und schnellere Ladezeiten.2. Eine CSS-Lösungdiv.bild {   width:100px;   height:100px;   overflow:hidden;}div.bild img {   margin-top:-20px;   margin-left:-20px;}Auch diese Variante (die Werte für Breite, Höhe und Verschiebung musst Du selbst anpassen), wird mit [USER=316083]@media[/USER] gesteuert.3. Ein Javascriptwäre in meinen Augen nur die Notlösung, wenn 1 oder 2 nicht gangbar sind.Viel Erfolg,– j.</blockquote> Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.