Alle Favicons und Web Clip Icons können auf derselben Datei und derselben Grafik basieren. Die Änderung der Abmessungen erfolgt dann durch mich. Ist das Motiv komplexer, so empfiehlt sich eine "schlichtere" Variante für die kleineren Favicons. Ansonsten kann alles aus einem 558 x 558 px PNG mit einem Tool generiert werden.
Zusätzliche, technische Infos dazu gibt es hier: realfavicongenerator.net
Für alle Icons gilt:
- 72 dpi sind ok (mehr bringt im Web nichts!).
- Für jedes Format kann ggf. eine andere Grafik verwendet werden.
Das Icon für die Reiter im Browser kann also ein anderes sein als das für den Smartphone Desktop. - Da manche OS die Ecken abrunden sind Rahmen nicht empfehlenswert.
Folgende Dateien braucht man mindestens:
- Für Favicon, Web Clip Icon und Windows Tile Icon: 558 x 558 px PNG.
- Wenn nicht randabfallend, zusätzlich auch in der transparenten Version. Keine nur transparenten Icons!
Erläuterung der einzelnen Icon-Arten:
Favicon (alle Desktopbrowser)
Favicons werden nicht nur im Browser angewandt, Windows und Android zeigen sie auch auf dem Desktop an.
PNG, mit oder ohne Transparenz
Apple Web Clip Icon (alle iOS)
Web Clip Icons werden von iOS angezeigt, sowie von einigen Android-Browsern. OS X hat dafür noch keine Verwendung, Safari nutzt hier das 32 x 32 Favicon-PNG.
Das Web Clip Icon kann auch ohne abgerundete Ecken und Lichteffekt (bis iOS6) dargestellt werden. Bitte ansagen.
Windows Tile Icons (ab Windows 8, Windows Phone 8)
Das Windows Tile Icon bekommen (bisher) nur User zu sehen, welche den IE10/11 als Standard-Browser unter Windows verwenden.
Hintergrundfarbe (Farbe der Kachel) mit angeben.