Mettre ton logo sur l'app
Quand tes clients installent ton app, c'est ton logo qui apparaît sur leur écran d'accueil. NessCoach demande deux images PNG carrées : une de 192×192 pixels et une de 512×512 pixels. Tout se fait depuis ton téléphone, avec un site gratuit et sans inscription (iLoveIMG). Choisis ton téléphone ci-dessous : la marche à suivre n'est pas tout à fait la même sur iPhone et sur Android.
Astuce : Ouvre ce tuto sur un ordinateur ou sur un deuxième téléphone, et fais les manipulations sur ton téléphone : tu n'auras pas à faire des allers-retours entre le tuto et le site.
De ton logo à ton icône
Voici les fichiers que tu vas créer, dans l'ordre. Tu retrouveras ces noms à chaque étape.
- LÉAlogo-original
COACHING - logo-carrepuis logo-png
- logo-512logo-192
Marche à suivre
7 étapes,
5 min chrono.
- 01
Range ton logo dans l'app « Fichiers »
C'est l'étape qui évite tous les problèmes : sur iPhone, une image choisie depuis Photos peut être envoyée en JPG, et NessCoach la refusera (« L'icône doit être en PNG »). À chaque étape, tu renommeras le fichier obtenu pour toujours savoir lequel prendre.
- Ton logo est dans Photos : ouvre-le, touche Partager (le carré avec une flèche), puis « Enregistrer dans Fichiers ».
- Tu l'as reçu par mail ou WhatsApp : fais un appui long sur la pièce jointe, puis « Enregistrer dans Fichiers ».
- Dans l'app Fichiers, fais un appui long sur ton logo → « Renommer », et appelle-le « logo-original ».
- Pour toute la suite, quand un site te demande une image : touche « Choisir un fichier », jamais « Photothèque ».
- 02
Vérifie qu'il est carré (sinon, recadre-le)
Ton logo doit être un carré (même largeur que hauteur), sinon il sera écrasé. Pour un beau rendu : un fond de couleur plein plutôt que transparent, et un peu de marge autour du dessin. Déjà carré ? Passe à l'étape suivante.
- Touche le bouton « Recadrer mon logo » ci-dessous : l'outil s'ouvre dans Safari.
- Touche « Sélectionner les images », puis « Choisir un fichier », et prends logo-original.
- Ajuste le cadre pour qu'il soit carré.
- Touche « Recadrer », puis « Télécharger ».
- Ouvre l'app Fichiers, dossier « Téléchargements » : renomme le fichier que tu viens de télécharger en « logo-carre » (appui long → Renommer).
- 03
Convertis-le en PNG
NessCoach n'accepte que le format PNG. Si le site refuse ton fichier, c'est qu'il est déjà en PNG : renomme-le simplement « logo-png » et passe à l'étape suivante.
- Touche le bouton « Convertir en PNG » ci-dessous.
- Touche « Sélectionner les images JPG », puis « Choisir un fichier », et prends logo-carre (ou logo-original si tu n'as pas eu besoin de recadrer).
- Touche « Convertir en PNG », puis « Télécharger ».
- Dans Fichiers › « Téléchargements », renomme le fichier que tu viens de télécharger en « logo-png » (appui long → Renommer).
- 04
Crée la version 512×512
La première des deux tailles demandées par NessCoach.
- Touche le bouton « Redimensionner » ci-dessous.
- Touche « Sélectionner les images », puis « Choisir un fichier », et prends logo-png.
- Choisis « En pixels ».
- Décoche « Conserver les proportions ».
- Tape 512 en largeur et 512 en hauteur.
- Touche « Redimensionner les images », puis « Télécharger ».
- Dans Fichiers › « Téléchargements », renomme le fichier que tu viens de télécharger en « logo-512 » (appui long → Renommer).
- 05
Crée la version 192×192
Même chose avec la deuxième taille. Traite une seule image à la fois : sinon le site te donne un fichier .zip, pénible à ouvrir sur téléphone.
- Touche le bouton « Redimensionner » ci-dessous.
- Touche « Sélectionner les images », puis « Choisir un fichier », et prends logo-png (pas logo-512).
- Choisis « En pixels », décoche « Conserver les proportions », puis tape 192 en largeur et 192 en hauteur.
- Touche « Redimensionner les images », puis « Télécharger ».
- Dans Fichiers › « Téléchargements », renomme le fichier que tu viens de télécharger en « logo-192 » (appui long → Renommer).
- 06
Importe tes deux images dans NessCoach
Il ne reste plus qu'à les envoyer dans ton app.
- Dans NessCoach, va dans Profil → Personnalisation, puis le bloc « Icône et nom de l'app ».
- Sur la ligne 192x192 px, touche « Uploader ».
- Touche « Choisir un fichier » (pas « Photothèque ») et prends logo-192 dans « Téléchargements ».
- Fais pareil sur la ligne 512x512 px avec logo-512.
- 07
Tes clients voient ton logo
Ton logo est en place. Selon le cas :
- Les nouveaux clients le voient dès qu'ils installent l'app.
- Ceux qui l'ont déjà installée doivent la supprimer de leur écran d'accueil, puis la réinstaller (voir le tuto « Installer l'app sur ton téléphone »).