Compresser une image
Réduisez la taille des images JPEG, WebP et PNG directement dans le navigateur. Ajustez la qualité JPEG et WebP, supprimez les métadonnées et traitez plusieurs images à la fois.
Traitement localGénérateur de favicon
À propos de cet outil
Convertissez un logo carré au format PNG ou SVG en un ensemble complet d'icônes pour votre site. Le fichier ZIP comprend des tailles de 16×16, 32×32, 180×180, 192×192 et 512×512 pixels, ainsi qu'un fichier favicon.ico contenant plusieurs dimensions. Vérifiez le résultat sur des arrière-plans clairs et sombres avant de télécharger l'ensemble.
Fonctionnalités
- Icônes PNG en plusieurs dimensions
- Fichier favicon.ico contenant les dimensions courantes
- Dimensions recommandées pour Apple Touch et PWA
- Aperçu sur fond clair ou sombre
- Téléchargement sous forme de fichier ZIP
Mode d'emploi
- Téléverser le logo: Utilisez une image carrée d'au moins 512×512 pixels afin d'obtenir un meilleur résultat lors de la réduction.
- Vérifier les dimensions: Assurez-vous que le logo reste reconnaissable à 16 et 32 pixels.
- Télécharger le ZIP: Placez les fichiers dans le dossier public du site et indiquez les dimensions correspondantes dans le document HTML et dans le manifeste de l'application web.
Exemples
- Publier des favicons sur des sites statiques Vite/React
- Mettre à jour les icônes PWA après une modification de l’identité visuelle
- Générer un apple-touch-icon pour les favoris iOS
- Créer rapidement un ensemble complet d'icônes sans outil supplémentaire en ligne de commande
Limites
- Les logos comportant trop de détails peuvent devenir méconnaissables à 16×16 pixels ; simplifiez le dessin si nécessaire.
- Le fichier SVG est converti en PNG et en favicon.ico à la taille maximale choisie.
- Le logo téléversé est traité directement dans votre navigateur et n'est envoyé à aucun serveur.
FAQ
- Quelles tailles sont incluses ?
- L'ensemble habituel comprend des icônes de 16, 32, 48, 180, 192 et 512 pixels, ainsi qu'un fichier favicon.ico contenant plusieurs dimensions.
- Que faire avec un logo transparent sur des onglets sombres ?
- Utilisez les modes d'aperçu ; envisagez un fond subtil pour les petites tailles.
- Comment installer les favicons sur le site ?
- Placez les icônes dans le répertoire public/ et déclarez leurs tailles dans l’élément head du document HTML et dans le manifeste d’application web.