Apple Touch Icon Generator
Create the apple-touch-icon (180×180) iOS uses for home-screen shortcuts — plus a full favicon set and the link tag — in your browser.
Déposez une image pour créer un favicon
Glissez-déposez, collez ou choisissez un fichier
PNG · JPG · WebP · SVG — icônes créées sur votre appareil
The icon iOS shows on the home screen
When someone adds your site to their iPhone or iPad home screen, iOS looks for an apple-touch-icon — a 180×180 PNG referenced with a specific link tag. This tool generates it from your image, along with the rest of a modern favicon set so every device is covered.
Because iOS does not use transparency for these icons, you can set a solid background and a touch of padding so your logo fills the rounded tile nicely. The matching HTML line is included so you can paste and go.
How to make an apple-touch-icon
- Add your image — a square logo at high resolution gives the cleanest result.
- Set a background — pick a solid color, since iOS icons aren't transparent.
- Adjust padding — leave a small margin so the mark isn't cut by the rounded mask.
- Download & paste — copy apple-touch-icon.png to your root and add the provided link tag.
Tip: 180×180 covers modern iOS
A single 180×180 apple-touch-icon is enough for current iPhones and iPads; older devices downscale it. The generated HTML includes the correct rel="apple-touch-icon" line.
apple-touch-icon: sizes and where each is used
Lorsqu'une personne ajoute votre site à l'écran d'accueil de son iPhone ou de son iPad, iOS Safari recherche un apple-touch-icon référencé par une balise link spécifique. Une seule taille couvre l'iOS moderne :
| Size | File | Where it's used |
|---|---|---|
| 180 × 180 px | apple-touch-icon.png | L'icône de l'écran d'accueil et du favori sur les iPhone et iPad actuels ; iOS réduit ce fichier unique pour les contextes plus petits. |
Format & container
Enregistrez-la en PNG et gardez-la entièrement opaque — iOS ignore la transparence pour les icônes de l'écran d'accueil et rend toute couche alpha en noir, alors définissez un fond plein et un peu de marge à l'intérieur du masque arrondi.
How it's wired into your page
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
Tip
Une seule icône de 180 × 180 suffit aujourd'hui — les anciens appareils la réduisent —, il n'est donc plus nécessaire d'embarquer la longue liste de tailles anciennes apple-touch-icon-precomposed que les sites livraient autrefois.
Tous les outils favicon et icônes
Questions fréquentes
What size is the apple-touch-icon?
180×180 px. That single size covers modern iOS devices, which downscale it as needed for smaller contexts.
Does it need a transparent background?
No — iOS ignores transparency for home-screen icons and adds its own rounded mask, so a solid background is recommended.
Where is the icon created?
In your browser, on your own device. How any data associated with the tool is handled is described in our privacy policy.
What HTML do I add?
A <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> tag in your page head — it's included in the snippet you can copy here.
Plus d'outils image
Convert image format
PNG, JPG and WebP — convert any to any.
Image toolResize an image
Change dimensions to exact pixels or presets.
Image toolCrop an image
Crop to any ratio or an exact pixel size.
Image toolCompress an image
Shrink file size without visible quality loss.
Image toolConvert HEIC to JPG
Turn iPhone HEIC photos into universal JPG.