Générateur d’apple-touch-icon

Créez l’apple-touch-icon 180×180 qu’iOS utilise pour les favoris de l’écran d’accueil — plus un jeu complet de favicons — localement dans votre navigateur. Rien n’est envoyé.

La confidentialité avant tout : chaque image est traitée localement dans votre navigateur. Rien n’est envoyé, stocké ni transmis à un serveur.

L’icône qu’iOS place sur l’écran d’accueil

Lorsque quelqu’un ajoute votre site à l’écran d’accueil de son iPhone ou iPad, iOS cherche un apple-touch-icon de 180×180 ; sans lui, il se rabat sur une capture d’écran floue. Ce générateur rend cette taille exacte à partir de votre image — avec un fond uni, puisque les apple-touch-icons ne doivent pas être transparents — et l’inclut dans le téléchargement aux côtés du favicon.ico et des icônes Android.

Un seul export, toutes les plateformes

Plutôt que de recadrer à la main un fichier distinct par appareil, générez tout le jeu d’un coup : apple-touch-icon pour iOS, PNG de 192 et 512px pour Android et les PWA, et favicon.ico pour les navigateurs de bureau, avec un extrait HTML pour les référencer. Tout s’exécute dans votre navigateur, si bien que votre visuel de marque ne quitte jamais votre appareil.

Questions fréquentes

Mon image est-elle envoyée pour créer le favicon ?
Non. Le favicon.ico, les icônes PNG et le manifeste sont tous générés localement dans votre navigateur à l’aide de l’API Canvas. Votre image ne quitte jamais votre appareil.
Quelles tailles et quels fichiers est-ce que j’obtiens ?
Un favicon.ico multi-résolution (16, 32 et 48 px), des icônes PNG en 16, 32, 48, 180 (apple-touch-icon), 192 et 512 px, un site.webmanifest et un extrait HTML à coller dans votre <head>.
Puis-je convertir un PNG ou un SVG en ICO ?
Oui. Déposez un PNG, un JPG, un SVG ou un WebP et téléchargez un véritable favicon.ico. Les logos SVG sont d’abord rasterisés localement en haute résolution.
Quelle image fonctionne le mieux ?
Une image carrée avec un logo simple et très contrasté. Les images non carrées sont recadrées au centre pour s’ajuster ; utilisez les réglages de marge et de forme pour la cadrer comme vous le souhaitez.
Comment installer le favicon ?
Décompressez l’archive dans le dossier racine de votre site et collez l’extrait HTML fourni dans le <head> de vos pages. Le favicon.ico est détecté automatiquement par la plupart des navigateurs.