Erstellen Sie ein Web-Clip-Symbol für iPhones

Ähnlich wie Sie in einem Desktop-Browser-Lesezeichen Web-Seiten können Sie einen Link zu einer Webseite auf einem iPhone oder iPad durch das Export-Symbol klicken rot eingekreist in der oberen Abbildung zu speichern und dann auf Home-Bildschirm hinzufügen Auswahl, wie es in der gezeigt Bild unten.

bild0.jpg

Ein Web-Clip-Symbol sieht genauso aus wie die Symbole, die mit heimischen iTunes Apps kommen. Wenn ein Besucher auf Ihre Website ein Web-Clip-Symbol auf ihrem Home-Bildschirm (der Desktop ihres Gerätes) fügt hinzu, erstellt es einen Link zu Ihrer Website, ähnlich wie ein Lesezeichen in einem Desktop-Webbrowser.

image1.jpg

Diese Web-Clip-Symbol gibt Ihren Besuchern eine große Verknüpfung zurück zu Ihrer Website, und es ist ein guter Weg, sie über dich denken zu halten. Leider erkennen viele Nutzer von iPhone und iPad nicht einmal ist es möglich, einen Link zu einer Webseite auf diese Weise zu retten.

Hier ist, wie es funktioniert: Wenn der Benutzer die mittlere Taste in der Knopfleiste am unteren Rand des iPhone oder iPod touch tippt, bietet Safari mehrere Möglichkeiten.

Wenn Sie zum Startbildschirm hinzufügen wählen, ein kleines Bild, eine so genannte Web-Clip-Symbol, wird auf dem Home-Bildschirm des iPhone oder iPad mit einem Link auf die Webseite gespeichert haben. Dieser Link macht geht auf eine Website durch Anklicken eines Symbols eine App genauso einfach wie zu starten. Klicken Sie auf ein Web-Clip-Symbol und das iPhone und iPad Launch Safari und öffnen Sie die Seite in einem Browser in eine glitschige Aktivitäten.

Als Web-Designer, können Sie ein Bild zu dienen, wie Sie Ihren Web-Clip-Symbol erstellen. Wenn Sie das nicht tun, der iPod touch, iPhone oder iPad speichert einen Screenshot, was auf dem Bildschirm angezeigt wird, und verwendet diese als Symbol. Es ist eine gute Idee, nur ein wenig zusätzlichen Aufwand zu gehen und das Bild angeben, das Sie als Symbol auf dem Home-Bildschirm verwenden möchten.

In dieser Figur ist, können Sie eine Web-Clip-Symbol aus dem Hauptbild verwendet in diesem Entwurf erstellt zu sehen. Dieses Bild ist abgeschnitten und als ein besseres Symbol als ein Screenshot der gesamten Seite zu dienen vereinfacht, die den Text und weitere Bilder auf einer so kleinen Größe umfassen würde, die sie unmöglich wäre, zu lesen.

image2.jpg

Hier ist, wie Sie einen Web-Clip-Symbol erstellen und sie im Code Ihrer Seite angeben:

  1. Verwenden Sie ein Grafikprogramm wie Photoshop, das Bild, das Sie als Symbol dienen wollen zu erstellen.

    Das Bild sollte 114-x-114 Pixel messen und im PNG-Format gespeichert werden.

    Hinweis: Hochauflösende Geräte zeigen das Symbol bei 114 x 114 Ältere iPhones zeigt es auf 57-x-57 Pixel, iPads Display 72-x-72 Pixel. Sie können eine von jeder Größe zu erstellen, oder Sie können das Gerät lassen automatisch skaliert das Bild nach unten. Beachten Sie auch, dass Sie ein JPEG-Bild verwenden können, aber wenn Sie sicher, dass auf allen Geräten das Symbol arbeitet machen wollen, es zu speichern als PNG-Bild die sicherste Option ist.

  2. Nennen Sie das Bild apple-touch-icon.png und laden Sie sie in das Stammverzeichnis Ihrer Website.

  3. (Optional) Wenn Sie das Bild in einem Unterverzeichnis speichern möchten oder Sie eine andere Web-Clip-Symbol für die Startseite zu verwenden, als Sie für die interne Seiten Ihrer Website verwenden, können Sie diesen Code auf den Abschnitt von einer beliebigen Webseite hinzufügen geben Sie den Namen und Ort des Bildes.

Menü