GIF en ICO (favicon animé)
Transformez un GIF en deux fichiers dont un favicon animé a besoin : un favicon.ico multi-tailles coupé à partir de la première image et l'animation redimensionnée pour un onglet de navigateur.
Déposez votre logo ici
ou parcourir les fichiers
GIF • Maximum 10MB
Tailles à l’intérieur de favicon.ico
Construit à partir de la première image de votre GIF
Taille de l'animation
Taille du carré pour le favicon.gif animé
En rapport
- Vous voulez l’histoire complète sur la prise en charge des navigateurs ? Guide animé favicon.
- Besoin de formats PNG et d'un manifeste également ? Générer un pack complet.
- À partir d’une image fixe ? PNG en ICO.
- Vérifiez à quoi sert votre site en direct ? Vérificateur de favicon.
Avant d'expédier
La plupart de vos visiteurs ne verront jamais l’animation. Firefox le joue ; Chrome, Edge et Safari affichent la première image. Considérez le mouvement comme un bonus, pas comme un message.
Gardez la boucle courte et peu contrastée. Un favicon clignotant à côté du titre d’un onglet se lit comme une notification et agace rapidement les gens.
Téléchargez les deux fichiers à la racine de votre site, puis collez l'extrait dans <head>.
Foire aux questions
Le favicon s'animera-t-il réellement ?
Dans Firefox, oui. Chrome, Edge et Safari affichent la première image à la place : Chrome a fermé sa requête animée-favicon comme pas prévu. C'est pourquoi cet outil vous offre également une solution de repli ICO. Le guide animé favicon couvre l'approche JavaScript pour d'autres navigateurs.
Téléchargez-vous mon fichier ?
Oui. Votre GIF est téléchargé afin que les images puissent être décodées et redimensionnées sur le serveur.
Quelle taille d’animation dois-je choisir ?
32px convient à la plupart des onglets. Des tailles plus grandes signifient un fichier plus gros pour une icône que personne ne voit au-dessus d'environ 32 pixels, donc n'augmentez que si votre illustration en a besoin.
Pourquoi la première image est-elle si importante ?
Chaque navigateur qui n'anime pas affiche la première image et la recherche Google utilise une icône statique. Rendre le premier cadre lisible seul.