Générateur d'icônes Cordova Android en ligne

Générez rapidement les différentes tailles d'icônes nécessaires pour une application Android développée avec Apache Cordova. Avec le générateur d'icônes Cordova Android de PleaseTools, sélectionnez simplement votre logo ou votre image source et obtenez automatiquement les principales dimensions d'icônes Android utilisées par Cordova.

L'outil génère les tailles correspondant aux densités Android ldpi, mdpi, hdpi, xhdpi, xxhdpi et xxxhdpi, soit respectivement des images de 36×36, 48×48, 72×72, 96×96, 144×144 et 192×192 pixels.

Vous pouvez ensuite télécharger les logos générés et les intégrer dans les ressources de votre projet Cordova.

C'est quoi Apache Cordova ?

Apache Cordova est un framework permettant de créer des applications mobiles à partir de technologies web telles que HTML, CSS et JavaScript.

Un projet Cordova peut cibler différentes plateformes et nécessite notamment des ressources graphiques adaptées à la plateforme et aux différentes densités d'écran.

Pour Android, Cordova permet de déclarer les icônes de l'application dans le fichier config.xml avec l'élément <icon>.

Le problème est que vous ne disposez pas toujours de toutes les tailles d'images nécessaires à partir de votre logo original.

C'est précisément là que le générateur Cordova Android Logos peut vous faire gagner du temps.

À quoi sert le générateur d'icônes Cordova Android ?

Lorsque vous développez une application Android avec Cordova, vous pouvez avoir besoin de plusieurs versions de votre icône adaptées aux différentes densités d'écran.

Au lieu de redimensionner manuellement votre logo plusieurs fois, vous pouvez utiliser une image source et générer automatiquement les différentes tailles nécessaires.

Le générateur produit les six dimensions Android standard suivantes :

Ces dimensions correspondent aux icônes Android standard documentées par Apache Cordova.

Comment générer les icônes Android Cordova ?

L'utilisation de l'outil est très simple.

1. Sélectionnez votre logo

Dans le formulaire, choisissez l'image que vous souhaitez utiliser comme icône de votre application.

L'outil accepte notamment les formats :

• JPEG ;
• PNG ;
• GIF ;
• TIF ;
• BMP ;
• ICO ;
• PSD ;
• WEBP.

2. Lancez la génération

Après avoir sélectionné votre image, cliquez sur Générer logos.

L'outil redimensionne automatiquement l'image source pour produire les différentes tailles d'icônes Android.

3. Téléchargez les logos

Une fois le traitement terminé, vous pouvez récupérer les fichiers générés et les utiliser dans votre projet Cordova.

Vous évitez ainsi de créer manuellement six fichiers différents à partir du même logo.

Les différentes densités Android

Android utilise différentes densités afin d'adapter l'affichage des ressources graphiques aux caractéristiques des appareils.

ldpi — 36 × 36 pixels

ldpi correspond à la plus petite des six dimensions générées par l'outil.

36 × 36 px

mdpi — 48 × 48 pixels

mdpi correspond à une densité Android de référence.

48 × 48 px

hdpi — 72 × 72 pixels

Pour la densité hdpi, l'icône générée mesure :

72 × 72 px

xhdpi — 96 × 96 pixels

Pour xhdpi, l'image générée mesure :

96 × 96 px

xxhdpi — 144 × 144 pixels

Pour xxhdpi, l'outil génère :

144 × 144 px

xxxhdpi — 192 × 192 pixels

Enfin, pour xxxhdpi, l'image générée mesure :

192 × 192 px

Ces six tailles constituent les dimensions standard indiquées dans la documentation Cordova pour les icônes Android classiques.

Utiliser les icônes générées dans Cordova

Dans un projet Cordova, les icônes peuvent être déclarées dans le fichier config.xml.

Un exemple de configuration Android standard est :

<platform name="android">
    <icon src="res/android/ldpi.png" density="ldpi" />
    <icon src="res/android/mdpi.png" density="mdpi" />
    <icon src="res/android/hdpi.png" density="hdpi" />
    <icon src="res/android/xhdpi.png" density="xhdpi" />
    <icon src="res/android/xxhdpi.png" density="xxhdpi" />
    <icon src="res/android/xxxhdpi.png" density="xxxhdpi" />
</platform>

Les chemins et noms de fichiers peuvent naturellement être adaptés à l'organisation de votre projet.

L'attribut density permet d'associer chaque image à la densité Android correspondante.

Exemple de structure de ressources

Vous pouvez organiser vos ressources Cordova de cette manière :

mon-projet/
├── config.xml
├── www/
└── res/
    └── android/
        ├── ldpi.png
        ├── mdpi.png
        ├── hdpi.png
        ├── xhdpi.png
        ├── xxhdpi.png
        └── xxxhdpi.png

Les noms de fichiers sont uniquement un exemple. Vous pouvez utiliser votre propre convention de nommage.

L'essentiel est que les chemins indiqués dans config.xml correspondent réellement aux fichiers présents dans votre projet.

Pourquoi générer plusieurs tailles d'icônes ?

Une seule image n'est pas toujours suffisante lorsqu'une application doit fournir des ressources adaptées aux différentes densités Android.

En préparant plusieurs dimensions, vous pouvez fournir à votre application des ressources correspondant aux différentes densités prises en charge par la configuration Cordova.

Cela permet également de conserver une organisation claire des ressources du projet.

Générateur d'icônes Cordova gratuit en ligne

Le générateur Cordova Android Logos de PleaseTools permet de créer gratuitement les principales tailles d'icônes Android à partir d'une seule image.

Il est particulièrement pratique lorsque vous développez une application Cordova et que vous devez préparer rapidement les ressources graphiques de votre projet.

Vous n'avez pas besoin de redimensionner manuellement votre logo dans un logiciel de retouche d'image.

Sélectionnez votre image, lancez la génération et récupérez les différentes tailles.

Quelle image utiliser comme source ?

Pour obtenir de bons résultats, il est préférable de partir d'une image suffisamment grande et de bonne qualité.

Une image carrée est particulièrement adaptée à une icône d'application, car les différentes tailles générées conservent un format carré.

Par exemple, si votre logo original est déjà carré et suffisamment grand, il pourra être décliné plus facilement en :

36 × 36
48 × 48
72 × 72
96 × 96
144 × 144
192 × 192

À l'inverse, une petite image fortement agrandie risque de produire une icône moins nette.

PNG, JPG ou WEBP pour une icône Cordova ?

Le choix du format de l'image source dépend notamment de votre logo.

PNG

Le PNG est souvent pratique pour les logos et les éléments graphiques nécessitant une bonne qualité.

JPEG

Le JPEG convient particulièrement aux images photographiques, mais peut être moins adapté aux logos comportant des zones transparentes.

WEBP

Le WEBP peut également être utilisé comme image source avec cet outil.

Le générateur accepte plusieurs formats afin de vous permettre de partir du fichier graphique dont vous disposez.

Cordova Android Logos pour les développeurs

Cet outil est particulièrement destiné aux développeurs qui travaillent avec :

• Apache Cordova ;
• Cordova Android ;
• applications mobiles hybrides ;
• HTML, CSS et JavaScript ;
• projets Android utilisant une structure Cordova ;
• applications nécessitant plusieurs ressources d'icônes.

Il peut être utilisé aussi bien pour un nouveau projet que pour mettre à jour l'identité visuelle d'une application existante.

Cordova Icons Resizer : gagner du temps

Créer six fichiers d'icône manuellement à partir d'un même logo est une tâche répétitive.

Le générateur automatise cette opération :

Image source
     ↓
Générateur Cordova Android
     ↓
36×36   → ldpi
48×48   → mdpi
72×72   → hdpi
96×96   → xhdpi
144×144 → xxhdpi
192×192 → xxxhdpi

Vous obtenez ainsi rapidement un ensemble de ressources prêtes à être intégrées dans votre projet.

Cordova et les icônes Android modernes

Il est important de distinguer les icônes Android standard des mécanismes plus récents comme les Adaptive Icons et les Themed Icons.

La documentation actuelle de Cordova prend notamment en charge les Adaptive Icons avec des ressources de premier plan et d'arrière-plan, ainsi que les icônes monochromes pour les usages thématiques.

L'outil Cordova Android Logos de PleaseTools est volontairement plus simple : il génère les six tailles d'icônes Android standard ldpi à xxxhdpi.

Il ne faut donc pas le présenter comme un générateur complet d'Adaptive Icons Android.

Générateur d'icônes Android pour projet Cordova

Si vous avez déjà votre logo et que vous souhaitez simplement obtenir les différentes tailles nécessaires pour votre projet, le générateur Cordova Android peut vous éviter une opération manuelle répétitive.

Il est particulièrement pratique avant une compilation ou une nouvelle version de votre application lorsque les ressources d'icônes doivent être préparées ou remplacées.

Questions fréquentes

Qu'est-ce que Cordova Android Logos ?

Cordova Android Logos est un outil en ligne qui permet de redimensionner une image afin de générer les principales dimensions d'icônes Android utilisées dans un projet Apache Cordova.

Quelles tailles d'icônes sont générées ?

L'outil génère six tailles :

• 36×36 px pour ldpi ;
• 48×48 px pour mdpi ;
• 72×72 px pour hdpi ;
• 96×96 px pour xhdpi ;
• 144×144 px pour xxhdpi ;
• 192×192 px pour xxxhdpi.

Quels formats d'image sont acceptés ?

L'outil accepte notamment les formats JPEG, PNG, GIF, TIF, BMP, ICO, PSD et WEBP.

Puis-je utiliser un logo PNG ?

Oui. Le PNG fait partie des formats acceptés par le générateur.

Puis-je utiliser une image WEBP ?

Oui. Le WEBP fait également partie des formats pris en charge.

Dois-je créer manuellement les six icônes ?

Non. Le générateur crée automatiquement les différentes dimensions à partir de votre image source.

Où déclarer les icônes dans Cordova ?

Les icônes peuvent être déclarées dans le fichier config.xml de votre projet Cordova avec les éléments <icon> et, pour Android, l'attribut density.

Le générateur crée-t-il les icônes iOS ?

Non. Cet outil est consacré aux dimensions standard des icônes Android pour Cordova. Il ne faut donc pas l'utiliser comme générateur d'icônes iOS.

Le générateur crée-t-il des Adaptive Icons ?

Non. L'outil génère les icônes Android standard ldpi à xxxhdpi. Les Adaptive Icons utilisent une configuration différente avec notamment des ressources de premier plan et d'arrière-plan.

Quelle taille doit avoir mon image originale ?

Il est préférable d'utiliser une image source suffisamment grande pour que les redimensionnements vers les différentes dimensions restent de bonne qualité. Une image carrée est également particulièrement adaptée à une icône d'application.

Puis-je utiliser les icônes générées dans mon application Cordova ?

Oui. Les images générées peuvent être intégrées aux ressources de votre projet et référencées dans config.xml selon l'organisation de votre projet.

Générez vos icônes Android Cordova

Vous avez un logo pour votre application Cordova ?

Ne redimensionnez pas manuellement la même image plusieurs fois.

Utilisez Cordova Android Logos pour générer rapidement les six dimensions d'icônes Android standard, de ldpi à xxxhdpi.

Sélectionnez votre image, lancez la génération et récupérez vos logos prêts à être intégrés à votre projet Cordova.