Outil image

Créez toutes les icônes essentielles depuis une seule image

Prévisualisez le résultat, ajustez le cadrage et téléchargez les icônes pour navigateur, Apple et applications installables avec leurs fichiers d’intégration.

Aucun envoi d’image
ICO, PNG et manifeste web
Aperçus navigateur et application

Étape 1 · Ajoutez une image

Choisissez l’image qui représentera votre site ou application

Utilisez si possible une image carrée. Les fichiers PNG, JPG, WebP, HEIC, HEIF et SVG sont acceptés.

L’image reste sur cet appareil et est libérée lorsque vous la remplacez ou fermez la page.

Vous pouvez aussi déposer une image dans cette zone.

Impossible de créer le paquet{{ errorMessage }}

Étape 2 · Façonnez les icônes

Ajustez une fois, puis vérifiez chaque destination

Image source

{{ source.file.name }} {{ t('editor.dimensions', { width: source.width, height: source.height }) }}

Cette source est inférieure à 512 × 512 pixels. Les grandes icônes peuvent paraître moins nettes.

Apparence des icônes

Comment ajuster l’image ? Afficher toute l’imageConserve l’image entière et montre le fond autour. Remplir l’icôneRemplit le carré et peut rogner les bords.

{{ t('editor.artworkSize', { value: artworkSize }) }} Arrière-plan des icônes {{ backgroundColor }} Garder le fond des favicons transparentLes icônes Apple et d’application utilisent toujours le fond choisi. {{ t('editor.maskableSize', { value: maskableSafeArea }) }} Gardez l’élément important dans le guide. Les appareils peuvent rogner la zone extérieure en cercle ou sous une autre forme.

Détails du manifeste

Ces valeurs sont inscrites dans site.webmanifest.

Nom de l’application Nom court URL de départ

Couleur du thème {{ themeColorError }}

Mode d’affichage

Aperçus en direct

Onglet du navigateur

Écran d’accueil Apple

Icône d’application adaptative

Zone sûre

Impossible de créer le paquet{{ errorMessage }}

{{ statusMessage }}

{{ t('result.fileCount', { count: resultFiles.length }) }}

Paquet d’icônes prêt

Dix fichiers générés sont prêts à être ajoutés à votre site.

Fichiers du paquet

{{ file.name }}{{ formatBytes(file.blob.size) }}

Ajoutez ceci dans le <head> de votre page

Déposez l’image ici

Contenu du paquet

Un paquet compact pour les navigateurs et appareils actuels

Icônes de navigateur

favicon.ico contient des images de 16, 32 et 48 pixels, accompagnées de PNG séparés de 16 et 32 pixels.

Icône tactile Apple

Un PNG de 180 pixels sur fond uni est prêt pour l’ajout à l’écran d’accueil.

Icônes d’application

Le manifeste référence des icônes standard de 192 et 512 pixels ainsi que des versions adaptatives prévues pour le rognage des appareils.