Avoir un logo c'est une très bonne chose pour une entreprise. Cependant un logo qui a été conçu pour le print, c'est-à-dire pour l'impression ne sera pas fait pour le web. On effet il y a des contraintes colorimétriques ou de taille à respecter.
Couleur RVB "Rouge, Vert, Bleu" : ce mode colorimétrique est utilisé pour les écrans, que se soit les ordinateurs, smartphone ou télévision ou encore appareil photo. Pour faire simple, les écrans des ordinateurs ou des téléphones doivent être éclairé pour qu'on y voit ce qui est affiché.
Petite explication : chaque pixel d'un écran est composé de trois points lumineux, de couleur rouge, vert et bleu. Pour obtenir des couleurs différentes, on fait donc varier l'intensité de ces points lumineux, de 0 à 255. Si les trois couleurs rouge, vert et bleu sont à 0, on obtient un écran noir : luminosité nulle. En revanche, si les trois couleurs sont à 255, on obtient du blanc : luminosité maximale.
|
Rouge |
Vert |
Bleu |
|---|---|---|
|
255 |
0 |
0 |
|
Rouge |
Vert |
Bleu |
|---|---|---|
|
0 |
128 |
255 |
|
Rouge |
Vert |
Bleu |
|---|---|---|
|
255 |
230 |
0 |
Enfin, le mode RVB procure des couleurs beaucoup plus lumineuses que le mode CMJN utilisé en impression.
En conclusion, pour votre logo, utilisez un mode RVB pour l'exporter pour le web et un mode CMJN pour de l'impression. Mais pour ne pas avoir trop de différence entre vos deux logo, évitez les couleurs trop fluos, qui deviendront terne à l'impression et n'auront pas l'impact voulu.
Voici un exemple en image des mêmes couleurs à RVB et en CMJN :
Le format PNG dispose de plusieurs modes d'exportation :
Ce format d’image a été développé par Google. Il fournit le même fichier qu'une image JPG, mais avec une taille de fichier plus petite.
En réduisant la taille de vos fichiers image avec ce format, cela aide à offrir une meilleure expérience aux visiteurs d'un site internet car les pages du site internet chargeront plus rapidement.
Dans étude sur la compression WebP de Google, on se rend compte qu'une image WebP est
Le format WebP est prit en charge par la plupart des navigateurs comme Chrome ou Firefox. Cependant le format WebP n'est pas compatible avec le navigateur d'Apple, Safari. En effet, on retrouvera des images "cassées" avec un fond blanc sur un PNG par exemple. Même si les utilisateur de Safari sont moins important, il ne faut pas les négliger et trouver une alternative.
Autre soucis avec le format WebP, le CMS Wordpress ne permet pas d'ajouter une image WebP dans sa bibliothèque, un joli message d'erreur s'affichera à la place. Pour utiliser le WebP sur Wordpress il faut donc télécharger un plugin WebP Express.
Avantages :
Inconvénients :
Pour optimiser au mieux votre logo, utilisez le format SVG pour son export. Il ne fera alors que quelques octets et ne nuira pas à la vitesse de chargement de votre site.
Bon à savoir : Il existe maintenant le format SVGZ qui est le format compressé d'un SVG. Ce format permet de réduire de 30% le poids d'un svg sans aucune perte de qualité. L’inconvénient c'est que vous n'avez plus accès au modification via le CSS, il faudra passer par un logiciel comme Illustrator pour le modifier.
Lorsque vous créer votre logo, pensez à la travailler plus horizontal que vertical. En effet un logo plus haut que large ou bien carré ne s'adaptera pas correctement dans le header (menu) de votre site internet.
Voici un exemple en image pour le logo Snoweb, avec un logo plus horizontal, le header est moins haut et prend donc moins de place sur la page, laissant de la place aux informations importantes du site.
Site internet :
Pour un format horizontal :
Favicon :
Si vous souhaitez créer ou optimiser votre logo, contactez-nous !
Chaque semaine dans votre boite mail, recevez un condensé de conseils et de nouveautés Snoweb !
Nous diffusons des cookies afin d'analyser le trafic sur ce site. Les informations concernant l'utilisation que vous faites de notre site nous sont transmises dans cette optique.
