Logo der Website sehr unschaft

  • Hallo Leute,

    mein Logo der Website ist sehr unscharf.

    Ich habe es mit PhotoShop erstellt.

    Kann mir jemand weiterhelfen welche Auflösung für das Web geeignet ist.
    Und wieso kann ich ein Extra Retina Logo hochladen?

    Liebe Grüße

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • (...)
    mein Logo der Website ist sehr unscharf.

    Welches meinst Du, das im Header (geht noch als ausreichend scharf durch) oder das im Slider (u.U. ziemlich unscharf, weil es bei großen Bildschirmen bzw. solchen mit hoher Pixeldichte deutlich hochskaliert wird)?


    Zitat

    Ich habe es mit PhotoShop erstellt.

    Da solltest Du es in ausreichender Größe und als PNG abspeichern und hochladen und nicht als JPG, das im Slider bekommst Du scharf, indem Du es als eigene Grafik vor die Grafik des Hintergrundes setzt, was in Deinem Slider evtl. nicht (so ohne weiteres) funktioniert, dann müsste man das komplette einzelne Sliderbild größer anlegen oder den Slider modifizieren oder gegen einen anderen austauschen.


    Zitat

    Kann mir jemand weiterhelfen welche Auflösung für das Web geeignet ist.

    Da gibt es keinen festen Wert, hängt immer vom Endgerät und der Darstellungsgröße ab, man sollte aber möglichst das Hochskalieren im Browser vermeiden, weil das immer Unschärfen verursacht, das Runterskalieren ist da i.d.R. weniger kritisch, erhöht aber u.U. das Datenvolumen nicht unbeträchtlich, für die Vielzahl moderner Endgeräte hilft da nur, diese abzufragen und jeweils einigermaßen passende Bilder dafür zur Verfügung zu stellen (macht WP ja neuerdings teilweise schon von sich aus).

    Zitat

    Und wieso kann ich ein Extra Retina Logo hochladen? (...)

    Diese Displays haben eine extrem hohe Pixeldichte, die bis an die von Offsetdruck und teils sogar etwas darüber hinaus, herankommt, daher sollte hier schlicht und ergreifend ein größeres Bild zur Verfügung gestellt werden, als für andere Endgeräte, welches für diese dann aber wiederum unnötige Datenlast verursachen würde.

  • Vielen Dank für die vielen Infos.

    Wie groß sollte so ein Slider Bild denn maximal sein .. so als Richtwert. Wollte sie in 1920 x 500 Pix haben.
    Sind dann ca. 200kb pro Bild zu viel?

  • Wenn Du kein Hochskalieren im Browser möchtest, maximal so groß, wie es für das größte anzunehmende Anzeigegerät nötig ist, eine sinnvolle Beschränkung in solchen Zusammenhängen ist, diese einfach mit FHD (1920 px Breite) anzunehmen, das hat mit der Datengröße (kb) erst mal nur insoweit etwas zu tun, dass diese bei gleicher Quältet mit dem größeren Bild wächst und dies insb. für mehrere Sliderbilder eher unerwünscht ist, weil es den Seitenaufbau (deutlich) verlangsamt.

    Hier ist also ein annehmbarer Kompromiss zu finden, am besten wäre es allerdings wie bereits o.g., das Logo und Hintergrund in zwei getrennten Bildern darzustellen, so kann man das Logo schön knackscharf machen ohne damit das Datenvolumen nennenswert aufzublasen und die Hintergrundgrafik klein in absoluter Größe und Datenvolumen halten, weil diese ja sowieso nicht scharf dargestellt wird und die menschliche Wahrnehmung nicht nur in diesem Punkt höchst selektiv ist, was dem zugutekommt.

  • du kannst dir Optimus installieren oder auch mal tinypng.com probieren
    beides komprimiert Bilder verlustfrei

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!