wielkareklama.eustudio
Inicio › Guías › Logotipo y marca

Logo en SVG, PDF o PNG: qué archivos necesita

Logotipo y marca8 min de lectura · Actualizado:

En resumen

Para su logo necesita como mínimo tres archivos. El primero es un SVG vectorial, para la web, el plotter de corte de vinilo, el bordado y el grabado. El segundo es un PDF o EPS vectorial con las fuentes convertidas a curvas, válido para cualquier impresión, desde una tarjeta de visita de 85×55 mm (o 90×50 mm) hasta una lona de 5 m. El tercero es un PNG con fondo transparente, para redes sociales, documentos y presentaciones. Guarde el PNG en varios tamaños, por ejemplo de 500, 1000 y 2000 px de ancho. Si para imprimir solo tiene un mapa de bits, este debe tener unos 300 DPI a escala 1:1: un logo de 50 mm de ancho necesita unos 600 px.

La imprenta le pide el «logo en vector», el taller de bordado un «archivo para picar» y el diseñador de redes sociales un «PNG sin fondo». Los tres tienen razón, porque cada archivo sirve para algo distinto. En esta guía le explicamos qué diferencia hay entre un vector y un mapa de bits. También verá qué formato de logo enviar a imprenta, a la web, al bordado y al vinilo, y cómo preparar las versiones de color. Por último, le enseñamos a comprobar en un minuto si su archivo es un vector de verdad o una imagen que se hace pasar por vector.

Vector y mapa de bits: ¿en qué se diferencian?

Un mapa de bits (PNG, JPG) es una cuadrícula con un número fijo de píxeles. Si se amplía por encima de su resolución original, los bordes se vuelven dentados y borrosos, y esa información ya no se puede recuperar. Un vector (SVG, PDF, EPS, AI) describe las formas de manera matemática, con puntos y curvas. Por eso puede escalarlo cuanto quiera sin perder calidad.

El logo siempre debe crearse y archivarse como vector. A partir de él se exportan los mapas de bits para cada uso concreto, en el tamaño que haga falta. El camino inverso, convertir un PNG en vector, exige redibujarlo a mano o conformarse con un calco automático lleno de concesiones.

CaracterísticaVector (SVG, PDF, EPS, AI)Mapa de bits (PNG, JPG)
EscaladoSin pérdidas, del favicon a la lonaSin pérdidas solo al reducir
Fondo transparenteSíPNG sí, JPG no
Edición de coloresSencilla, cada forma por separadoDifícil, el color está fijado en los píxeles
Plotter de corte, bordado, grabadoImprescindibleInservible si no se redibuja
Vista previa sin programa de diseñoSVG en el navegador, PDF en el lectorSe abre en cualquier sitio

¿Qué archivo de logo para cada uso?

La tabla siguiente es una chuleta práctica. En caso de duda, envíe el vector. A partir de él, cualquier proveedor exporta lo que necesita, mientras que de un mapa de bits ya no puede sacar un vector.

En gran formato también cuenta la escala. Las lonas y los roll-ups se preparan a menudo a escala 1:10, y en ese caso un mapa de bits necesitaría una resolución proporcionalmente mayor. Con un vector, este problema desaparece por completo.

UsoMejor formatoObservaciones
Impresión: tarjetas de visita, flyers, cartelesPDF vectorial (o EPS, AI)Colores CMYK, fuentes en curvas
Lona, roll-up, rótuloPDF vectorialEl vector escala sin límite
Página webSVGNítido en pantallas de alta densidad de píxeles, archivo ligero
Redes sociales, avatarPNGMínimo 1000 px, avatar solo con el símbolo
Documentos de Word, presentacionesPNG con fondo transparenteUnos 1000–2000 px de ancho
Vinilo, plotter de corte, pegatinas troqueladasSVG, PDF o EPSColores planos, sin degradados ni sombras
BordadoVector (SVG, PDF)El taller crea a partir de él su propio archivo de máquina
Grabado, láser, selloVector a una tintaContornos limpios, sin medios tonos
FaviconPNG o SVGPor ejemplo, 32×32 y 180×180 px, símbolo simplificado

Bordado y vinilo: por qué aquí no basta un mapa de bits

El plotter de corte y la máquina de bordar no ven píxeles, solo trazados. El plotter corta con una cuchilla siguiendo el contorno, así que cada color tiene que ser una forma independiente y cerrada. Los degradados, las sombras y las semitransparencias no se pueden reproducir en vinilo sin impresión. Además, las líneas muy finas pueden despegarse al pelar el vinilo sobrante. El grosor mínimo de cada elemento depende del tipo de vinilo y del tamaño de la pegatina, así que consúltelo con su proveedor.

En bordado, cada color equivale a un hilo, y los textos pequeños se empastan fácilmente en la puntada. Los talleres suelen desaconsejar textos de menos de unos 5–6 mm de altura, aunque el límite depende del tejido y del tipo de puntada. Por eso conviene tener una versión simplificada del logo: menos detalles, líneas más gruesas y, como mucho, unos pocos colores con su referencia Pantone.

Fondo transparente: PNG, SVG y trampas habituales

PNG, SVG y PDF admiten fondo transparente. El JPG, en cambio, siempre tiene fondo, casi siempre blanco, que sobre una foto o una lona de color forma un rectángulo antiestético. Por eso, para redes sociales y documentos, elija PNG y no JPG.

Cuidado con la «falsa transparencia»: un PNG en el que el damero gris y blanco está pintado en los píxeles. Abra el archivo sobre un fondo oscuro, por ejemplo con el modo oscuro del navegador. Si ve el damero o un marco blanco, el fondo no es transparente. En impresión, recuerde también que el blanco equivale a ausencia de tinta. Un logo blanco sobre vinilo transparente o sobre un soporte de color requiere impresión con tinta blanca, y no todas las máquinas la ofrecen.

Versiones de color del logo: cuáles preparar

Una única versión en color no basta, porque el logo acaba sobre fondos distintos y en técnicas distintas. El juego mínimo incluye la versión a todo color, la negra (monocromática) y la blanca (negativo para fondos oscuros). También conviene tener la composición horizontal, la vertical y el símbolo por separado, es decir, el signo gráfico sin el nombre.

Guarde los colores en varios sistemas. El CMYK es para impresión, el RGB y el HEX para pantalla, y el Pantone para tintas directas, vinilo, serigrafía y elección de hilos en bordado. El mismo «azul corporativo» en RGB puede salir en papel claramente más apagado tras una conversión automática a CMYK. Por eso es mejor definir los valores CMYK de forma consciente y no dejarlo en manos del automatismo.

VersiónDónde la usará
A todo color CMYKImpresión: flyers, carteles, tarjetas de visita, lonas
A todo color RGB/HEXPágina web, redes sociales, presentaciones
NegraFacturas, sellos, grabado, impresión a una tinta
Blanca (negativo)Fondos oscuros, fotos, artículos promocionales oscuros
SímboloAvatar, favicon, bordado en superficies pequeñas

¿Cómo reconocer un vector de verdad?

La extensión del archivo no garantiza nada. Un PDF, un EPS e incluso un SVG pueden contener dentro un simple mapa de bits, y cambiar el nombre de .png a .svg no crea un vector. Antes de enviar el archivo a la imprenta o al taller de bordado, haga unas cuantas pruebas sencillas.

Fuentes, contornos y paquete de archivos para entregar

En el archivo vectorial para imprenta, convierta los textos en curvas (en Illustrator: Crear contornos). Si no lo hace, una imprenta que no tenga su fuente verá otra tipografía o un error. Convierta también en formas las líneas con grosor de trazo fijo, porque de lo contrario pueden comportarse de forma imprevisible al escalar.

Compruebe la legibilidad del logo en el uso real más pequeño, por ejemplo con unos 15 mm de ancho en la tarjeta de visita y 32 px en el favicon. Si los detalles desaparecen, prepare una versión simplificada. Ordénelo todo en carpetas con nombres claros, por ejemplo empresa-logo-horizontal-cmyk.pdf o empresa-simbolo-blanco.png. Un paquete preparado así es lo que recibe, por ejemplo, con el servicio «Diseño de logo» de plakaty.shop (wielkareklama.eu studio): 10 propuestas en PNG, SVG y PDF vectorial por 47 €.

Lista de comprobación

  • Tiene el logo en vector (PDF o SVG) y ha superado la prueba de ampliación
  • Los textos y los trazos están convertidos en curvas
  • La versión para imprenta está en CMYK y la de pantalla en RGB/HEX
  • El PNG tiene un fondo realmente transparente, comprobado sobre un fondo oscuro
  • Dispone de versión en color, negra, blanca y del símbolo por separado
  • Para vinilo y bordado ha preparado una versión simplificada con colores planos y referencias Pantone
  • El logo es legible en el tamaño más pequeño en el que vaya a usarlo
  • Los archivos tienen nombres claros y están organizados en carpetas
  • Ha revisado todos los textos del logo y de los materiales antes de imprimir

Preguntas frecuentes

¿En qué formato debo enviar el logo a la imprenta?

Lo más seguro es un PDF vectorial con los textos convertidos en curvas y los colores en CMYK. Las imprentas también aceptan EPS y AI. Si solo tiene un PNG, debe tener unos 300 DPI al tamaño final, algo que en formatos grandes muchas veces resulta imposible.

¿El PNG es un archivo vectorial?

No, el PNG es un mapa de bits formado por píxeles. Tiene la ventaja del fondo transparente, pero pierde nitidez al ampliarlo. Son vectoriales el SVG, el PDF (si contiene trazados), el EPS y el AI.

¿Cómo convierto un logo PNG en vector?

El mejor resultado se obtiene cuando un diseñador redibuja el logo a mano en un programa vectorial. El calco automático (por ejemplo, en Illustrator o Inkscape) funciona bien con símbolos sencillos de una sola tinta, pero con detalles y letras deja bordes irregulares. Para bordado y vinilo, ese calco automático suele necesitar retoques.

¿SVG o PNG para la página web?

Para el logo de la web es mejor el SVG: se ve nítido en cualquier pantalla, suele pesar menos y su color se cambia fácilmente con CSS. Elija PNG donde no se admita SVG, por ejemplo en algunas plataformas de email marketing, y como avatar en redes sociales.

¿Qué resolución de PNG necesito para el logo en redes sociales?

Basta con un PNG de 1000–2000 px de ancho con fondo transparente. Para la foto de perfil, prepare un cuadrado solo con el símbolo, porque las redes recortan el avatar en círculo y lo reducen a unas pocas decenas de píxeles.

¿Un PDF siempre es un vector?

No. El PDF es un contenedor que puede incluir tanto trazados vectoriales como una imagen corriente. Amplíe el archivo a un 1000 % o intente seleccionar letras sueltas. Si ve píxeles o se selecciona un rectángulo entero, lo que hay dentro es un mapa de bits.

Lea también

Logotipo y marcaCómo diseñar un logo para una pequeña empresa: tipos, principios, pruebas y erroresLogotipo y marcaIdentidad visual de una pequeña empresa: por dónde empezarLogotipo y marcaCómo elegir el nombre de una empresa y comprobar si está libreSectoresPublicidad para hostelería: folletos, carteles, cartas y diseños — ideas y ejemplos

Todas las guías →