Apfeltech. » Apple, iOS, iPhone, iPad & iPod Touch News-Blog

iPhone 4 und Pixel

Ich hab mich heute in der Situation befunden, über ein Redesign meiner Seite nachzudenken. Dabei war mir wichtig, dass das neue Design – wie mein aktuelles – bei unterschiedlich großen Geräten sich automatisch anpasst. Ziemlich schnell ist mir dann das iPhone 4 eingefallen, da es aus der Masse der mobilen Internetgeräte mit einer deutlich höheren Auflösung heraussticht. Daher habe ich mich einfach mal versucht diesbezüglich schlau zu machen.

Der Stand der Dinge: Apple hat beim iPhone 4 mitgedacht. Um nicht alle Websites auseinanderzunehmen, werden die einzelnen Pixel gescaled, also vergrößert. Dadurch lassen sich bestehende Designs weiter auf dem Gerät verwenden. Schwachpunkt bei der Sache: Bilder lassen sich, anders als Text, nicht ohne sichtbaren Qualitätsverlust vergrößern. Doch auch da hat Apple mitgedacht: mit der CSS-Eigenschaft “-webkit-min-device-pixel-ratio“ lässt sich das gegenwärtige Scaling auslesen.

Da das iPhone 4 (gegenwärtig) das einzige Gerät mit diesem Attribut größer 1 ist, kann man mit dessen Hilfe das iPhone 4 direkt ansteuern, z.B. mit einem eigenen Sylesheet, in dem dann z.B. größere Icons angegeben sind.

<link    rel="stylesheet"    type="text/css"    href="/css/retina.css"    media="only screen and (-webkit-min-device-pixel-ratio: 2)"/>

[via]

Nachdem das jetzt geklärt ist, will ich auch noch meinen eigenen Senf dazu geben. Ich glaube nicht, dass sich Pixel-Scaling langfristig durchsetzen wird, schließlich werden Entwickler so in ihren Programmen angelogen (obwohl diese es wissen). Und selbst wenn für die nächste Zeit Pixel-Scaling gang und gäbe wird, so will ich dennoch dazu raten, bereits jetzt Größen in variablen Formaten wie dpi anzugeben. Von em (der Größe des großen M) will ich eher abraten, da die Schriftgröße in den Einstellungen verändert werden kann.

Diesbezüglich stellt sich mir grade eine Frage, vielleicht weiß das ja jemand: wenn man eine iPhone 4-App auf dem iPad installiert und diese dann vergrößert, werden dann die bereitgestellten höher aufgelösten Bilder o.ä. verwendet?