Logo unscharf trotz Retina-Optimierung

[Kajo76]

Hallo zusammen,

habe eine responsive Webseite erstellt. Beim testen unter Android und iPad3 habe ich (trotz Optimierung für hochauflösende Bildschirme) das Problem, dass das Logo der Seite unscharf angezeigt wird. Lediglich auf dem iPad wird mir im Landscape-Modus ein scharfes Logo angezeigt, im Portrait-Modus jedoch wieder ein unscharfes.

Habe schon den Verlauf und Cookies gelöscht, sowie alle Bilder überprüft, ob sie im CSS richtig referenziert sind. Immer wieder dasselbe Ergebnis.

Woran kann das liegen?
Live-Version der Webseite: xxxxx

Danke schonmal für alle Hinweise!

Viele Grüße,
Kajo76

 

[Dobi78]

Auf Retina Mac's, iPad und iPhone getestet.... passt und ist scharf.

 

[Kajo76]

Super, vielen Dank fürs Testen
Scheint dann wohl ein Cache-Problem meiner Geräte zu sein!?

 

[Squeendot]

Jap bei mir ebenfalls super scharf. Sehr schönes Logo btw
Ja einfach mal den Cache komplett leeren. Dazu gehört mehr als Cookies und Verlauf
Gibts aber bei jedem Browser die richtige Einstellung...


Lieber Gruß,

Julian

 

[Kajo76]

Danke auch Dir fürs Testen
Das Logo wurde mir geliefert, fand ich auch wunderschön.

Das mit dem Cache leeren hat leider nicht geklappt. Hatte gerade nochmal aufm Handy probiert: Cache leeren, Verlauf, Cookies und Formulardaten löschen - mir wird immer noch das unscharfe Logo angezeigt
Beim iPad3 das gleiche: Unter Einstellungen/Safari -> Verlauf, sowie "Cookie und Daten" gelöscht (mehr Einstellungen gibts anscheinend nicht) - immer noch dasselbe unscharfe Logo (Portrait-Modus). Lustigerweise ist ja im Landscape-Modus alles perfekt. Technik...

Viele Grüße,
Kirsten

Ps: bin nicht so der Smartphone/iPad-Profi, bin nur froh, überhaupt hochauflösende Geräte zu haben, mit denen ich responsive Webseiten ausserhalb meines Computers testen kann

 

[fakerer]

hast schon mal versucht das bild direkt aufzurufen und dann ein neulande erzwingen, wobei ich gerade keine Idee habe wir das am mobile Browser geht, bin nicht der mobile user

 

[Myhar]

Hast du schon mal versucht über eine "neue" Internetverbindung das Bild neu zu laden? Eventuell cached ja auch der Router oder so irgendwas und liefert dir nur das alte Bild. Also mal mit der mobilen Datenübertragung oder in einem neuen W-Lan versuchen.

 

[Kajo76]

@fakerer: Hab gerade mal getestet, wenn ich aufm Handy das Bild direkt aufrufe, wird es mir korrekt, d.h. scharf, angezeigt. Beim neuladen der Seite jedoch wird wieder das unscharfe Bild gezeigt. Beim iPad nichts dergleichen. Beide Logos werden selbst bei Direkt-Aufruf unscharf dargestellt.
Wie man jedoch ein Neuladen erzwingt

Ähm, moment... wenn iPad ein Logo unscharf darstellt, hat das doch mit der Pixeldichte zu tun, wenn mans nicht runterskaliert. Das iPad kann daher doch auch das direkt aufgerufene Logo nicht scharf darstellen!

@Myhar: Neue Internetverbindung tut auch nix. Beim Handy das alte unscharfe Bild bekommen (beim Laden der Webseite), beim iPad hab ich Tethering (WLAN über mobile Verbindung des Handys) versucht, jedoch hat der iPad irgendwie garnichts laden können.

Mir ist noch eine Idee gekommen, woran das wohl liegen mag. Hatte wegen Pagespeed-Optimierung "expires headers" und "compression" vom HTML5-Boilerplate in der .htaccess-Datei hinzugefügt. Nach dem rausnehmen der betreffenden Stellen hat sich jedoch (nach Cache etc. leeren) ebenfalls nichts geändert.
Beim nächsten Projekt werd ich gleich alles optimieren und erst dann mobil testen - vielleicht hauts dann hin?