Logo für mobile Version in höherer Auflösung

[Madob]

Hallo,

Ich sah mich heute mit der "Kritik" konfrontiert dass hier in der mobilen Version das Logo unscharf wäre.

Haben wir dann gleich gemeinsam auf meinem iPhone 4S angesehen, und ich fragte erstmal, wo denn das Logo unscharf sei. Tja dann hat die Person die Seite gezoomt und mir gesagt, dass es nicht sein kann, dass das Logo nun verspielt ist, geht ja bei anderen Seiten auch...

Meine Vermutung: die anderen Seiten sind keine mobil angepassten Seiten, werden also von Haus aus zu klein angezeigt und man kann natürlich ne weile zoomen, bis die Seite in originalgröße angezeigt wird und dann halt noch immer alles schön scharf ist.

Mein Argument, dass eine mobile anpassung ja eigentlich den Sinn habe, dass ma eben nicht mehr zoomen muss, stieß leider auf taube Ohren, geht ja bei anderen seiten auch....

Naja, hab ich ne Möglichkeit, dass das Logo auch gezoomt etwas schärfer erscheint? Ich denke mal, dass es keinen Sinn hat, das Logo in einer höheren Auflösung hochzuladen und dann per CSS kleiner ausgeben zulassen, da hat es dann ja im Endeffekt wieder die gleiche auflösung wie wenn ich es gleich in der originalgröße hochgeladen habe?!?

Jemand ne Idee für mich?

[planepix]

Hallo Madob,

du kannst ja eine höhere Auflösung, ergo doppelte Größe, hinterlegen und in der mobilen Version einbinden?
Nutzt du ein mobiles Seitenlayout?

Wenn es sich zickig gestaltet: einfach die optimierte Version des Logos anfordern. Es werden dann schon Fragen kommen, wie und was und so

[Madob]

Hmm nein kein mobiles Layout, ich hab das mit Media queries umgesetzt.

Die vektordaten des Logos habe ich ja. Also einfach ein doppelt so großes png wie bisher erstellen?
Und dass dann per CSS wieder in der gewünschten Größe anzeigen lassen?

[planepix]

schau mal hier:
http://html5-mobile.de/blog/website-...lay-optimieren

http://html5-mobile.de/blog/retina-d...e-ipad-macbook

http://blog.kulturbanause.de/2012/04...na-optimieren/

Bei den Mediaqueries das hochauflösende Bild laden.

Ich vermute, nehme an das das wegen dem Retinadisplay vom Kunden gewünscht wird?

[Madob]

Vielen dank, werde es einfach mal versuchen in der doppelten Auflösung einzubinden.

Naja bewusst wegen dem Retina Display wurde das nicht gewünscht. Der Kunde hat halt reingezoomt und sich dann gewundert, dass das Logo unscharf wird

Darum wird die doppelte Auflösung auch nur bedingt eine Lösung sein, weil da zoomt er halt noch ein bisschen mehr rein und dann ist's wieder genauso unscharf

[planepix]

Ja so Verhalten kenne ich vornehmlich aus Vorstandsetagen :-)

Ein 320 x 240 Video Fullscreen und dan meckern, das das ruckelt und unscharf ist...

[wulf]

zoomen über viewport unterbinden, dann hat es sich ausgemeckert :-)
vielleicht hilft auch http://dxmanual.com/retina-logo/ etwas

[planepix]

fies - aber wirkungsvoll

[Madob]

Naja dann werde ich sicher gefragt, wieso das jetzt nicht mehr funktioniert

[Madob]

so danke für die Tips, hab die Grafik nun einfach doppelt so groß eingefügt und per Atributte kleiner ausgegeben, sieht nun viel besser aus am iPhone, auch wenn man zoomt.

Kunde hats nun akzeptiert

[fabil]

Wieso bindest du nicht einfach die Vektorgrafik ein, anstatt ein Bild? Denn dann ist es immer gestochenscharf:-)