Favoriten Icon fürs Forum (Apple)

NUeB · 19.12.2025

Der Safari Browser verlangt für die Darstellung eines Bookmark-Icons (auf seiner internen Startseite) eine eigene Datei* apple-touch-icon.png. Der Forumsserver stellt diese allem Anschein nach nicht bereit.

Wenn's sich leicht umsetzen lässt, eine passende Icon-Datei einzupflegen: Besten Dank vorab.

Sonst: eh ein Luxusproblem.

---
* Gemini antwortet dazu:

Code:
Damit der Safari-Browser (und andere Apple-Geräte) auf der Startseite ein schönes, hochauflösendes Icon für eine Website anzeigt, sucht er nach einer ganz bestimmten Datei.
Die wichtigste Datei für diese Darstellung heißt: apple-touch-icon.png
Hier sind die Details dazu, wie der Webserver diese bereitstellen muss:

1. Der Standard: apple-touch-icon.png
Wenn du keine speziellen Angaben im Code deiner Website machst, sucht Safari automatisch im Hauptverzeichnis(Root) des Webservers nach dieser Datei.

Name: apple-touch-icon.png

Format: PNG (quadratisch, ohne Transparenz für beste Ergebnisse).

Empfohlene Größe: 180 × 180 Pixel (deckt iPhone und iPad ab).

2. Spezifische Größen (Optional)
Webentwickler können verschiedene Größen für unterschiedliche Geräte bereitstellen. Diese werden dann im <head>-Bereich der HTML-Datei verknüpft:
HTML

Code:

<link rel="apple-touch-icon" sizes="152x152" href="/touch-icon-ipad.png"> <link rel="apple-touch-icon" sizes="180x180" href="/touch-icon-iphone-retina.png">

3. Weitere Icon-Typen, die Safari nutzt
Neben dem großen Icon für die Startseite gibt es noch zwei andere wichtige Dateien:

Typ Dateiname / Tag Verwendung
Favicon favicon.ico oder favicon.png Wird in den Tabs und der kleinen Favoritenzeile angezeigt.
Pinned Tab Icon mask-icon.svg Wird für fixierte Tabs in Safari verwendet (muss ein schwarzes SVG auf transparentem Grund sein).

Export to Sheets

Warum zeigt Safari manchmal kein Icon an?
Wenn ein Webserver nur ein klassisches favicon.ico (meist nur 16x16 oder 32x32 Pixel) bereitstellt, ist dieses für die großen Kacheln auf der Safari-Startseite zu klein. In diesem Fall zeigt Safari stattdessen oft nur einen farbigen Kasten mit dem Anfangsbuchstaben der Website an.

[!TIP] Für Webentwickler: Wenn du sichergehen willst, dass dein Icon sofort erkannt wird, lege ein 180x180 Pixel großes PNG namens apple-touch-icon.png einfach direkt in den obersten Ordner deiner Website. Safari findet es dort meist auch ohne zusätzlichen HTML-Code.

Zum Vergrößern anklicken....

sebseb · 19.12.2025

Ahoi @NUeB,
aus leidlicher Erfahrung kann ich sagen: geile Grundidee, leider gibt es nicht "den Standard", whatever Gemini da plappert.
Und natürlich zweckentfremdet Apple die Icons auch für sonstewas. Bissi Einblick in die Thematik gibt es hier: https://en.wikipedia.org/wiki/Favicon.
Heutzutage könnte mit der HTML5 alles viel einfacher sein, aber *natürlich* hält sich erst recht Apple nicht so einfach daran.

NUeB · 19.12.2025

Diese Datei wurde schon von Apple Geräten abgefragt, als ich noch Apache Logs gelesen habe,

sebseb · 19.12.2025

Ja, die Datei allein reicht halt nicht, gewisse Mindestgrößen wollen gesetzt sein, sonst sieht es irgendwo auf smarten Startseiten / Desktops / wasAuchImmer wohl nicht aus... Zweckentfremdung halt.

NUeB · 20.12.2025

NUeB.net Bookmark ohne apple-touch-icon.png:

... und nachdem ich eine solche Datei (180×180 Pixel) auf meinem Webserver platziert habe:

qed.

Typ	Dateiname / Tag	Verwendung
Favicon	`favicon.ico` oder `favicon.png`	Wird in den Tabs und der kleinen Favoritenzeile angezeigt.
Pinned Tab Icon	`mask-icon.svg`	Wird für fixierte Tabs in Safari verwendet (muss ein schwarzes SVG auf transparentem Grund sein).

Favoriten Icon fürs Forum (Apple)

NUeB

1. Der Standard: apple-touch-icon.png​

2. Spezifische Größen (Optional)​

3. Weitere Icon-Typen, die Safari nutzt​

Warum zeigt Safari manchmal kein Icon an?​

sebseb

NUeB

sebseb

NUeB

1. Der Standard: apple-touch-icon.png

2. Spezifische Größen (Optional)

3. Weitere Icon-Typen, die Safari nutzt

Warum zeigt Safari manchmal kein Icon an?