El logotipo de su marca tiene que vivir en innumerables lugares diferentes, desde un pequeño favicon en su sitio web hasta una enorme valla publicitaria en una autopista concurrida. Incluso dentro de su sitio web, hay diferentes ubicaciones para su logotipo, y en diferentes orientaciones y tamaños. Y cada vez que use su logotipo, o una variación de if, debe ser consistente, nítido y reconocible.

Cuando conozcas las diferentes dimensiones y tamaños del logotipo que necesitarás desde el principio, será mucho más fácil agregarlo a tu sitio web y a tus redes sociales, productos impresos y cualquier otro material de marca.

Suscríbase a Nuestro canal de Youtube

Variaciones del logotipo

En su mayor parte, los logotipos tienen tres elementos: el nombre de la empresa, un icono y un eslogan. O bien, puede pensar que un logotipo tiene dos componentes principales: la imagen o el símbolo y la tipografía o marca de palabras. En última instancia, puedes usar estos elementos juntos o por separado, pero no importa cómo se organicen, deben reflejar tu marca.

Un logotipo puede tener varias variaciones en cuanto a diseño, dimensiones, orientación, forma y tamaño. El contexto en el que utiliza el logotipo, para nuestros fines, a dónde va en su sitio web, determina la versión del logotipo que elija. Y cada vez que adapta su logotipo a un fondo o tamaño diferente, el objetivo es que conserve su integridad.

Aquí hay variaciones de logotipo comunes que debe considerar crear para su uso en su sitio web y en otros lugares:

• Horizontal, cuadrado y vertical
• Negro, blanco, a todo color e inverso de color
• Fondo regular y fondo transparente
• Logotipo completo, solo icono y texto limitado o letra única/monograma

Todos los logotipos diferentes que cree, junto con los detalles de dónde deben usarse, deben incluirse en su kit de marca también. Y si no estás creando las variaciones de tu logotipo tú mismo, ten en cuenta que la agencia o el diseñador que las está creando debe enviar todas las variaciones junto con el logotipo original principal.

Tipos de archivo de logotipo

El tipo de archivo afecta al aspecto del logotipo a medida que se amplía y amplía. Si crea el logotipo utilizando un tipo de archivo no escalable, se verá borroso y pixelado a medida que se haga más grande. No quieres esto, quieres que tu logotipo se vea detallado y perfecto, ya sea pequeño o enorme.

Para que su logotipo sea escalable sin perder calidad, debe estar en formato vectorial, preferiblemente como un archivo PNG. Un PNG es un archivo comprimido sin pérdidas, lo que significa que el tamaño del archivo es bastante pequeño, pero se mantiene la calidad del diseño. También puede utilizar un fondo transparente con un archivo PNG, que es excelente para sitios web y otros espacios digitales. Al mostrar un logotipo en línea, su archivo PNG debe tener menos de 200 KB para que el tiempo de carga sea rápido.

Es posible que esté más familiarizado con los archivos JPG, pero no desea usar un JPG para su logotipo. Este tipo de archivo está comprimido con pérdidas, no comprimido sin pérdidas. Si bien ocupa menos espacio que un PNG porque el tamaño del archivo es un poco más pequeño, la calidad es peor y su logotipo puede verse pixelado, especialmente a medida que intenta escalarlo.

Elegir un tamaño de logotipo para su sitio web

Su logotipo irá en dos lugares principales de su sitio web: el favicon y la barra de navegación. Repasemos dimensiones específicas para esos lugares.

Tamaño del logotipo del Favicon

En un espacio pequeño como el favicon, debe usar su logotipo solo con iconos, ya que el área será demasiado pequeña para que cualquier texto sea legible. O, si su logotipo es una palabra, puede usar la primera letra de la palabra o una versión de monograma si hay dos o más palabras. En el siguiente ejemplo, verá el logotipo de una letra de Amazon que se usa en varios lugares, incluso en algunas de sus tarjetas de regalo:

Fuente: Amazon

P.D. El favicon es el pequeño icono que aparece junto al título de la página web en la barra de búsqueda, y también es lo que aparecerá en una lista de favoritos o marcadores.

Los tamaños de favicon estándar son los siguientes:

• 16 x 16 píxeles (más comunes)
• 32 x 32 píxeles
• 48 x 48 píxeles

Tamaño del logotipo de la barra de navegación

La barra de navegación o el encabezado de su sitio web a su logotipo, probablemente el estándar completo. Normalmente, el logo de sentarse en el lado izquierdo de la barra de navegación.

Mientras que el tamaño exacto dependerá de su creador de sitios web específico, es probable que las opciones de tamaño sean aproximadamente las siguientes:

• Banner completo: 468 x 60 píxeles
• Diseño horizontal: 250 x 150 píxeles; 350 x 75 píxeles; o 400 x 100 píxeles
• Diseño vertical: 160 x 160 píxeles

Esos no son los tamaños del encabezado real, los encabezados serán más grandes, pero son los tamaños a tener en cuenta al diseñar tu logotipo para que se ajuste a esos tipos de encabezados de sitios web.

Otros lugares Usarás tu Logotipo

Si vas a crear variaciones de tu logotipo para tu sitio web, también es un buen momento para hacer las versiones que necesitarás para otros lugares. Por ejemplo:

• Los anuncios y banners digitales requerirán un logotipo.
• En las redes sociales, necesitarás tu logotipo en fondos, banners, fotos de portada, fotos de perfil, publicaciones y miniaturas.
• Para las marcas con una tienda en línea que vende materiales físicos, es posible que necesite su logotipo impreso en imanes, tazas o camisetas.
• Si vende o envía materiales físicos, pondrá su logotipo en el material de envío, como cajas, sobres y tal vez incluso cinta de embalaje.Facebook Instagram

Herramientas como Canva tienen plantillas listas para usar con los tamaños ideales para gráficos en varios lugares, como tu foto de portada de Facebook o una publicación de Historias en Instagram. Puede colocar su logotipo en la plantilla y luego descargar el diseño final para usarlo donde lo necesite.

Pensamientos finales Sobre el tamaño del Logotipo para su sitio web

Cuando se trata de su logotipo, sus variaciones y dónde los coloca en su sitio web, recuerde que esto es creativo y centrado en el diseño: no hay reglas estrictas que deba seguir. Y como no es una ciencia perfecta, puedes usar tu ojo artístico y tu mejor juicio para decidir qué usar y dónde. Tu logotipo comunica mucho sobre tu empresa, y es uno de los elementos de tu marca que influirá en la percepción de la audiencia. Debe verse claro y de alta calidad, no importa donde se utiliza.

¿Su logotipo está listo para funcionar? Te mostramos cómo agregar una imagen de logotipo personalizada en Divi. También te puede gustar nuestro artículo con formas simples y creativas de mostrar tu logotipo en Divi.

Imagen destacada a través de Mas Blend/. com