Directrices sobre el tamaño del logotipo para el sitio web de tu empresa

Una gran parte de la identidad visual de tu negocio es tu logotipo. Tu logotipo es lo que simboliza tu marca. Atrae la atención de tu público hacia tu negocio. Por tanto, encontrar el logotipo adecuado para tu negocio es un paso vital en tus estrategias de marketing y promoción. Hay muchas cosas que hay que tener en cuenta a la hora de crear tu logotipo, y una de ellas es decidir el mejor tamaño del logotipo que debes utilizar. En este artículo, hablaremos de las diferentes dimensiones del logotipo. El objetivo es guiarte para que tengas el tamaño correcto de un logotipo colocado en tu sitio web y en otras plataformas online.

Dimensiones del logotipo

Aunque el diseño de tu logotipo es la estrella, ten en cuenta que no tendrá mucho impacto si no tiene el tamaño del logotipo más adecuado a las circunstancias. Aunque hay ciertos tamaños de logotipos estándar, generalmente varían en función del lugar en el que pienses colocarlo. Recuérdalo cuando crees tu logotipo. Ten cuidado de no utilizar en tu logotipo imágenes, símbolos o tipografía que no queden bien en determinadas dimensiones del logotipo. Lo mejor es crear un logotipo que sea personalizable y adaptable, sea cual sea el tamaño del logotipo que publiques. También es importante tener en cuenta que tu logotipo no tiene que ser siempre completo en sí mismo, es decir, hay casos en los que sólo debes incluir el icono de tu logotipo (Favicon) porque es lo apropiado.

Antes de entrar en los detalles de cuál es el mejor tamaño del logotipo, aquí hay algunos datos sobre los logotipos y las dimensiones de los mismos que debes conocer y comprender:

- Los logotipos suelen medirse en píxeles. Cuantos más píxeles, más detalles puedes mostrar, y mejor es su calidad. Un PNG es el formato de archivo que suele admitir mejor los logotipos y los diferentes tamaños de los mismos, porque se miden en píxeles y admiten la transparencia. Los archivos PNG también son más eficientes para usar en línea, ya que tienen un tamaño reducido.

- Los logotipos SVG son imprescindibles. Un archivo SVG es un tipo de archivo que puede escalarse infinitamente. Es decir, se puede escalar prácticamente a cualquier tamaño de logotipo. Los logotipos SVG son logotipos vectoriales, por lo que es el tipo de logotipo que no se mide en píxeles. La ventaja de tener uno como archivo maestro es que puedes modificar el tamaño del logotipo e imprimir el mejor para el trabajo.

- Ten diferentes versiones de tu logotipo. Aunque puede ser una tarea ardua crear diferentes versiones de tu logotipo, tener variaciones horizontales, cuadradas, verticales y circulares de tu logotipo te ayudará más a llevarlo al mejor tamaño del logotipo y a mostrarlo de la mejor manera posible. Además, esto también va con los diferentes colores y fondos que crees. Tener un logotipo en blanco y negro y otro transparente puede resultar útil en muchas circunstancias. Esto te permitirá ser flexible para poner tu logotipo donde quieras y utilizarlo de la forma que quieras.

- No hay un tamaño de logotipo que sirva para todos. Es decir, tienes que tener en cuenta que con todas las diferentes plataformas -tanto online como offline- que existen y se utilizan en los negocios hoy en día, no puedes esperar tener un único y mejor tamaño para los logotipos que utilizarías en las diferentes plataformas. Es útil tener un documento o una lista que indique cuál es el mejor tamaño de logotipo para cada una de estas plataformas. Esto te ayuda a ser coherente.

Esta información pretende ayudarte a entender mejor cómo preparar tus logotipos. Ahora, pasemos a la estrella principal de este artículo. En la siguiente sección, hablaremos de las diferentes dimensiones de los logotipos que se utilizan habitualmente. Aunque la mayoría consideraría que estos logotipos tienen el tamaño estándar, harías bien en recordar que tú tienes la última palabra sobre cuál es el mejor tamaño de logotipo para cualquiera de tus empresas.

1. Favicon

Favicon

Imagen obtenida de Strikingly

Los favicones son los logotipos que suelen tener el tamaño más pequeño. Y con razón, porque se trata de un logotipo especial que se muestra en la barra de direcciones del navegador de tu sitio web, justo antes de la dirección o el nombre de tu sitio web. No tiene texto, ni mucho diseño, y lo más habitual es que se publique en el tamaño del logotipo, de 16x16 píxeles. Sin embargo, también puedes crearlos con las dimensiones del logotipo 32x32 px o 48x48px. Lo ideal es que tus favicons puedan representar realmente tu marca incluso sin muchos de los detalles que tienen la mayoría de los logotipos de las marcas. Observa cómo el favicon del sitio web de Strikingly está diseñado con los colores de Strikingly y la misma "S" de la tipografía de la marca Strikingly.

2. Plataformas de medios sociales

Plataformas de medios sociales

Imagen obtenida del usuario de Strikingly

Hay muchas plataformas de medios sociales que puedes aprovechar al máximo. Incluso puedes añadir un feed de redes sociales en tu sitio web de Strikingly para ampliar tus conexiones y tu alcance. Y tanto si utilizas tu logotipo como foto de perfil, como miniatura o como foto de portada, hay un tamaño de logotipo adecuado que debes utilizar. Como consejo adicional, te animamos a que también coloques un pequeño logotipo en cada una de tus publicaciones en las redes sociales, una práctica que es útil en el marketing y a la que, sin embargo, no se presta mucha atención. Por último, he aquí algunas de las dimensiones de los logotipos que debes tener en cuenta al utilizar estos sitios:

Foto de perfil de Instagram - 110x110px

Logotipo de Instagram en la publicación - 30x30px

Foto del perfil de Facebook - 200x200px

Foto de portada de Facebook - 820x312px

Logotipo de Facebook en la publicación - 50x50px

Foto del perfil de Twitter - 400x400px

Foto de portada de Twitter - 1500x1500px

Logotipo de Twitter en la publicación - 50x50px

Foto del perfil de Youtube - 800x800px

Foto en miniatura de Youtube - 1280x720px

Foto del perfil de LinkedIn - 160x60px

Foto de portada de LinkedIn - 1128x191px

Foto del perfil de Pinterest - 800x450px

3. Banner del sitio web

Algunas empresas consideran que lo mejor es que su logotipo sea el cartel de bienvenida del sitio web de su negocio. Esto significa que para ellos, el mejor tamaño de logotipo es el más grande. Con el constructor de sitios web, Strikingly, las imágenes de ancho completo o los logotipos tienen que ser de al menos 1400px para que se produzcan con la máxima calidad. Echa un vistazo a la página web de Strikingly que aparece a continuación. Este es un buen ejemplo de un logotipo utilizado como banner de su sitio web. Cuando creas un sitio web con Strikingly, ésta es una de las mejores formas de posicionar tu logotipo. Asegúrate de que sigues el tamaño estándar necesario para el logotipo, de modo que no tengas un banner de imagen de baja calidad dando la bienvenida a los visitantes de tu sitio.

Banner del sitio web
Imagen obtenida del usuario de Strikingly

4. Encabezados del sitio web

Strikingly también te da más opciones para colocar tu logotipo, además de la posición del banner del sitio web. Dependiendo de la plantilla que hayas seleccionado y/o de las modificaciones que hayas hecho en tu sitio web, puedes poner un logotipo en tres lados diferentes de la cabecera. Normalmente, el tamaño del logotipo que debes poner en la cabecera de tu sitio web es de al menos 700px o menos. Todo depende de lo grande que quieras que sea. Y las plantillas de Strikingly suelen ajustar el tamaño del logotipo en consecuencia. Por lo tanto, todo lo que tienes que hacer es decidir qué tamaño y variación del logotipo funcionaría mejor para la posición en la que quieres ponerlo.

Encabezados del sitio web

Imagen obtenida del usuario de Strikingly

Esta primera posición está en el centro de la cabecera de tu sitio web. El tamaño del logotipo es medio. Probablemente el tamaño de un logotipo como éste sea de 480px. Fíjate en que este logotipo tiene un nombre y un símbolo al lado. Pero además, este sitio web de Strikingly también te permite añadir una versión pequeña del logotipo en la parte central después del menú. Esta versión más pequeña es mejor que tenga al menos 100px de ancho. Y seguirá viéndose a medida que los visitantes de tu sitio se desplacen por él.

La posición de un logotipo es a la izquierda de la cabecera

Imagen obtenida del usuario de Strikingly

En segundo lugar, la siguiente posición de un logotipo es a la izquierda de la cabecera. Esto suele ser lo mejor si tienes un logotipo en posición más horizontal, como se ve en este sitio web de Strikingly de arriba. Los mejores tamaños de logotipo para estos tipos siguen siendo similares a los mencionados anteriormente. Ten cuidado de no forzar tu logotipo en esta posición si no se ve bien.

Ten cuidado de no forzar tu logotipo en esta posición si no se ve bien.

Imagen obtenida del usuario de Strikingly

Si quieres que tu logotipo esté en la parte superior izquierda de tu sitio web, puedes utilizar esta plantilla de Strikingly. El tamaño del logotipo del tipo que ves arriba es de al menos 360px de ancho o inferior. Con esta plantilla de sitio web de Strikingly, esta barra lateral/encabezado se mantiene tal cual mientras los visitantes de tu sitio se desplazan por él. Por lo tanto, el mejor tamaño de logotipo es el que será visible, memorable pero no demasiado abrumador.

Aquí tienes otras dimensiones de logotipos que debes tener en cuenta:

Tamaños de logotipos grandes:

235x64px

250x150px

391x56px

350x75px

400x100px

1280x720px

1024x1024px

Tamaños de logotipos medianos:

109x64px

120x61,8px

160x160px

190x60px

300x75px

1000x200px

Tamaños de logotipos pequeños

40x40px

76x76px

80x24px

El mejor tamaño del logotipo a utilizar varía de una empresa a otra. Recuerda que, aunque es totalmente normal y útil inspirarse en otros sitios web y marcas de éxito, al final eres tú quien debe decidir qué tamaño del logotipo es el mejor para ti, tu negocio y tu sitio web. Sé estratégico pero creativo. Asegúrate de que tu logotipo se vea y que sea de alta calidad. Hay muchos consejos y trucos sobre la creación del logotipo que te sirven de guía, además de éste. Es útil incluir e insertar tus logotipos en cualquier lugar, tanto como puedas, pero ten cuidado de no excederte. Los clientes tienden a cansarse e irritarse cuando ven demasiado de algo. Por tanto, tienes que ser muy inteligente en el tamaño y la posición de tu logotipo en tu sitio web. Regístrate ahora y deja que Strikingly te ayude a diseñar tu sitio web y te dé el poder de llevar tu logotipo al mejor tamaño posible.