À propos de cet outil
Une Apple Touch Icon représente un site ajouté à l’écran d’accueil d’un appareil Apple. Placez votre logo sur un fond carré uni, créez les tailles PNG courantes et obtenez les liens HTML correspondants.
Mode d’emploi
- Sélectionnez ou déposez une image PNG, JPG/JPEG ou WebP non animée.
- Gardez le fond blanc par défaut ou choisissez une autre couleur unie, puis réglez le cadrage et les marges selon vos besoins.
- Conservez la taille 180×180 par défaut ou cochez les tailles supplémentaires souhaitées, puis créez les icônes.
- Téléchargez les PNG ou le ZIP, copiez les liens HTML et vérifiez les chemins des fichiers.
Tailles disponibles
- Par défaut, vous obtenez apple-touch-icon.png en 180×180, une taille adaptée à de nombreux sites.
- Vous pouvez aussi choisir 120×120, 152×152 et 167×167 pour d’autres appareils ou pour respecter une configuration d’icônes existante.
Conseils pour créer vos icônes
- L’option Image entière conserve les proportions de toute l’image et remplit les espaces libres avec le fond choisi. Le recadrage central prélève un carré au centre. Aucune des deux options ne déforme l’image.
- La marge s’applique à chaque côté de l’image finale : avec 10 % de marge, le contenu occupe environ 80 % de la largeur et de la hauteur.
- Les petites tailles comme 16×16 conviennent aux formes simples et bien contrastées. Les photos complexes et les textes fins peuvent devenir difficiles à distinguer : vérifiez les aperçus à taille réelle.
Images acceptées : PNG, JPG/JPEG et WebP non animé. Limites par fichier : 100 Mio, 40 millions de pixels et 16 384 pixels par côté. Les grandes images peuvent demander plus de temps et de mémoire.
Utiliser votre Apple Touch Icon
- Le réglage par défaut utilise un fond blanc opaque et 10 % de marge sur chaque côté. Les logos transparents sont placés sur le fond choisi pour éviter une couleur de fond inattendue selon l’affichage.
- L’image conserve sa forme carrée, sans coins arrondis prédécoupés. L’appareil détermine les arrondis et l’apparence de l’icône sur l’écran d’accueil ; les marges éloignent le sujet des bords.
- Le HTML fourni utilise des liens apple-touch-icon et ne mentionne que les tailles créées. Placez chaque fichier à l’emplacement indiqué dans son lien.
Confidentialité
Vos images, emojis et icônes sont traités uniquement dans votre navigateur et ne sont jamais envoyés à un serveur.
Vos données et vos résultats ne sont pas enregistrés automatiquement. Téléchargez les icônes à conserver avant d’effacer le contenu ou de quitter la page, et gardez vos images d’origine.
Questions fréquentes
Qu’est-ce qu’une Apple Touch Icon ?
C’est l’icône PNG utilisée lorsqu’un site est ajouté à l’écran d’accueil d’un appareil Apple. Elle est généralement indiquée par un lien apple-touch-icon dans la page.
Quelle taille choisir ?
La taille 180×180 par défaut constitue un bon point de départ pour de nombreux sites. Choisissez d’autres tailles pour respecter une configuration existante ou répondre aux besoins d’autres appareils.
Pourquoi utiliser un fond opaque ?
Un fond uni permet de maîtriser la couleur autour d’un logo transparent et d’éviter qu’une couleur inattendue soit appliquée aux zones transparentes.
Faut-il arrondir les coins au préalable ?
Généralement non. L’outil crée un PNG carré standard pour laisser l’appareil appliquer sa propre apparence d’icône.
Comment utiliser l’icône téléchargée ?
Copiez le HTML proposé dans les résultats et placez chaque icône au chemin correspondant. Le fichier 180×180 par défaut s’appelle apple-touch-icon.png ; les autres tailles portent les noms indiqués lors de leur création.