Der Apple Touch-Symbol , auch bekannt als die Datei apple-touch-icon.webp, wird ähnlich wie das Favicon als Webseitensymbol auf dem Apple iPhone, iPod Touch und iPad verwendet. Dieses Symbol wird immer dann verwendet, wenn ein Benutzer ein Lesezeichen setzt oder eine Website zu seinem Startbildschirm hinzufügt. Diese Apple-Produkte greifen auf einen Schnappschuss der Website zurück, der häufig kaum mehr als ein weißes Quadrat darstellt, wenn diese Datei nicht gefunden werden kann.
Sofern der Speicherort nicht im HTML-Code angegeben ist, sollte diese Datei eine.webp-Datei mit den Abmessungen 57 x 57 sein und sich im Home-Verzeichnis befinden. Unten sehen Sie eine Darstellung, wie dieses Tag in Ihrem HTML aussehen könnte.
Arten von Binärbäumen|_+_|
Wie erstelle ich das Apple Touch-Symbol einer responsiven Website?
Ein Apple Touch-Symbol wird verwendet, wenn ein Benutzer Ihr Symbol speichert Webseite auf den Startbildschirm ihres iOS-Touchscreen-Geräts oder setzt dort ein Lesezeichen. Apple verwendet einen Screenshot Ihrer Website als Symbol, wenn Sie keinen angeben, was häufig zu einem nicht erkennbaren Quadrat führt. Wir zeigen Ihnen, wie Sie ein einzigartiges Apple Touch Icon für Ihre benutzerfreundliche Website entwickeln, damit Sie Ihre Kunden nicht dazu zwingen, ein minderwertiges Apple Icon zu sehen.
Erstellen Sie ein Apple Touch-Symbol
Ihr Apple Touch Icon muss zunächst in Photoshop oder einem anderen Bildbearbeitungsprogramm erstellt werden. Die Datei sollte als „apple-touch-icon.webp“ gespeichert werden und eine Größe von 180 x 180 Pixel haben.
Fügen Sie die Apple Touch-Symboldatei Ihrer Website hinzu.
etwas für Freunde
Der nächste Schritt besteht darin, Ihr Apple Touch Icon-Dokument auf Ihre Website hochzuladen. Sie können es an einem beliebigen Ort ablegen. Wir empfehlen jedoch, es in Ihrem primären Bilderordner zu speichern. Da wir es in der nächsten Phase verwenden werden, behalten Sie den Überblick darüber, wo Sie Ihre Datei gespeichert haben.
Definieren Sie Ihr Apple Touch-Symbol durch die Verwendung eines Link-Elements.
Der letzte Schritt besteht darin, Ihr neuestes Apple Touch-Symbol in einem Link-Element zu identifizieren und zu benennen, das Sie dem HEAD-Element Ihrer Seite hinzufügen.
hochgestellt im Illustrator