Bilder für high dpi Bildschirme

sevensix

Gut bekanntes Mitglied
1. Juli 2009
133
1
Hallo,
bei uns sind alle Bilder auf retina / high dpi Bildschirmen immer unscharf, da es wohl keine high dpi optimierten Bilder im Shop gibt.
Ist da etwas geplant, oder gibt es aktuell ein Workaround für die Bilderdarstellung auf high dpi Bildschirmen?
 

Petuchov

Sehr aktives Mitglied
1. Oktober 2009
1.693
22
Augsburg
AW: Bilder für high dpi Bildschirme

Noch gibt es kaum Patentlösungen, weil das Thema erst jetzt akut wird. Dennoch hier ein paar Artikel zum Weiterlesen.



Mit Media Queries es möglich, jeweils das passende Bild auszugeben, je nach dem, ob ein Standard Bildschirm oder ein Retina Display verwendet wird. Dazu benötigt man zwei Bildversionen, das normale Bild und eines, das doppelt so gross ist, also die Seiten müssen doppelt so lang sein.



@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {

.image{
background: url (meinBild@2x.png);
}
}

Retina Bilder erhalten den Zusatz @2x
 

sevensix

Gut bekanntes Mitglied
1. Juli 2009
133
1
AW: Bilder für high dpi Bildschirme

Hallo,

die verschiedenen Techniken für die Darstellung sind bekannt. Ich meinte jedoch, ob der Shop nicht bei der Bildgenerieung zukübnftig einfach ein "zweites high dpi" bild erzeugen könnte, mit entsprechendem Dateinamen. Dann könnte man die Techniken schon einsetzen. Aktuell gibt es im Shop ja nur "mini, klein, normal und groß". Hier müsste für jedes Bidl ein "@2x" Bild erstellt werden. Bis jetzt bleibt mir nichts weiters übrig, als die Bilder doppelt so groß anzulegen und dann in den Templates auf die entsprechende größe zu reduzieren, so dass dann auf high dpi Bildschirmen das Bild nicht vergrößert (=unscharf) wird...
 

Ari

Gut bekanntes Mitglied
30. September 2015
111
2
AW: Bilder für high dpi Bildschirme

Ich muss den alten Thread leider mal wieder hochholen, das "Problem" ist nämlich weiterhin aktuell. Gibt es da seitens JTL irgendwelche Planungen zwecks Implementierung von Retina-Ready Bildern? Die von Sevensix angesprochene Lösung wäre ja definitiv der richtige Weg, d.h. das JTL selber entsprechende Bilder generiert?

Viele Grüße
Ari
 
Ähnliche Themen
Titel Forum Antworten Datum
Versuch Bilder aus Ebay für Kaufland zu übernehmen JTL-Wawi 1.8 0
Neu Bilder für Kindartikel Gelöste Themen in diesem Bereich 4
Neu Wie kann ich Alt-Texte für Bilder an Shopify senden? Shopify-Connector 2
Neu Plattform als Darstellungsbedingungen für Bilder oder Text Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Custom css für Galerie-Bilder Einrichtung JTL-Shop5 3
Neu beim Umstieg von unicorn auf SCX Bilder aktivieren Otto.de - Anbindung (SCX) 0
Neu Kategorie Bilder werden im Webshop nicht angezeigt User helfen Usern - Fragen zu JTL-Wawi 0
Neu Bilder von Merkmalen werden nicht angezeigt Gelöste Themen in diesem Bereich 5
Bilder Upload und Fehlermeldung WooCommerce-Connector 0
Neu Bilder werden Falsch im Shop angezeigt. WooCommerce-Connector 0
Neu Bilder öffnen sich in mobiler Version fehlerhaft. Allgemeine Fragen zu JTL-Shop 0
Neu Bilder unter "Mehr dieser Waregruppe" und "Kunden, die diesen Artikel gekauft haben, kauften auch" fehlen eBay-Designvorlagen - Fehler und Bugs 0
Neu Amazon Lister übergibt nur das Hauptbild an Amazon, weiter Bilder werden nicht übertragen Amazon-Lister - Fehler und Bugs 0
Neu Connector überträgt keine Bilder Shopify-Connector 1
Neu webp-Bilder werden nicht mehr generiert JTL-Shop - Fehler und Bugs 0
Neu Einstellung: "Bilder des Vaterartikels un der folgenden Variationswerte übernehmen" und der Shopware Server "explodiert" Shopware-Connector 10
Neu Bilder werden teilweise in verschiedenen Browser falsch dargestellt Gelöste Themen in diesem Bereich 3
Neu Bilder in Chrome zerquetscht angezeigt.. Gelöste Themen in diesem Bereich 16
Neu Neuer Verkauskanal: Bilder inaktiv User helfen Usern - Fragen zu JTL-Wawi 2
Neu Shop Bilder-Anzeige in Firefox fehlerhaft Allgemeine Fragen zu JTL-Shop 0
Neu Shop Bilder-Anzeige in Firefox fehlerhaft Allgemeine Fragen zu JTL-Shop 6
Neu Track&Trace für Österreichische Post JTL-Track&Trace - Ideen, Lob und Kritik 1
Neu PrestaShop Connector für Prestashop 8 mit PHP 8.2 wird nicht unterstützt PrestaShop-Connector 0
Neu Variablen für den Email Versand Einrichtung JTL-Shop5 0
Neu Nach Update auf 5.3 funktioniert das Video-Portlet für lokale Videos nicht Gelöste Themen in diesem Bereich 9
Wo befindet sich das Feld mit der Information für "Zustandsbeschreibung" auf Ebay? JTL-Wawi 1.8 9
Neu Egener Export für CBAM-Bericht möglich? JTL Ameise - Eigene Exporte 0
Beantwortet Globaler Haken für Überverkaufe ermöglichen JTL-Workflows - Fehler und Bugs 1
Neu JTL 1.8.12.0 - Artikelattribut für Shop importieren - Format CSV-Datei / Hilfe bei Import von individuellen Attributen für JTL-Shop (googlekat) JTL-Ameise - Ideen, Lob und Kritik 1
In Diskussion Benutzerdefinierten Standardpfad für Errorlogs definieren (Voting) JTL-Workflows - Ideen, Lob und Kritik 0
Neu Freitextfeld über Variation - Zeichenbeschränkung für Gravur Allgemeine Fragen zu JTL-Shop 8
Neu Template/ Vorlage für Bestellbestätigung gesucht Templates für JTL-Shop 0
WaWi Preisuntergrenze für Artikel festschreiben JTL-Wawi 1.7 4
Neu Variablen für Stücklistartikel in den neuen Vorlagen Angebot Auftrag Rechnung ect. Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Anleitung: Artikeletiketten für Auftrag, Rechnung, Lieferschein etc. drucken mit Etikettenanzahl = Artikelanzahl User helfen Usern - Fragen zu JTL-Wawi 0
Neu Zusatzkosten für Artikel Gelöste Themen in diesem Bereich 17
Neu Versandschein für Schweiz kann nicht gedruckt werden folgende Fehlermeldung JTL-ShippingLabels - Fehler und Bugs 1
Neu Bestellbestätigung email Variable Hinweistext für Downloadartikel Allgemeine Fragen zu JTL-Shop 3
Neu Dienstleister/Freelancer für Vorlagenerstellung Design gesucht Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 2
Neu JTL erstellt falsche Rechnungskorrekturen für Amazon.co.uk Aufträge und verweigert den Support Amazon-Anbindung - Fehler und Bugs 5
Neu Pickliste für Standardlager - Sortierung in WMS Mobile Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 0
Neu Workflow Web-Request Post für mollie Arbeitsabläufe in JTL-Wawi 5
Debitorennummern für bestehende und neue Kunden anlegen JTL-Wawi 1.8 2
Druckvorlage für Etiketten aus Auftragspositionen JTL-Wawi 1.8 4
Eigene Felder für Ebay-Listings verwenden JTL-Wawi 1.8 0
In Diskussion Automatische Zuweisung der Kategorien für Artikel durch Workflow JTL-Workflows - Ideen, Lob und Kritik 3
Gelöst Hardware für häufige Konstellationen mit USB und Swissbit TSE-Problem ab Android 11 JTL-POS - Fragen zu Hardware 5
Neu Wie erstelle ich das richtige Layout für handy, Desktop etc Allgemeine Fragen zu JTL-Shop 0
Beantwortet Preise für Kundengruppen berechnen JTL-Workflows - Ideen, Lob und Kritik 1
Tablet Empfehlung für JTL-WaWi APP? JTL-Wawi App 0

Ähnliche Themen