Cómo preparar las versiones de tu logo, paso a paso

Tu logo tiene que funcionar en sitios muy distintos: la cabecera de la web, la foto de perfil de Instagram (que es redonda), el icono que aparece en la pestaña del navegador, una factura en blanco y negro, un sello de caucho o el cristal del escaparate. Si solo tienes un archivo, normalmente un JPG con fondo blanco, en alguno de esos sitios va a quedar mal: cortado, diminuto, con un recuadro blanco alrededor o imposible de leer.

La solución no es tener otro logo, sino tener versiones del mismo. Es lo que hacemos los diseñadores al entregar una identidad: un pequeño kit con cada variante preparada para su uso. Te explico paso a paso cómo montarlo, aunque no seas diseñador.

Qué versiones necesita un pequeño negocio

Con estas cuatro tienes cubiertos casi todos los usos:

• Principal: la completa, la que más usas. Suele ser horizontal (símbolo a la izquierda y nombre a la derecha), porque encaja bien en cabeceras de web y en documentos.
• Vertical o compacta: el símbolo encima del nombre. Para espacios más cuadrados, como un cartel, una etiqueta o la portada de un catálogo.
• Símbolo o iniciales: solo el dibujo, o las iniciales del nombre. Es la que va en la foto de perfil de redes, en el icono de la web y en tamaños muy pequeños.
• A una tinta: todo en un solo color, en dos variantes: oscura (para fondos claros) y blanca (para fondos oscuros o fotos).

Paso 1. Reúne los archivos que ya tienes

Busca en tu ordenador, en tu correo y en lo que te entregó quien hizo el logo. Fíjate sobre todo en la extensión del archivo:

• SVG, AI, EPS o PDF: son archivos vectoriales, es decir, dibujados con formas y no con píxeles. Se pueden ampliar sin perder calidad. Si tienes alguno, guárdalo como oro: es tu archivo original.
• PNG: de píxeles, pero admite fondo transparente. Útil para la web y para documentos.
• JPG: de píxeles y siempre con fondo. Sirve para poco más que una foto del logo.

Si solo tienes un JPG pequeño, mira antes cómo comprobar si una imagen tiene suficiente calidad. Si se ve borroso al ampliarlo, conviene redibujarlo en vectorial antes de seguir.

Paso 2. Decide la versión principal y sus colores

Elige cuál es la versión que se usará por defecto y anota sus datos en un documento sencillo:

• Los colores exactos, con su código (por ejemplo, #1F2A44). Si no los tienes claros, aquí te contamos cómo definir y usar los colores de tu marca.
• La tipografía del nombre, si es una fuente concreta.
• Un tamaño mínimo: el ancho por debajo del cual el nombre ya no se lee bien. Pruébalo imprimiéndolo y mirándolo en el móvil.

Paso 3. Prepara la versión vertical y el símbolo

Parten de la principal: no cambies colores ni letras, solo la colocación.

Versión vertical

Coloca el símbolo centrado encima del nombre. Mantén la misma proporción entre los dos que en la principal y deja un espacio entre ellos parecido al que había en horizontal.

Símbolo o iniciales

Si tu logo tiene un dibujo, sepáralo del texto. Si es solo un nombre, prueba con la inicial o las iniciales dentro de una forma sencilla. La prueba de fuego: que se reconozca dentro de un círculo pequeño, del tamaño de una foto de perfil vista en el móvil. Si tiene detalles muy finos que desaparecen, simplifícalo.

Paso 4. Crea las versiones a una tinta

• Oscura: todo el logo en un único color, el más oscuro de tu marca o negro. Es la que funcionará en una factura en blanco y negro, un sello o un grabado.
• Blanca: todo en blanco, para poner sobre fotos o fondos de color.

Si tu logo tiene degradados o sombras, en estas versiones se quitan. Comprueba que, sin ellos, se sigue entendiendo.

Paso 5. Define el espacio de respeto

Es el margen vacío que debe haber siempre alrededor del logo para que no quede pegado a otros textos, al borde de la página o a otra imagen. Una forma fácil de medirlo: toma como referencia la altura de una letra del nombre (por ejemplo, la «o») y deja como mínimo ese espacio por los cuatro lados. Así lo podrás explicar a cualquiera sin hablar de milímetros.

Paso 6. Exporta los formatos útiles

Por cada versión, guarda:

• Un SVG (o PDF vectorial), para imprenta, rotulación y como original.
• Un PNG con fondo transparente a buen tamaño, para web y documentos. Si lo vas a subir a tu web, optimízalo como te explicamos en la guía básica para optimizar imágenes.
• Un PNG o JPG cuadrado del símbolo con fondo de color, para las fotos de perfil.

Para el icono de la pestaña del navegador (el llamado favicon), usa la versión de símbolo. Tu plataforma web te indicará el tamaño que necesita; casi siempre es una imagen cuadrada.

Paso 7. Ordénalo y compártelo

Crea una carpeta «Logo» con una subcarpeta por versión y nombres claros, por ejemplo logo-principal-color.svg o logo-simbolo-blanco.png. Añade una hoja de una página con:

• Las cuatro versiones y cuándo usar cada una.
• Los códigos de color y la tipografía.
• El tamaño mínimo y el espacio de respeto.
• Un par de usos incorrectos: estirarlo, cambiarle el color o ponerlo sobre una foto en la que no se lee.

Lista rápida para guardar

• Archivo original vectorial localizado (o redibujado).
• Versión principal, vertical, símbolo y a una tinta (oscura y blanca).
• Colores, tipografía y tamaño mínimo anotados.
• Espacio de respeto definido.
• SVG y PNG transparente de cada versión, en una carpeta compartida.

Un logo no es un archivo: es un pequeño sistema que se adapta a cada sitio sin dejar de ser el mismo.

Si al revisar tus archivos descubres que solo tienes un JPG borroso, o quieres que tu logo tenga sus versiones bien resueltas y una guía sencilla para usarlo, en Online Navarra me encargo de preparar y ordenar la identidad visual de pequeños negocios. Cuéntame qué necesitas.