Apple Ghid pentru pictograme atingeți
Când cineva vă adaugă site-ul pe ecranul de pornire iOS, Safari folosește apple-touch-icon — nu favicon.ico. Expediați un PNG de 180×180 (sau un pătrat mai mare care reduce scala în mod curat) și conectați-l în <head>.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Apple nu aplică mascarea iOS pentru clipurile web moderne, așa cum o face pentru aplicațiile native, dar pictograma dvs. ar trebui să fie în continuare pătrată, cu margini sigure - păstrați siglele introduse ~10%, astfel încât colțurile rotunjite să nu clipească niciodată ilustrații.
Utilizați <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">. Un singur fișier de 180×180 acoperă toate iPhone-urile actuale; intrările opționale de 152×152 și 167×167 ajută la layout-urile iPad mai vechi.
Cum funcționează
- 1
Exportați 180×180 PNG
Din generatorul nostru de favicon sau redimensionarea imaginii.
- 2
Încărcați la rădăcina site-ului
/apple-touch-icon.png alături de favicon.ico.
- 3
Adăugați eticheta de link
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> în <head>.
Încearcă acum
Generați apple-touch-icon
Generator de FaviconÎntrebări frecvente
Ce dimensiune are apple-touch-icon?+
180×180 pixeli pentru iPhone-urile actuale. Exportați dintr-un master 512×512 sau 1024×1024.
PNG sau ICO pentru iOS?+
Numai PNG. iOS ignoră .ico pentru pictogramele de pe ecranul de pornire.
Mai am nevoie de favicon.ico?+
Da — filele și alte browsere încă folosesc .ico. Pictograma tactilă Apple este aditivă.
Instrumente conexe
Generator de Favicon
Generează un pachet complet de favicon (ICO + PNG-uri) pentru orice dispozitiv și browser.
Redimensionare Imagine
Redimensionează imagini PNG, JPG și WebP la dimensiuni exacte.
Convertor PNG în ICO
Convertor online gratuit din PNG în ICO pentru iconițe Windows, pictograme de aplicații și faviconuri de site-uri.