FROM CACHE - de_header
Gelöst

Unscharfes Logo

LoganDeLaCruz
Entdecker
36 1 13

Hallo Leute,

ich habe das Problem, dass mein Logo (egal in welcher größe ich es einstelle) vollkommen unscharf erscheint.

Bei meinen Recherchen hier im Board habe ich herausgefunden, dass es wohl damit zusammenhängt, dass das Theme die Größe automatisch reguliert....leider kenne ich mich mit dem Coding kein stück aus und die bisherigen lösungsvorschläge in den anderen Threads funktionieren nicht, da ich das Minimal-Theme benutze. 😞

Vielleicht kann mir ja jemand einen Tipp geben, was ich tun könnte, damit das Logo scharf erscheint? 🙂

Vielen Dank im Vorraus

1 AKZEPTIERTE LÖSUNG

Gabe
Shopify Staff
16357 2587 3853

Erfolg.

Hey @LoganDeLaCruz 

Tut mir leid zu hören das dein Logo nicht zufriedenstellend aussieht denn das Logo ist ja das erste bisschen Branding was die Besucher zu deinem Shop sehen und somit muss es stimmen.

Frage: kannst du mit ein paar Abgriffe hier einfügen die die unschärfe deutlich veranschaulichen? Und wenn du mir die Shop URL gibst kann ich das auch live anschauen um zu sehen, wie es auf verschiedenen Browser sowie Geräte aussieht. Ansonsten kann ich nur generelle Infos bzgl. Bildqualität hier geben (siehe unten). Praktisch muss die Balance zwischen hoher Auflösung des Bildes und zu lange Ladezeiten genau stimmen. Welchen Bildeditor verwendest du? Vielleicht helfen dir unsere Help Center Links zum Thema Bildqualität:

Shopify "rendert", sprich, stellt die Bilder genauso dar, wie sie hochgeladen werden -> in "lossless" Bildqualität. Meist haben Bilder die vorher viel in einem externen Bildeditor bearbeiten wurden eine "lossy" Darstellung, d. h. das jedes Bild bei der Bearbeitung in einem externen Editor an Qualitätsverlust leiden wird. Wichtig hier wäre auch der Ursprung des Bildes, sprich, wo du das Bild her hast. Wir komprimieren Bilder beim Hochladen nicht; stattdessen werden im Browser Transformationen angewendet, wodurch vorkomprimierte Bilder gelegentlich noch stärker komprimiert aussehen können. Siehe mehr dazu hier.

Um so viel Qualität wie möglich zu erhalten, empfehlen wir, ein natives Originalbild mit höherer Auflösung hochzuladen, sprich das NICHT bearbeitet wurde, mit einer maximale Größe von 4472px x 4472px. Mit dem Logo wird das sogar viel kleiner sein. Verwende bitte dabei ein Bildtyp, der nicht "lossy" ist (verlustbehaftet), d.h. es verliert nicht jedes Mal an Qualität, wenn es modifiziert/gespeichert wird. Jpgs sind verlustbehaftet (lossy), aber schnell zu laden, während pngs nicht verlustbehaftet sind (lossless), eine höhere Qualität haben, aber aufgrund ihrer Größe etwas mehr Zeit zum Laden benötigen können.

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

Lösung in ursprünglichem Beitrag anzeigen

3 ANTWORTEN 3

Gabe
Shopify Staff
16357 2587 3853

Erfolg.

Hey @LoganDeLaCruz 

Tut mir leid zu hören das dein Logo nicht zufriedenstellend aussieht denn das Logo ist ja das erste bisschen Branding was die Besucher zu deinem Shop sehen und somit muss es stimmen.

Frage: kannst du mit ein paar Abgriffe hier einfügen die die unschärfe deutlich veranschaulichen? Und wenn du mir die Shop URL gibst kann ich das auch live anschauen um zu sehen, wie es auf verschiedenen Browser sowie Geräte aussieht. Ansonsten kann ich nur generelle Infos bzgl. Bildqualität hier geben (siehe unten). Praktisch muss die Balance zwischen hoher Auflösung des Bildes und zu lange Ladezeiten genau stimmen. Welchen Bildeditor verwendest du? Vielleicht helfen dir unsere Help Center Links zum Thema Bildqualität:

Shopify "rendert", sprich, stellt die Bilder genauso dar, wie sie hochgeladen werden -> in "lossless" Bildqualität. Meist haben Bilder die vorher viel in einem externen Bildeditor bearbeiten wurden eine "lossy" Darstellung, d. h. das jedes Bild bei der Bearbeitung in einem externen Editor an Qualitätsverlust leiden wird. Wichtig hier wäre auch der Ursprung des Bildes, sprich, wo du das Bild her hast. Wir komprimieren Bilder beim Hochladen nicht; stattdessen werden im Browser Transformationen angewendet, wodurch vorkomprimierte Bilder gelegentlich noch stärker komprimiert aussehen können. Siehe mehr dazu hier.

Um so viel Qualität wie möglich zu erhalten, empfehlen wir, ein natives Originalbild mit höherer Auflösung hochzuladen, sprich das NICHT bearbeitet wurde, mit einer maximale Größe von 4472px x 4472px. Mit dem Logo wird das sogar viel kleiner sein. Verwende bitte dabei ein Bildtyp, der nicht "lossy" ist (verlustbehaftet), d.h. es verliert nicht jedes Mal an Qualität, wenn es modifiziert/gespeichert wird. Jpgs sind verlustbehaftet (lossy), aber schnell zu laden, während pngs nicht verlustbehaftet sind (lossless), eine höhere Qualität haben, aber aufgrund ihrer Größe etwas mehr Zeit zum Laden benötigen können.

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

LoganDeLaCruz
Entdecker
36 1 13

Hallo Gabe,

mit der Größen-Angabe hast du mir tatsächlich bereits geholfen....ich nutze photoshop, habe das logo nochmals erstellt aber diesmal in der größe von 4472x4472 und siehe da, es ist scharf! 😄

Ich danke dir! 🙂

deemon86
Tourist
11 0 1

Ich habe jetzt das gleiche Problem. 

Die größe von 4472 x 4472 lädt er gar nicht hoch. Habe jetzt viele Größen ausprobiert, aber bleibt immer unscharf. 😕

 

Screenshot 2024-03-26 233712.png