Un logo professionnel doit fonctionner dans des contextes complètement différents : petit dans l'onglet du navigateur comme favicon, moyen dans l'en-tête du site, grand sur une bâche de façade, carré en photo de profil Instagram et horizontal sur la carte de visite. Chacun de ces contextes a des dimensions et formats différents — et utiliser la mauvaise taille donne un logo flou, coupé ou aux proportions déformées.
La bonne nouvelle, c'est que vous n'avez pas besoin de créer des versions différentes de zéro pour chaque contexte. Avec le bon fichier dans le bon format, le Redimensionneur d'Image d'ImageTools ajuste les dimensions pour n'importe quel usage en quelques secondes.
Les formats que vous devez avoir de votre logo
Avant de parler de tailles spécifiques, comprenez quels formats de fichier vous devez conserver. Un logo bien documenté doit avoir au moins ces versions :
- SVG (vectoriel) : le fichier maître. Peut être agrandi à n'importe quelle taille — d'un favicon de 16px à un panneau publicitaire de 10 mètres — sans perte de qualité. Essentiel pour le site, les présentations et l'envoi aux imprimeries.
- PNG à fond transparent (haute résolution) : pour un usage numérique où le SVG n'est pas accepté. Enregistrez en au moins 1000×1000px pour avoir de la flexibilité de redimensionnement.
- PNG à fond blanc : pour des contextes où la transparence n'est pas souhaitée ou supportée — formulaires d'inscription sur des plateformes, documents Word, e-mail.
- PNG ou JPG version sombre (éléments en blanc) : pour un usage sur des fonds colorés ou sombres. Un logo en bleu foncé disparaît complètement sur un fond noir.
- Favicon (.ico + PNG) : versions spécifiques pour l'onglet du navigateur. Utilisez le Générateur de Favicon d'ImageTools pour générer toutes les tailles nécessaires à partir du logo.
☁️ Gardez tout dans le cloud. Conservez ces versions dans un Google Drive ou Dropbox facilement accessible. Vous en aurez besoin en engageant un designer freelance, en mettant à jour le profil d'un réseau social ou en envoyant du matériel à une imprimerie — souvent dans l'urgence.
Tableau de référence — dimensions de logo par contexte
| Contexte | Dimensions recommandées | Format idéal | Remarque |
|---|---|---|---|
| En-tête du site (desktop) | 200–400px de large | SVG ou PNG transparent | Hauteur proportionnelle au layout |
| Favicon (onglet navigateur) | 16×16, 32×32, 48×48px | .ico + PNG | Utilisez le Générateur de Favicon |
| Apple Touch Icon (iOS) | 180×180px | PNG sans transparence | Fond solide recommandé |
| Icône d'app Android (PWA) | 192×192 et 512×512px | PNG | Exigé dans le webmanifest |
| Instagram — photo de profil | 320×320px (affiché en 110px) | PNG ou JPG | Sera recadré en cercle |
| Facebook — photo de profil | 170×170px | PNG ou JPG | Affiché en cercle sur desktop |
| Facebook — photo de couverture | 820×312px | JPG ou PNG | Logo comme élément, pas toute la photo |
| LinkedIn — logo entreprise | 300×300px | PNG ou JPG | Min. 300×300, max. 4 Mo |
| LinkedIn — bannière entreprise | 1128×191px | PNG ou JPG | Logo comme élément dans la bannière |
| YouTube — icône de chaîne | 800×800px | PNG ou JPG | Affiché en cercle, 98px sur TV |
| YouTube — art de la chaîne | 2560×1440px | JPG ou PNG | Logo comme élément, safe area : 1546×423px |
| WhatsApp Business — profil | 640×640px | PNG ou JPG | Affiché en cercle |
| TikTok — photo de profil | 200×200px (min.) | JPG ou PNG | Affiché en cercle |
| Twitter / X — photo de profil | 400×400px | PNG ou JPG | Affiché en cercle, 48px dans le fil |
| E-mail (signature) | 200–300px de large | PNG à fond blanc ou JPG | Éviter la transparence sur d'anciens clients |
| Carte de visite (numérique) | 400–600px de large | PNG transparent | Pour composition dans le layout de la carte |
| Présentation (slides) | 200–400px de large | PNG transparent ou SVG | Proportionnel au slide (16:9) |
Logo pour site web
En-tête (header)
Dans l'en-tête du site, le logo fait généralement entre 150px et 400px de large, avec une hauteur proportionnelle. La largeur exacte dépend du layout — un en-tête compact peut utiliser 150px, tandis qu'un site avec beaucoup d'espace peut utiliser 300–400px. Le plus important est que le logo soit net sur les écrans Retina : exportez en PNG avec le double de la largeur d'affichage (ou utilisez SVG, qui résout cela automatiquement) et laissez le CSS gérer la taille d'affichage.
Utilisez toujours SVG ou PNG à fond transparent dans l'en-tête — le fond de l'en-tête change selon le design et le scroll, et un logo à fond blanc créera un rectangle blanc visible sur des fonds colorés.
Favicon
Le favicon est l'icône affichée dans l'onglet du navigateur, dans les favoris et sur l'écran d'accueil des appareils mobiles. Un favicon efficace est une version simplifiée du logo — généralement juste le symbole ou l'initiale, sans le nom complet de l'entreprise, car l'espace est trop petit pour du texte lisible.
Les tailles nécessaires sont : 16×16px et 32×32px pour les navigateurs desktop, 180×180px pour iOS (Apple Touch Icon) et 192×192px et 512×512px pour Android et les PWA. Utilisez le Générateur de Favicon d'ImageTools pour générer toutes ces tailles automatiquement à partir du logo.
Générez toutes les tailles de favicon d'un coup
Du logo au favicon pour navigateurs, iOS, Android et PWA — toutes les tailles nécessaires en quelques secondes.
Générer un favicon gratuitementLogo pour réseaux sociaux
Pourquoi le logo doit fonctionner en format carré et circulaire
Pratiquement tous les réseaux sociaux affichent la photo de profil en format circulaire. Cela crée un défi spécifique pour les logos horizontaux (nom + icône côte à côte) : dans l'espace circulaire, soit le logo devient trop petit pour être lisible, soit des parties sont coupées sur les bords.
La solution la plus efficace est d'avoir une version « icône » du logo — juste le symbole ou les initiales de la marque, centrés dans une zone carrée — spécifiquement pour un usage en photo de profil sur les réseaux sociaux. Cette version garde la reconnaissance visuelle sans les problèmes de recadrage.
Instagram accepte des photos de profil jusqu'à 320×320px, mais les affiche en seulement 110px sur le profil et 32px dans le fil. Le fichier doit être carré. Si le logo est horizontal, centrez-le dans une zone carrée avec un padding adéquat pour que rien ne soit coupé par le recadrage circulaire de la plateforme.
La photo de profil de page sur Facebook est affichée en 170×170px sur desktop et 128×128px sur mobile, toujours recadrée en cercle. La photo de couverture fait 820×312px — le logo y apparaît généralement comme un élément du design de la couverture, pas en occupant toute l'image.
Pour les profils d'entreprise, LinkedIn affiche le logo en 300×300px (carré) sur la page et en tailles plus petites dans les listes. C'est l'un des contextes où la qualité de l'image influence le plus la perception professionnelle — utilisez un PNG haute qualité, sans compression excessive.
YouTube
L'icône de la chaîne sur YouTube est affichée à des tailles très différentes selon le contexte : 98px sur une smart TV, 32px dans le fil desktop, 88px sur le profil mobile. Le fichier doit faire au moins 800×800px pour couvrir toutes ces tailles avec netteté. L'art de la chaîne (bannière) a des dimensions de 2560×1440px, mais la « safe area » — la région visible sur tous les appareils — n'est que 1546×423px centrée. Le logo doit rester dans cette zone.
WhatsApp Business
La photo de profil de WhatsApp Business est affichée en cercle, avec une taille d'affichage d'environ 50px dans les conversations. Utilisez un fichier de 640×640px pour garantir la netteté dans les aperçus plein écran. Comme sur d'autres réseaux sociaux, les logos horizontaux ne fonctionnent pas bien ici — utilisez la version icône ou symbole de la marque.
📐 Astuce pour les logos horizontaux sur les réseaux sociaux : créez une version carrée en ajoutant de l'espace blanc (ou de la couleur de fond de la marque) sur les côtés. La proportion idéale est le logo occupant entre 60 % et 75 % de la largeur du carré, avec des marges égales sur les quatre côtés. Cela évite le recadrage circulaire et garantit que le logo apparaisse en entier.
Logo pour l'impression
L'impression a une logique complètement différente du numérique. La résolution en pixels n'est pas ce qui compte — ce qui compte, c'est la relation entre les pixels et la taille physique d'impression, mesurée en DPI (dots per inch, points par pouce). Le standard de l'industrie graphique est 300 DPI.
Comment calculer les pixels nécessaires pour l'impression
Formule : pixels = taille en cm ÷ 2,54 × DPI
Exemples pratiques :
| Support | Taille typique du logo | Pixels nécessaires (300 DPI) |
|---|---|---|
| Carte de visite (logo) | 3 × 1,5 cm | 354 × 177px |
| Papier à en-tête | 5 × 2 cm | 591 × 236px |
| Petit emballage | 4 × 4 cm | 472 × 472px |
| T-shirt (poitrine) | 10 × 5 cm | 1181 × 591px |
| Mug (logo latéral) | 8 × 4 cm | 945 × 472px |
| Sac personnalisé | 15 × 8 cm | 1772 × 945px |
| Bannière/rollup (logo en haut) | 20 × 10 cm | 2362 × 1181px |
Pour éviter d'avoir à calculer au cas par cas, la solution la plus pratique est d'utiliser le SVG — le format vectoriel s'adapte sans limite et peut être imprimé à n'importe quelle taille sans perte de qualité. N'importe quelle imprimerie professionnelle accepte le SVG (ou son équivalent en PDF vectoriel, généré à partir du SVG dans Illustrator ou Inkscape).
Formats acceptés par les imprimeries
La plupart des imprimeries professionnelles acceptent et préfèrent :
- PDF vectoriel : le standard de l'industrie. Généré à partir d'Illustrator, Corel ou Inkscape avec le logo en vecteur.
- AI (Adobe Illustrator) : fichier vectoriel natif.
- EPS : format vectoriel plus ancien, largement compatible.
- SVG : accepté par la plupart des imprimeries modernes.
- PNG en haute résolution : accepté quand le fichier vectoriel n'est pas disponible, tant que la résolution suffit pour la taille d'impression.
🖨️ Pour la broderie et la découpe laser : ces procédés exigent des vecteurs aux tracés propres. Les logos avec dégradés, ombres ou effets photographiques doivent être simplifiés avant d'être envoyés en production. Un designer peut faire cette « vectorisation » à partir du PNG du logo si le fichier vectoriel original n'existe pas.
Redimensionner le logo pour chaque usage
Avec le fichier de base du logo en PNG haute résolution (au moins 1000×1000px) ou en SVG, utilisez le Redimensionneur d'Image d'ImageTools pour l'ajuster aux dimensions de chaque plateforme. Le redimensionneur permet de définir la largeur et la hauteur exactes en pixels, en gardant ou ajustant les proportions d'origine.
Flux recommandé pour préparer les versions du logo :
- Partez toujours du fichier à la plus haute résolution disponible — SVG ou PNG au-delà de 1000px.
- Redimensionnez aux dimensions de destination avec le Redimensionneur.
- Pour les réseaux sociaux, compressez légèrement avec le Compresseur d'Image — en gardant une qualité de 85–90 % pour ne pas perdre en netteté.
- Pour l'impression, envoyez le SVG directement ou convertissez en PDF vectoriel.
Redimensionnez le logo pour n'importe quel usage
Ajustez les dimensions du logo en pixels avec précision — sans déformer les proportions.
Redimensionner le logo gratuitementErreurs courantes en utilisant le logo à différentes tailles
Utiliser le même fichier pour tous les contextes
Un logo de 2000px dans une signature e-mail va charger lentement et paraître énorme. Un logo de 100px sur une impression A4 sera pixelisé. Chaque contexte a ses propres dimensions idéales — utilisez ce guide comme référence et redimensionnez avant d'utiliser.
Ne pas avoir de version pour fond sombre
Beaucoup de logos sont créés initialement en couleurs sombres sur fond clair. Sur des posts à fond noir ou coloré — courant sur Instagram Stories et les bannières LinkedIn — le logo disparaît simplement. Créez et sauvegardez toujours une version avec les éléments principaux en blanc ou en couleur claire.
Enregistrer pour les réseaux sociaux en PNG trop grand
Un PNG de 2000×2000px pour une photo de profil Instagram n'améliore pas la qualité d'affichage — Instagram compresse tout ce qui dépasse la taille nécessaire. Envoyez aux dimensions idéales (320×320px) avec une compression à 90 % de qualité pour éviter une double compression par la plateforme.
Utiliser le JPG pour des logos à fond transparent
Le JPG ne supporte pas la transparence — en enregistrant un logo PNG transparent en JPG, le fond transparent est remplacé par du blanc. Si le logo a besoin d'un fond transparent (pour être utilisé sur différentes couleurs de fond), utilisez toujours PNG ou WebP.
Agrandir un petit PNG au lieu d'utiliser le SVG
Si le logo existe en SVG, utilisez toujours le SVG comme base pour le redimensionnement — n'agrandissez jamais un petit PNG. Agrandir un PNG crée une pixellisation qui ne peut pas être corrigée sans le fichier vectoriel original.
Vous n'avez pas encore de logo ? Créez-en un maintenant
Si vous n'avez pas encore de logo ou souhaitez créer une version professionnelle, ImageTools propose deux outils pour cela : le Créateur de Logo, où vous choisissez icône, couleurs et typographie avec un contrôle total, et le Créateur de Logo avec IA, où vous décrivez votre marque et l'IA génère des options vectorielles prêtes à télécharger. Les deux exportent en SVG et PNG — les formats dont vous avez besoin pour tous les usages décrits dans ce guide.
Créez le logo de votre marque maintenant
Résultat en SVG et PNG à fond transparent — prêts pour site, réseaux sociaux et impression.
Questions fréquentes
prefers-color-scheme ou la balise HTML <picture> avec media pour basculer automatiquement entre la version claire et sombre du logo selon la préférence système de l'utilisateur — sans aucune interaction du visiteur.