Logo unscharf

Ansicht von 5 Antworten – 1 bis 5 (von insgesamt 5)
  • cyrfer

    (@cyrfer)

    vor 4 Monaten

    Die Abmessungen der verwendeten Bilddatei sind deutlich größer als die tatsächlich dargestellte Größe, das Logo wird also vom Browser verkleinert dargestellt. Wie der Browser verkleinert dargestellte Bilder rendert, ist im Wesentlichen seine Sache.
    Gerade bei Pixelgrafik und scharfen Kontrastkanten ist die verkleinerte Darstellung nicht immer optimal.
    Man kann die „Schärfe“ der skalierten Darstellung zwar per CSS-Eigenschaft image-rendering etwas beeinflussen, aber nicht jede Option wird von jedem Browser unterstützt, oder auch von unterschiedlichen Browsern unterschiedlich ausgeführt.

    Für eine eindeutigere und weniger vom verwendeten Browser abhängige Darstellung kannst du entweder das Logo mit einem Grafikprogramm direkt auf die tatsächlich dargestellte Größe skalieren (+ggf. eine Retina-Version, falls vom Theme unterstützt), oder ein Logo im Vektorformat benutzen – sprich: als SVG-Grafik.

    Thread-Starter scoopa80

    (@scoopa80)

    vor 4 Monaten

    danke für deine Antwort. Gibt es Opensource Programme mit denen ich diese Grafik erstellen kann damit es dann funktioniert? Oder braucht es dafür Photoshop oder corel Draw?

    cyrfer

    (@cyrfer)

    vor 4 Monaten

    Habe ich eben mit Inkscape gemacht:

    Falls sich die SVG-Datei bei Dir nicht in die Mediathek hochladen läßt, brauchst Du ein Plugin wie SVG Support oder Safe SVG.

    Thread-Starter scoopa80

    (@scoopa80)

    vor 1 Monat, 3 Wochen

    danke ich habe das Plugin installiert und die datei hochgeladen beim einfügen bzw zuschneiden des Bildes in dem inspiro theme kommt dann allerdings ein fehler. „Beim zuschneiden des Bildes ist ein Fehler aufgetreten“

    Was könnte da jetzt falsch sein?

    https://ibb.co/Ht6FrzS

    • Diese Antwort wurde vor 1 Monat, 3 Wochen von scoopa80 geändert.
    Thread-Starter scoopa80

    (@scoopa80)

    vor 1 Monat, 3 Wochen

    ich bin jetzt mal beim einfügen auf zuschneiden überspringen. da kam dann kein fehler. allerdings sehe ich keinen unterschied zu meinem vorherigen Bild. Hab ich was falsch gemacht?

Ansicht von 5 Antworten – 1 bis 5 (von insgesamt 5)

Schlagwörter