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
Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellenHallo 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
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.
Hallo,
kannst du bitte den Kink zu der Seite schreiben.
(...)
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)?
ZitatIch 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.
ZitatKann 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).
ZitatUnd 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
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!