Bilder für high dpi Bildschirme

  • Temporäre Senkung der Mehrwertsteuer Hier findet ihr gesammelt alle Informationen, Videos und Fragen inkl. Antworten: https://forum.jtl-software.de/threads/mehrwertsteuer-senkung-vom-01-07-31-12-2020-offizieller-diskussionthread-video.129542/

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?
 

charlyhahn

Sehr aktives Mitglied
1. Oktober 2009
1.665
21
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 Forum Antworten Erstelldatum des Themas
Neu Bräuchte Hilfe beim Code für Bilder-Slider Technische Fragen zu Plugins und Templates 0
Neu Bilder Upload Shopware-Connector 0
Neu Bilder Rahmen proportional füllen in List und Label Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
In Diskussion Artikelabgleich - Bilder werden nicht ersetzt, sondern zusätzlich hochgeladen WooCommerce-Connector 2
In Bearbeitung Bilder werden bei Datenabgleich nicht übertragen JTL-POS - Fehler und Bugs 2
Gelöst Bilder zu anderen Auktionen eBay-Anbindung - Fehler und Bugs 2
In Bearbeitung Keine Bilder unter "Mehr dieser Warengruppe" eBay-Designvorlagen - Fehler und Bugs 4
Neu Speichern Bildgrößen unter Storefront->Bilder->Einstellung funktioniert nicht Allgemeine Fragen zu JTL-Shop 0
Neu Unterkategorien Bilder werden nur teilweise angezeigt Allgemeine Fragen zu JTL-Shop 8
Abgelehnt Bilder problem beim Onlineshop Abgleichen Onlineshop-Anbindung 2
Gelöst Sync-Job bricht aufgrund fehlender Bilder ab (v1.1.0) Shopify-Connector 15
Neu Bilder Onlineshop-Anbindung 24
Neu Bilder Einrichtung von JTL-Shop 2
Neu Bilder im Firmenlogo-Projektbaustein entfernen User helfen Usern - Fragen zu JTL-Wawi 5
Neu Bilder auf Artikelliste einblenden Allgemeine Fragen zu JTL-Shop 14
Neu Shop Artikel Bilder plus Artikel Videos Einrichtung von JTL-Shop 3
Neu Bilder mit .webp Format JTL-Shop - BETA - Feedback und Bugmeldungen 7
Neu Bilder in der Signatur Servicedesk (Beta) 13
In Bearbeitung Bilder verschwunden in jtl wawi 1.5.26 JTL-Wawi - Fehler und Bugs 3
In Bearbeitung Bilder vererben 1.5.26 JTL-Wawi - Fehler und Bugs 10
Neu Bilder/Sliderbreiten im 5er Shop JTL-Shop - BETA - Feedback und Bugmeldungen 0
Neu Bilder falsch dargestellt. - dringend- JTL-Shop - Fehler und Bugs 6
Neu Konfigurationsartikel Bilder vergrößern Betrieb / Pflege von JTL-Shop 6
Neu Bilder im Shop Allgemeine Fragen zu JTL-Shop 3
Neu Bilder werden im Shop nicht immer angezeigt Allgemeine Fragen zu JTL-Shop 2
Neu Dropper / Bilder User helfen Usern - Fragen zu JTL-Wawi 0
Neu Alle Bilder löschen? User helfen Usern - Fragen zu JTL-Wawi 11
Neu Dunkle/schwarze Bilder im Shop User helfen Usern - Fragen zu JTL-Wawi 1
Neu Bilder ohne CSV ? Arbeitsabläufe in JTL-Wawi 11
Neu Shop verliert nach dem Bearbeiten Links und Bilder auf der Startseite Allgemeine Fragen zu JTL-Shop 3
Gelöst Shop verliert nach dem Bearbeiten Links und Bilder auf der Startseite Gelöste Themen in diesem Bereich 3
Neu Bilder von Variationskombinationen werden nicht angezeigt (im Master vom 07.07.) JTL-Wawi - Fehler und Bugs 14
Neu Bilder-Hochskalierung lässt sich nicht abschalten JTL-Shop - BETA - Feedback und Bugmeldungen 6
Offen Online-Shop Abgleich Woocommerce Bilder werden nicht importiert. WooCommerce-Connector 3
Offen Frage zu Bilder WooCommerce-Connector 2
Neu artikebeschreibung Bilder einfügen User helfen Usern - Fragen zu JTL-Wawi 2
Gelöst Bilder upload mit SEO funzt nicht WooCommerce-Connector 2
Neu Wie kann man Bilder von Elementsammlung löschen? Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Avast blokiert Bilder auf eBay eBay-Anbindung - Fehler und Bugs 5
Neu Bilder im JTL Shop über Wawi aktualisieren Betrieb / Pflege von JTL-Shop 8
Neu Problem bei ebay: Falsche Rechnungsadresse für Verkaufsgebühren eBay-Anbindung - Ideen, Lob und Kritik 0
Neu Rechnung für Teillieferungen Arbeitsabläufe in JTL-Wawi 0
Neu Artikel Bezeichnung auf Rechnung ist leer, für die Aufträge, die von eBay importiert wurden. Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Zeit für JTL-Worker und Shopabgleiche User helfen Usern - Fragen zu JTL-Wawi 2
Neu Vorlage für EazyShipping-Picklisten lassen sich nicht speichern User helfen Usern - Fragen zu JTL-Wawi 7
Neu exportvorlage für Destatis Intrahandelsstatistik Individuelle Listenansichten in der JTL-Wawi 0
Neu Kann mir jemand das Feld für den Brutto VK User helfen Usern - Fragen zu JTL-Wawi 1
Neu Bestimmte Artikel bei Export für Preissuchmaschinen ausschliessen Betrieb / Pflege von JTL-Shop 2
In Diskussion Workflow für Artikel im Onlineshop „aktiv“ zu schalten JTL-Workflows - Ideen, Lob und Kritik 2
Neu Mindestabnahmemenge für einen Artikel Arbeitsabläufe in JTL-Wawi 0
Ähnliche Themen