Design-Bilder für das iPhone und iPad
Blickfang Bilder auf Ihrer Website ist eine der besten Möglichkeiten, imagebewusste iPhone und iPad-Fans zu gewinnen. Aber pauken ein hochauflösendes Bild, das auf Postergröße auf ein iPhone-Bildschirm geblasen werden kann, macht keinen Sinn. Dies würde nicht nur die Fotos nicht korrekt angezeigt, aber das Herunterladen einer Datei, dass große würde auch eine übermäßig lange Zeit und Ihre Besucher nehmen würde wahrscheinlich Ihre Website verlassen.
Anstatt Kraft Besucher große Bilder auf der Homepage Ihres mobilen Website zum Download bereit, die iPhone-Nutzer zugreifen würde, sollten Sie sicherstellen, dass Ihre Entwürfe, um die Zwänge, unter denen die Benutzer Arbeit ehren.
Wenn Sie Bilder setzen auf Ihrer mobilen Website planen, geht der Design-Prozess mehr reibungslos, wenn Sie eine Strategie haben, die verschiedenen Bildschirmgrößen, Auflösungen und Seitenverhältnisse zu behandeln.
ein Bild Sizing beide Bildschirme zu passen: Eine praktische und zeitsparend Möglichkeit, Bilder zu schaffen, optimiert sowohl die Arbeit auf dem iPhone und iPad ist ein web-optimierten Bild zu erstellen, die auf beiden Geräten gut aussieht.
Es ist nicht eine perfekte Wissenschaft, aber sowohl das iPad und iPhone 4 haben so großartig aussehende Displays, die Sie ein Bild nach oben oder unten ziemlich viel skaliert werden kann und es kann immer noch ganz gut aussehen. Obwohl diese Methode nicht narrensicher ist, ein optimiertes Bild zu schaffen ist die einfachste Option, und es wird für viele Websites arbeiten.
Die Verwendung mehrerer Bildgrößen: Wenn Sie die Ressourcen und die Zeit haben, ist die beste Lösung, um eine Website zu jedem Gerät die Fähigkeiten und die Bildschirmgröße anzupassen.
Mit diesem Ansatz erstellen Sie mehrere Versionen von jedem Bild in verschiedenen Größen, von 320 Pixel breit und 1024 Pixel (wenn Sie das Bild wollen über das iPad Bildschirm im Querformat-Modus zu strecken). Dann liefern Sie die Größe, die das Gerät mit irgendeiner Art von Geräteerkennung Skript am besten passt.
Da die Einrichtung eines Geräteerkennung Skript bis komplex ist und mehrere Versionen von jedem Bild zu schaffen fügt eine Menge Arbeit auf den durchschnittlichen Web-Site, viele Menschen nutzen Dienste wie Galleria, um schnell Diashows mit vielen Bildern, die für jedes Gerät optimiert sind wie sie geliefert werden.
Anzeigen von Bildmappen oder Galerien: Wenn Sie Portfolio-Sites Design - wo der ganze Punkt ist es, Kunden zu befähigen, ihre Arbeit überall zu zeigen, jederzeit (und zu suchen, um ihre absolute best) - Sie ein legitimes Bedürfnis höher aufgelöste Bilder mit größeren Datei enthalten Größen haben können.
Der beste Weg, um diese Situation zu handhaben ist eine Seite mit Thumbnails mit niedriger Auflösung oder kurze Textbeschreibungen zu erstellen und dann auf die größeren Bilder verknüpfen. Sie können ein Beispiel für diesen Ansatz bei der sehen inplainsight Kunst Webseite. Wie in der Figur gezeigt, die Miniaturen am oberen Rand der Seite Link zu größeren Versionen, wie es auf der Seite unten gezeigt.
Auf diese Weise Ihre wichtigsten Seiten laden schnell mit kleinen Versionen Ihrer Bilder, die alle Ihre Besucher sehen können, und diejenigen, die in hochauflösender Bilder interessiert sind, können wählen, um die größeren Versionen ein zu einer Zeit zum Download bereit.
Sie haben viele Möglichkeiten, Galerien zu schaffen, die sowohl auf dem iPhone und iPad arbeiten. Das wichtigste Konzept zu erinnern ist nicht Flash.
erinnern, wie Sie Galerien wie diese gestalten, dass einer der Unterschiede zwischen einem Web-Browser auf einem Desktop-Computer und einem Touchscreen ist, dass Sie nicht ein Bild mit einer Maus auf einem iPhone oder iPad rollen kann. Stattdessen Roll Ereignisse, wie zum Beispiel jene, die üblicherweise mit einer Bildgalerie verwendet werden, werden in Links auf einem iPad oder iPhone umgewandelt.