Copyright HébergementWebs.com - License GPL

Quelle est la meilleure taille de logo pour un site Web?

Conception   2021-01-04 11:50:52

Le logo de votre marque doit vivre dans de nombreux endroits différents, d"un petit favicon sur votre site Web à un énorme panneau d"affichage sur une autoroute très fréquentée. Même au sein de votre site Web, il existe différents emplacements pour votre logo, et dans différentes orientations et tailles. Et chaque fois que vous utilisez votre logo - ou une variante de if - il doit être cohérent, net et reconnaissable. Lorsque vous connaissez les différentes dimensions et tailles de logo dont vous aurez besoin dès le début, il il sera beaucoup plus facile de l"ajouter à votre site Web - et à vos médias sociaux, produits imprimés et toutes les autres garanties de la marque. Variations de logo Pour la plupart, les logos ont trois éléments: le nom de l"entreprise, une icône et un slogan. Ou, vous pouvez penser à un logo comme ayant deux composants principaux: l"image ou le symbole et la typographie ou le mot-symbole. En fin de compte, vous pouvez utiliser ces éléments ensemble ou séparément, mais peu importe la façon dont ils sont disposés, ils doivent refléter votre marque. Un logo peut avoir plusieurs variantes en termes de conception, de dimensions, d"orientation, de forme et la taille. Le contexte dans lequel vous utilisez le logo - pour nos besoins, où il se trouve sur votre site Web - détermine la version du logo que vous choisissez. Et chaque fois que vous adaptez votre logo à un arrière-plan ou une taille différent, le but est qu"il conserve son intégrité. Voici les variantes de logo courantes que vous devriez envisager de créer pour une utilisation sur votre site Web et ailleurs: Horizontal, carré et vertical Noir, blanc , couleur et couleur inversée Arrière-plan régulier et arrière-plan transparent Logo complet, icône uniquement et texte limité ou lettre / monogramme unique Tous des différents logos que vous créez, ainsi que des détails sur les endroits où ils doivent être utilisés, doivent également être inclus dans votre kit de marque. Et si vous ne créez pas vous-même vos variantes de logo, sachez que l"agence ou le concepteur qui les crée doit envoyer toutes les variantes avec le logo principal d"origine. Types de fichiers de logo Le type de fichier affecte l"apparence du logo lorsqu"il est mis à l"échelle et agrandi. Si vous créez le logo à l"aide d"un type de fichier non évolutif, il semblera flou et pixélisé à mesure qu"il s"agrandit. Vous ne voulez pas cela - vous voulez que votre logo soit détaillé et parfait, qu"il soit petit ou énorme. Pour que votre logo soit évolutif sans perte de qualité, il doit être au format vectoriel, de préférence sous forme de fichier PNG. Un PNG est un fichier compressé sans perte, ce qui signifie que la taille du fichier est assez petite, mais que la qualité de la conception est maintenue. Vous pouvez également utiliser un fond transparent avec un fichier PNG, ce qui est excellent pour les sites Web et autres espaces numériques. Lorsque vous affichez un logo en ligne, votre fichier PNG doit être inférieur à 200 Ko pour que le temps de chargement soit rapide. Vous êtes peut-être plus familier avec les fichiers JPG, mais vous ne souhaitez pas utiliser un JPG pour votre logo. Ce type de fichier est compressé avec perte, et non sans perte copressé. Bien qu"il prenne moins d"espace qu"un PNG parce que la taille du fichier est un peu plus petite, la qualité est pire et votre logo peut sembler pixélisé, surtout lorsque vous essayez de le mettre à l"échelle. Choix d"une taille de logo pour votre site Web Votre logo sera placé à deux endroits principaux sur votre site Web: le favicon et la barre de navigation. Passons en revue les dimensions spécifiques de ces lieux. Taille du logo Favicon Dans un petit espace comme le favicon, vous devriez utiliser votre logo uniquement icône car la zone sera trop petite pour que le texte soit lisible. Ou, si votre logo est un mot, vous pouvez utiliser soit la première lettre du mot, soit une version monogramme s"il y a deux mots ou plus. Dans l"exemple ci-dessous, vous verrez le logo d"une lettre d"Amazon utilisé à Source: Amazon PS Le favicon est la petite icône qui apparaît à côté du titre de la page Web dans la barre de recherche, et c"est également ce qui apparaîtra dans une liste de signets ou de favoris. Les tailles de favicon standard sont les suivantes: 16 x 16 pixels (le plus courant) 32 x 32 pixels 48 x 48 pixels Navigation Taille du logo de la barre La barre de navigation ou l"en-tête de votre site Web hébergera votre logo - probablement le logo complet et standard. Généralement, le logo se trouve sur le côté gauche de la barre de navigation. Bien que la taille exacte dépendra de votre constructeur de site Web spécifique, il est probable que les options de taille seront approximativement les suivantes: Bannière complète: 468 x 60 pixels Disposition horizontale: 250 x 150 pixels; 350 x 75 pixels; ou 400 x 100 pixels Disposition verticale: 160 x 160 pixels Ce ne sont pas les tailles de l"en-tête réel - les en-têtes seront plus grands - mais ils " sont les tailles à prendre en compte lors de la conception de votre logo pour s"adapter à ces types d"en-têtes de site Web. Autres endroits où vous utiliserez votre logo Si vous souhaitez créer des variantes de votre logo pour votre site Web, c"est aussi le bon moment pour créer les versions dont vous aurez besoin pour d"autres endroits aussi. Par exemple: Les publicités numériques et les bannières nécessiteront un logo. Sur les réseaux sociaux, vous aurez besoin de votre logo dans les arrière-plans, les bannières, les photos de couverture, les photos de profil, publications et miniatures. Pour les marques disposant d"une boutique en ligne qui vend des produits physical, vous aurez peut-être besoin de votre logo imprimé sur des aimants, des tasses ou des t-shirts. Si vous vendez ou envoyez du matériel physique, vous apposerez votre logo sur le matériel d"expédition, comme des boîtes, des enveloppes et peut-être même ruban d"emballage. Des outils comme Canva propose des modèles prêts à l"emploi avec les tailles idéales pour les graphiques dans Réflexions finales sur la taille du logo pour votre site Web En ce qui concerne votre logo, ses variantes et où vous les placez sur votre site Web, n"oubliez pas que cela est créatif et centré sur le design - il n"y a pas de règles strictes que vous devez suivre. Et comme ce n’est pas une science parfaite, vous pouvez utiliser votre œil artistique et votre meilleur jugement pour décider quoi utiliser et où. Votre logo communique beaucoup sur votre entreprise et c"est l"un de vos éléments de marque qui influencera la perception du public. Il doit être clair et de haute qualité, peu importe où il est utilisé. Votre logo est-il prêt à être utilisé? Voici comment ajouter une image de logo personnalisée dans Divi. Vous aimerez peut-être aussi notre article présentant des moyens simples et créatifs d"afficher votre logo dans Divi. Image en vedette via Mas Blend / shutterstock.com