logo designMay 26, 202610 min read

Formats de fichiers logo expliqués : SVG, PNG, PDF, AI, EPS

SVG pour le web. PNG pour les slides. PDF pour l'impression. AI et EPS pour l'édition. Le guide complet sur quel format de fichier logo utiliser, quand, et exactement pourquoi.

By Boone
XLinkedIn
logo file formats explained

Formats de fichiers logo expliqués : SVG, PNG, PDF, AI, EPS

Un logo n'est pas un fichier. C'est un système de fichiers. Envoyer un PNG en appelant ça une livraison, c'est la façon dont une marque a l'air amateur devant des clients payants.

Les cinq formats qui comptent vraiment sont SVG, PNG, PDF, AI et EPS. Chacun a un rôle. Utilisez le mauvais pour le mauvais travail et le logo va pixeliser sur un panneau d'affichage, refuser de s'ouvrir sur la machine d'un prestataire, ou revenir de la broderie en ressemblant à quelque chose conçu sur un téléphone à clapet.

Illustration voxel de cinq conteneurs de formats de fichiers logo arrangés comme un système de livraison complet.
Illustration voxel de cinq conteneurs de formats de fichiers logo arrangés comme un système de livraison complet.

Vecteur vs rasteur, en un paragraphe

TypeFormatsComportement
VecteurSVG, AI, EPS, PDFStocke les formes sous forme de calculs mathématiques. Agrandissez à n'importe quelle taille et les calculs se recalculent ; les bords restent nets.
RasteurPNG, JPGStocke une grille de pixels fixe. Zoomez au-delà de 100 % et vous voyez la grille.

C'est toute la différence. Votre logo doit toujours exister d'abord en format vecteur, avec des exports rasteur générés à partir de celui-ci.

Diagramme voxel contrastant une forme vectorielle avec des bords nets et une grille de pixels rasteur à l'échelle.
Diagramme voxel contrastant une forme vectorielle avec des bords nets et une grille de pixels rasteur à l'échelle.

SVG, le format vectoriel natif pour le web

SVG signifie Scalable Vector Graphics. C'est un format basé sur XML que les navigateurs lisent nativement, ce qui signifie aucune surcharge de rendu, pas d'affichage flou sur les écrans Retina, pas de fichier 2x séparé à maintenir. Intégrez-le dans une balise <img> ou directement dans le HTML et il s'adapte à n'importe quelle résolution sans un octet supplémentaire.

Logo de la page d'accueil d'ElevenLabs rendu en SVG pour un affichage net à n'importe quelle résolution d'écran.
Logo de la page d'accueil d'ElevenLabs rendu en SVG pour un affichage net à n'importe quelle résolution d'écran.

Voir en direct sur elevenlabs.io

SVG est adapté pour :

  • Les en-têtes de sites web
  • Les icônes d'applications
  • Les signatures email (sur les plateformes qui le supportent)
  • Toute surface numérique que vous contrôlez

La plupart des outils de design l'exportent directement.

Où SVG pose problème :

  • Microsoft Office : Word et PowerPoint ont un support SVG incohérent selon la version et l'OS
  • Les workflows d'impression anciens : certains outils de production ne gèrent pas bien le SVG ; utilisez PDF ou EPS à la place

PNG, le repli sûr qui ruine les impressions

PNG est rasteur. Il stocke des pixels. Toutes les applications du monde ouvrent un PNG, ce qui est son seul avantage concurrentiel, et un vrai pour les contextes numériques.

ContexteVerdict PNG
Web, en dessous de la taille d'export originaleAcceptable
Slides, posts sur les réseaux sociaux, documents internesAcceptable
ImpressionJamais. PNG ne peut pas être agrandi sans se dégrader, et l'imprimeur vous le dira par email au pire moment possible.

Un logo à 300 DPI sur une carte de visite doit provenir d'une source vectorielle.

Exportez toujours les PNG en haute résolution, 2000 px sur le côté le plus long minimum, avec deux versions : fond blanc et fond transparent.

Concept voxel montrant un logo rasteur qui pixelise en s'agrandissant au-delà de ses dimensions d'export originales.
Concept voxel montrant un logo rasteur qui pixelise en s'agrandissant au-delà de ses dimensions d'export originales.

PDF, le format qui voyage partout sans se briser

PDF intègre des données vectorielles. Exportez-en un depuis Illustrator ou Figma et il s'ouvre sur n'importe quel appareil, entièrement redimensionnable, sans logiciel requis.

Interface d'upload du service d'impression Moo spécifiant les exigences de format vectoriel pour la production de cartes de visite.
Interface d'upload du service d'impression Moo spécifiant les exigences de format vectoriel pour la production de cartes de visite.

Parcourir les spécifications d'impression sur moo.com

Aucun problème de police. Aucun élément manquant. Aucune réponse "je n'ai pas Illustrator" de la part des prestataires.

Pour les travaux d'impression, PDF est le format de livraison vectorielle le plus pratique :

  • Les imprimeurs commerciaux l'acceptent directement dans leur workflow
  • Les prestataires de signalétique l'intègrent dans leur logiciel de mise en page grand format
  • Les brodeurs le convertissent sans perdre la précision des lignes
  • Les prestataires qui n'ont pas Illustrator peuvent quand même l'ouvrir

C'est le format à envoyer quand vous ne savez pas quelle application utilise l'autre personne, ce qui couvre la plupart des livraisons externes.

PDF est aussi le format pour les variantes de composition (logo plus signature, empilé, horizontal). Le prestataire l'intègre directement dans InDesign ou Acrobat sans étape de conversion.

AI, le fichier de travail que votre designer conserve

AI est le fichier de travail natif d'Adobe Illustrator, pas le livrable. Il stocke tout :

  • Les calques et les objets
  • Les nuances de couleur
  • Les guides et les plans de travail
  • Le texte actif avec les polices originales intactes
  • Les attributs d'apparence
  • Les couleurs Pantone

Votre designer conserve le fichier AI. Vous recevez des exports à partir de celui-ci. Si la relation se termine et que vous avez besoin de modifier le logo plus tard, c'est ce fichier AI qui rend la modification possible.

Les contrats devraient exiger que le designer le remette à la fin du projet. Si le vôtre ne le fait pas, c'est un manque à combler avant d'avoir besoin de faire des modifications.

Les fichiers AI s'ouvrent entièrement uniquement dans Illustrator (et partiellement dans Affinity Designer). Pour les clients qui collent un logo dans une présentation, envoyez PNG. Pour un prestataire qui demande spécifiquement AI, envoyez-le et confirmez sa version d'Illustrator, car la compatibilité entre versions est peu fiable.

EPS, le format hérité que votre imprimeur demande encore

EPS (Encapsulated PostScript) est antérieur au PDF. C'était le format d'échange vectoriel standard avant que PDF ne devienne dominant, et les prestataires d'impression qui sont en activité depuis des décennies le demandent encore par habitude.

Page du kit presse de GitLab listant les téléchargements de logos EPS et vectoriels pour la production et l'usage médias.
Page du kit presse de GitLab listant les téléchargements de logos EPS et vectoriels pour la production et l'usage médias.

Voir le kit presse sur about.gitlab.com

EPS et AI contiennent les mêmes données vectorielles. La différence clé : EPS est plus universellement lisible sur les anciens logiciels de production, tandis que AI préserve les fonctionnalités spécifiques à Illustrator comme le texte actif et la transparence qu'EPS aplatit à l'export.

Quand un prestataire demande EPS, donnez-lui EPS. Quand personne ne le demande, PDF remplit le même rôle avec une meilleure compatibilité sur les outils modernes.

Le piège du favicon et de l'avatar social

Un favicon n'est pas un logo redimensionné. C'est un travail de design distinct. À 32x32 pixels, la plupart des détails d'un logo disparaissent. Un logotype avec une signature devient une tache grise, et ce qui est lisible à 300 px devient illisible à 32 px.

Le processus favicon en trois étapes :

  1. Concevez un favicon dédié, généralement la première lettre, un monogramme, ou l'élément de logomark le plus reconnaissable avec les détails secondaires supprimés.
  2. Exportez le fichier, soit .ico (un conteneur pour PNG en 16x16, 32x32 et 48x48) soit un PNG de 192x192 que le navigateur redimensionne.
  3. Gérez les avatars sociaux séparément. Instagram recadre en cercle à environ 110x110 px, donc l'icône de profil devrait être le logomark seul, jamais la composition complète avec le logotype.

Chaque livraison de logo Brainy est fournie dans un dossier structuré, pas un zip d'exports aléatoires. Voici la structure exacte :

YourBrand_Logo_Kit/ ├── 01_Web/ │ ├── logo-primary.svg │ ├── logo-primary@2x.png (2000px, transparent bg) │ ├── logo-reversed.svg │ ├── logo-reversed@2x.png │ ├── icon-only.svg │ └── favicon/ │ ├── favicon.ico │ ├── favicon-192.png │ └── favicon-512.png ├── 02_Print/ │ ├── logo-primary-CMYK.pdf │ ├── logo-primary-CMYK.eps │ ├── logo-reversed-CMYK.pdf │ └── logo-reversed-CMYK.eps ├── 03_Source/ │ └── logo-master.ai └── README.txt

Chaque dossier a un but. Le README contient un paragraphe de conseils sur quel dossier ouvrir pour quel travail.

Aucun client ne devrait avoir à deviner. Un kit logo sans README est un kit conçu pour les designers, pas pour les clients.

Page du kit de marque GitHub montrant des téléchargements de logos structurés incluant SVG, PNG et fichiers sources vectoriels.
Page du kit de marque GitHub montrant des téléchargements de logos structurés incluant SVG, PNG et fichiers sources vectoriels.

Parcourir le kit de marque sur brand.github.com

Confiez votre logo à Brainy et vous obtenez le kit complet, annoté et structuré, du premier coup.

Tableau de décision de format en un coup d'oeil

Le tableau ci-dessous associe chaque cas d'usage courant au bon format. Imprimez-le, faites-en une capture d'écran, collez-le dans votre Notion de studio, peu importe ce qui le garde à portée de main quand un client demande "quel fichier j'envoie à l'imprimeur."

Cas d'usageFormat correctPourquoi
En-tête de site webSVGS'adapte à n'importe quelle résolution ; support natif des navigateurs
Repli pour site webPNG (2x)Compatibilité universelle quand SVG n'est pas disponible
Signature emailPNGSVG bloqué ou supprimé par la plupart des clients mail
Impression (carte de visite, papier à en-tête)PDF ou EPSVectoriel ; accepté par tout imprimeur commercial
Signalétique grand formatPDF ou EPSS'adapte à n'importe quelle taille sans perte de qualité
Broderie ou découpe vinyleEPS ou AIFormat d'entrée requis par la plupart des logiciels de production
Slides (Google, PowerPoint)PNGLe support SVG varie selon la version ; PNG est fiable
Avatar sur les réseaux sociauxPNG (carré, logomark uniquement)Les plateformes compressent ou rejettent le SVG
Favicon.ico ou PNG (192x192)Spécification navigateur ; SVG pas universellement supporté
Filigrane vidéoPNG (transparent)Le canal alpha PNG fonctionne dans les éditeurs vidéo
Modification ou refonte de logoAIFichier de travail complet avec tous les calques et attributs
Livraison prestataire (outils inconnus)PDFS'ouvre partout ; préserve les données vectorielles
Arbre de décision voxel associant les choix de format de logo aux usages web, impression, édition et repli.
Arbre de décision voxel associant les choix de format de logo aux usages web, impression, édition et repli.

FAQ

Quelle est la différence entre AI et EPS ?

Les deux sont des formats vectoriels. AI est le format de travail natif d'Illustrator et préserve le texte actif, la transparence, les plans de travail et les attributs d'apparence. EPS est plus ancien et plus largement lisible mais aplatit ces fonctionnalités à l'export. Gardez AI comme source de vérité, envoyez EPS quand un prestataire le demande.

Puis-je simplement utiliser PNG pour tout ?

Non. PNG se dégrade lors de l'impression ou quand il est agrandi au-delà de sa taille d'export. Les prestataires le refuseront, les machines à broder ne peuvent pas l'utiliser. Le tableau ci-dessus indique quoi envoyer à la place.

Qu'en est-il de WebP, GIF, TIFF ou BMP ?

Aucun de ces formats n'est un format logo. WebP est pour la compression de photos, la palette de 256 couleurs du GIF ruine les bords nets, TIFF est pour l'archivage, et BMP n'a pas de transparence. Les cinq formats ci-dessus couvrent tous les cas d'usage légitimes d'un logo.

Mon designer ne m'a envoyé qu'un PNG. Que faire ?

Demandez le kit complet : SVG, PDF, EPS, et le fichier source AI. Les fichiers de travail appartiennent au client sauf si votre contrat stipule le contraire. Si le designer ne répond pas, faites refaire votre logo par Brainy et obtenez tous les fichiers correctement cette fois.

Les logos doivent-ils être en RGB ou CMYK ?

RGB pour les écrans, CMYK pour l'impression. Le décalage de couleur entre les profils est réel, donc vérifiez tout ce qui est destiné à une imprimante physique. PDF et EPS pour l'impression doivent être en CMYK sauf indication contraire du prestataire.

SVG fonctionne-t-il pour les signatures email ?

Surtout pas. Gmail, Outlook et Apple Mail gèrent le SVG de façon incohérente, et certains clients le suppriment entièrement. Utilisez un PNG pour les signatures email. 200 px de large en résolution 2x est une base fiable.

Quel format une boutique de broderie a-t-elle besoin ?

La machine utilise un format de broderie (DST, PES) qu'un digitaliseur produit à partir de votre artwork. Donnez à la boutique votre logo vectoriel en EPS ou AI pour qu'ils puissent le tracer et le convertir avec précision. N'envoyez jamais un PNG à un prestataire de broderie.

Livrez le bon format du premier coup

SVG sur le site web. PNG comme repli. PDF pour l'imprimeur.

AI pour les modifications futures. EPS quand un prestataire hérité le demande. Favicon conçu comme son propre artefact, pas redimensionné. Le kit complet, annoté et structuré, livré une fois et référencé pour toujours.

Les marques qui ont l'air soignées sur chaque point de contact n'utilisent pas de meilleurs logos. Elles utilisent les bons fichiers pour chaque surface.

Pour d'autres guides pratiques sur la marque, parcourez la bibliothèque complète Brainy Papers. Besoin d'un système logo conçu et livré correctement du premier coup ? Confiez votre logo à Brainy.

Need a logo that ships with the right files for every use case, not a single PNG you have to email back for? Brainy designs and delivers full logo systems.

Get Started

More from Brainy Papers

Keep reading