Logo wird verpixelt/runterskaliert

Hallo leichsenring ,

da brauchen wir mal Angaben zum Layout und zur Programmversion die verwendet wird. Ein Link auf die Webseite mit der fehlerhaften Darstellung wäre ebenfalls hilfreich. Ist denn das Bild, was als Logo verwendet werden soll, tatsächlich 1432x480 px groß? Das würde ja dann nahezu den Bildschirm füllen und von den eigentlichen Inhalten der Webseite wäre nichts mehr zu sehen.

Die Wunschmasse des Logo können in den Layout-Einstellungen fast bei jedem Layout frei eingegeben werden. Sie können also Ihre Wunschgrösse festlegen. Wenn Sie dann ein Logo mit genau den eingegebenen Massen erstellen, wird es beim Import nicht skaliert und bleibt in Originalgrösse erhalten. Wenn es dann pixelt, muss es eigentlich auch vor dem Import schon gepixelt haben.

Mehr können wir ggf. sagen, wenn Sie uns die Webadresse nennen.

Wenn in den Layout-Einstellungen die Größen verändert werden, beeinflusst das ein bereits importiertes Logo nicht. Das müssten Sie dann erneut importieren (mit der Datei mit den selben Ausmaßen).

Hallo leichsenring ,

ich habe das mal wie folgt nachgebaut:

1. Beliebiges Foto (Original 4928 x 3264 px) in Irfanview auf 1432 x 948 px heruntergerechnet (proportional)
2. Markierung erstellt in 1432 x 480 px und freigestellt
3. neues Bild gespeichert und Irfanview beendet
4. Zeta gestartet, Projekt mit Modern Responsive-Skye angelegt.
5. "Layout" -> "Logo" -> "Logografik: Breite auf 1432, Höhe auf 480 geändert
6. "Layout" -> "Logo" -> "Logografik": das neue Logobild ausgewählt, gespeichert
7. Veröffentlicht unter https://logo-1432.zeta-producer.com/index.html
8. Logo ist in voller Größe zu sehen, wie erwartet aber nicht praktikabel
9. "Layout" -> "Logo" -> "Logografik: Breite auf 716, Höhe auf 240 geändert, gespeichert
10. Veröffentlicht unter https://logo-716.zeta-producer.com/index.html
11. Logo ist in einer Breite von 716 scharf zu sehen, Proportionen zwischen Logo und Menü stimmen nicht
12. "Layout" -> "Logo" -> "Logografik: Breite auf 358, Höhe auf 120 geändert, gespeichert
13. Veröffentlicht unter https://logo-358.zeta-producer.com/index.html
14. Damit jetzt die passende Größe erreicht

Ergebnis: Wenn das Original 1432 x 480 px ist, sollten 716x240 oder 358x120 als Angaben für Breite und Höhe ebenfalls ein scharfe, unverpixeltes Bild zeigen.

Ergänzend hierzu noch folgendes:

Wenn ein Logo 1:1 importiert und dargestellt wird, kann dies auf hochauflösenden Bildschirmen (retina) z.B. auf iPhones oder iPads etwas unscharf aussehen (aber nicht pixelig). Das liegt daran, dass diese Geräte eine wesentlich höhere Auflösung haben. In dem Fall erstelle ich die Logografik dann einfach in der doppelten Größe (im Vergleich zu den im Layout-Editor angegebenen Ausmaße). Dadurch hat es dann effektiv die doppelte Auflösung.

Beispiel: eine Logo-Grafik mit 400x200 Pixeln und im Layout-Editor eingegebene Maße von 200 Breite und 100 Höhe.

Dadurch wird die Logo-Grafik mit effektiv 400 Pixeln Breite nur mit 200 Pixeln Breite dargestellt und hat dadurch die doppelte Auflösung.

Um derartige Probleme komplett zu umgehen, kann man Vektorgrafiken nutzen. Vektorgrafiken sind beliebig skalierbar ohne an Qualität zu verlieren.

Dazu lassen Sie sich von Ihrem Grafiker das Logo als Vektorgrafik im Format .svg liefern oder erstellen selbst ein derartiges Logo. Zeta Producer unterstützt SVG-Grafiken und diese können auch als Logo genutzt werden.