
SVG Logos in Shopify einbinden und nutzen
So einfach geht'sSVG-Dateien ohne Code nutzen
Lange Zeit war der Shopify-Editor auf Formate wie .png und .jpg beschränkt, was die Flexibilität bei der Gestaltung von Online-Shops einschränkte. Doch seit Ende 2023 gibt es aufregende Neuigkeiten für alle Shopify-Nutzer:innen: Die Integration von SVG-Dateien (Scalable Vector Graphics) ist jetzt im Editor möglich!
SVG: Qualität ohne Kompromisse bei der Skalierung
SVG ist ein Dateiformat für Vektorgrafiken, das eine skalierbare und verlustfreie Anpassung an verschiedene Bildschirmgrößen ermöglicht. Im Vergleich zu herkömmlichen Formaten wie .png und .jpg behält eine SVG-Grafik ihre Schärfe und Klarheit unabhängig von der Größe.
Ein neues Kapitel für den Shopify-Editor
Bisher konnten Shopify-Nutzer:innen SVG-Dateien nur durch Code-Anpassungen integrieren, was die Wartung und Aktualisierung der Website erschwert hat. Mit der aktuellen Erweiterung des Editors können Nutzer:innen SVG-Dateien direkt im Editor hochladen und verwenden, ohne Code-Anpassungen vornehmen zu müssen.
Wie füge ich SVG-Dateien in Shopify ein?

1. Editor öffnen
Öffne den Theme-Editor
2. Element hinzufügen
Navigiere zu der Seite oder der Section, an der du die SVG-Grafik platzieren möchtest. Füge ein neues Bild-Element hinzu oder wähle ein bestehendes Bild-Element aus
3. SVG hinzufügen
Klicke auf „Bild auswählen“ und wähle die gewünschte SVG-Datei aus
4. Speichern und veröffentlichen
Nachdem du alle Anpassungen vorgenommen hast, speichere deine Änderungen, um die aktualisierte Version deines Shops live zu schalten
Nicht alle Themes unterstützen SVG-Dateien
Auch wenn der Upload in allen Themes technisch möglich ist, unterstützen nicht alle Themes SVG-Dateien. In einigen Themes kann es vorkommen, dass die Größe des Bildes nicht gesteuert werden kann. Dies kann besonders bei älteren Themes vorkommen und durch ein Theme-Update oder Code-Anpassungen behoben werden.
Hier findest du einige Themes, die SVG-Dateien unterstützen:
- Dawn
- Focal
- Impact
- Impulse
- Prestige
- Broadcast
Du benötigst Hilfe beim Einbau eines SVG-Logos?

