Liquid, JavaScript, Themes
Hallo zusammen,
gerne würden wir unseren Collections (dt. Kategorien) als Kategoriebild ein PNG mit einer transparenten Ebene hinzufügen.
Leider ist es so, dass Shopify hier die Bilder immer als JPG speichert und damit auch den Alpha-Kanal (also die transparente Ebene) rauswirft, da JPG ja keine transparente Ebene speichern kann.
Warum verhält sich hier Shopify nicht konsistent zu den Produktbildern? Hier ist PNG inkl. Alpha-Kanal (Transparente Ebene) möglich. Gibt es hierfür evtl. Workarounds?
Vielen Dank bereits im Voraus.
Mit freundlichen Grüßen
Henry Auffahrt
Hey Henry! @HenryAuffahrt
Danke für die Info und wenn man versucht verschiedene Arten von Bilder hochzuladen, wie .jpg, .png mit transparenten Hintergrund und auch animierte .gif dann gibt es ein paar Dinge zu beachten (siehe unten).
Hier ist zum Beispiel zu beachten, wie der .png mit transparenten Hintergrund im externen Bildeditor erstellt und optimiert wurde denn manche Bildeditor die .png mit transparenten Hintergründe erstellen können, speichern die Bilder in einem nicht-erlaubten Format (es gibt in der Tat mehrere Formate mit Alphakanal, wie z. B. bestimmte Arten von Vector Graphics usw.) und somit ist es möglich, dass das System das Bild in ein .jpg verwandelt, um es speichern zu können.
Weiterer Grund
Wenn eine Sammlung vorher zuvor eine JPG-Bilddatei hatte und man versucht, diese durch eine PNG-Datei (oder einen anderen Dateityp als JPG) zu ersetzen, wandelt das System den Dateityp automatisch in JPG um, um eine Übereinstimmung mit dem vorherigen Upload zu gewährleisten. Dies kann auch in anderen Bereichen des Shops geschehen.
Wenn man versucht, ein Sammlungs-/Blog-/Geschenkkartenbild hochzuladen, das neue Bild aber nicht wie erwartet als .png mit transparenten HG angezeigt wird, dann probiere bitte folgende Schritte:
Das kann bei einer PNG-Datei oder bei einer optimierten GIF-Datei passieren.
Um den Dateityp zu überprüfen, öffne die Seite in der Verwaltung, auf der das neue Bild hochgeladen wird, klicke mit der rechten Maustaste auf das Bild und wähle Bild in neuem Tab öffnen. In der URL wird je nach Dateityp .png oder .jpg angezeigt.
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024