Le logo est l'un des premiers éléments que l'on voit sur un site, et l'un de ceux qui se déforment le plus facilement : image floue sur un écran haute définition, logo trop grand sur mobile, fond blanc visible sur une page colorée. Quelques réglages simples suffisent à l'éviter.

Le bon format

  • SVG : un format vectoriel qui reste net à toutes les tailles et sur tous les écrans, et qui pèse très peu. C'est le choix à privilégier.
  • PNG à fond transparent : une bonne solution de repli. Pour les écrans haute définition, fournissez une version à deux fois la taille d'affichage.
  • JPG : à éviter, car il n'a pas de fond transparent et dégrade les contours.

Les formats à demander à la livraison sont détaillés dans quels formats de fichiers demander pour un logo et dans les formats de fichiers d'un logo, expliqués simplement.

La taille et le placement

Le logo se place le plus souvent en haut à gauche de l'en-tête, avec un lien vers la page d'accueil. Sa hauteur doit rester raisonnable pour ne pas écraser le menu, et son espace libre autour doit être respecté. Sur mobile, une version réduite ou simplifiée est souvent préférable : voyez logo responsive : s'adapter à tous les écrans.

Fond clair et fond sombre

Si votre site propose un thème sombre, ou si le logo passe sur une image, prévoyez une version adaptée (logo clair sur fond sombre). Un logo noir sur un fond foncé disparaît.

Le favicon

Le favicon est la petite icône affichée dans l'onglet du navigateur et dans les favoris. Il se construit à partir d'une version simplifiée du logo, souvent le symbole seul. Voyez le favicon : pourquoi ne pas le négliger.

Accessibilité et référencement

  • Un texte alternatif (attribut alt) qui reprend le nom de l'entreprise, sans répéter le mot « logo ».
  • Un poids de fichier léger, pour ne pas ralentir l'affichage.
  • Un lien vers l'accueil, comportement que les visiteurs attendent d'un logo cliquable.

Le logo et le partage sur les réseaux

Quand une page est partagée sur un réseau social, l'image affichée n'est pas le logo mais une image de partage dédiée, généralement au format paysage (1200 × 630 pixels est une dimension très courante). Elle peut reprendre le logo, mais ne le remplace pas.

Questions fréquentes sur le logo d'un site internet

SVG ou PNG pour le logo d'un site ?
Le SVG est généralement préférable : il reste net à toutes les tailles et pèse peu. Le PNG à fond transparent sert de solution de repli ou pour les usages qui n'acceptent pas le SVG.

Quel texte alternatif mettre sur un logo ?
Le nom de l'entreprise, par exemple « Nom de l'entreprise – accueil » quand le logo renvoie vers la page d'accueil. Évitez d'y répéter le mot « logo ».

D'autres questions sur la création de logo

Comment utiliser son logo sur une carte de visite et la papeterie de l'entreprise ?
Fournissez un fichier vectoriel, placez le logo de façon cohérente avec une marge, et vérifiez la taille et les couleurs sur un essai imprimé. Lire l'article →

Comment faire imprimer son logo sur des vêtements ou des objets ?
Chaque procédé a ses contraintes : partez d'un fichier vectoriel et d'une version simplifiée du logo, puis validez un aperçu avant production. Lire l'article →

Qu'est-ce qu'une charte d'utilisation du logo ?
C'est le document qui fixe les règles d'usage du logo : versions, zone de protection, taille minimale, couleurs, fonds et interdits. Lire l'article →

Que faire des anciens supports quand on change de logo ?
Faites l'inventaire des supports, changez le numérique le jour du lancement et l'imprimé au fil du renouvellement, en limitant la cohabitation. Lire l'article →

Quels formats de fichiers dois-je demander pour un logo afin de l'utiliser sur différents supports ?
Un logo professionnel doit être livré en fichier vectoriel (SVG, PDF, EPS) pour l'impression, plus des exports PNG et JPG pour le web. Lire l'article →

Comment mesurer l'impact d'un nouveau logo sur la reconnaissance de ma marque ?
L'impact d'un nouveau logo se mesure avec des indicateurs de reconnaissance, de perception et des signaux indirects, observés sur 3 à 6 mois. Lire l'article →

Quels sont les éléments clés pour créer un logo professionnel et mémorable ?
Un bon logo réunit cinq qualités : simple, mémorable, intemporel, polyvalent et pertinent pour l'activité. Lire l'article →

Voir toutes les questions sur la création de logo →

Mon regard de graphiste

Un site est le support où l'on voit le plus vite si un logo a été pensé pour le numérique : net, léger, lisible en petit, avec un favicon. Quand le logo a été préparé avec ses déclinaisons, l'intégration prend quelques minutes ; sinon, elle devient un petit chantier.

Un logo bien livré s'intègre en dix minutes ; un logo mal livré s'intègre en dix essais.

Pour résumer

Privilégiez le SVG, avec un PNG transparent en secours, une version réduite pour le mobile et un favicon.

Placez le logo dans l'en-tête avec un lien vers l'accueil, et ajoutez un texte alternatif avec le nom de l'entreprise.

Testez-le sur fond clair, fond sombre et sur mobile avant de publier.