Logo en SVG, PDF o PNG: qué archivos necesita
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ística | Vector (SVG, PDF, EPS, AI) | Mapa de bits (PNG, JPG) |
|---|---|---|
| Escalado | Sin pérdidas, del favicon a la lona | Sin pérdidas solo al reducir |
| Fondo transparente | Sí | PNG sí, JPG no |
| Edición de colores | Sencilla, cada forma por separado | Difícil, el color está fijado en los píxeles |
| Plotter de corte, bordado, grabado | Imprescindible | Inservible si no se redibuja |
| Vista previa sin programa de diseño | SVG en el navegador, PDF en el lector | Se 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.
| Uso | Mejor formato | Observaciones |
|---|---|---|
| Impresión: tarjetas de visita, flyers, carteles | PDF vectorial (o EPS, AI) | Colores CMYK, fuentes en curvas |
| Lona, roll-up, rótulo | PDF vectorial | El vector escala sin límite |
| Página web | SVG | Nítido en pantallas de alta densidad de píxeles, archivo ligero |
| Redes sociales, avatar | PNG | Mínimo 1000 px, avatar solo con el símbolo |
| Documentos de Word, presentaciones | PNG con fondo transparente | Unos 1000–2000 px de ancho |
| Vinilo, plotter de corte, pegatinas troqueladas | SVG, PDF o EPS | Colores planos, sin degradados ni sombras |
| Bordado | Vector (SVG, PDF) | El taller crea a partir de él su propio archivo de máquina |
| Grabado, láser, sello | Vector a una tinta | Contornos limpios, sin medios tonos |
| Favicon | PNG o SVG | Por 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.
- Para vinilo: vector, colores como rellenos planos y trazos convertidos en formas.
- Para bordado: vector y referencias Pantone, además de una versión simplificada para tamaños pequeños.
- Para grabado: una sola tinta, sin sombreados.
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ón | Dónde la usará |
|---|---|
| A todo color CMYK | Impresión: flyers, carteles, tarjetas de visita, lonas |
| A todo color RGB/HEX | Página web, redes sociales, presentaciones |
| Negra | Facturas, sellos, grabado, impresión a una tinta |
| Blanca (negativo) | Fondos oscuros, fotos, artículos promocionales oscuros |
| Símbolo | Avatar, 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.
- Prueba de ampliación: abra el PDF o el SVG y amplíelo al 1000–2000 %. Un vector mantiene los bordes perfectamente lisos; un mapa de bits mostrará píxeles o desenfoque.
- Vista de contornos: en Illustrator (Ctrl+Y) o en Inkscape verá las líneas finas de los trazados. Si solo ve un rectángulo, lo que hay dentro es una imagen.
- Prueba de selección: en el programa de diseño, haga clic en una letra o una forma. En un vector podrá seleccionar cada elemento por separado, con sus puntos de ancla.
- Código del SVG: abra el archivo con el Bloc de notas. Las etiquetas path indican vector; una etiqueta image con una larga cadena de caracteres base64 indica un mapa de bits incrustado.
- Calco automático: el exceso de puntos, las líneas onduladas y los «escalones» en las curvas delatan un vector generado automáticamente a partir de un PNG. Para imprimir suele bastar, pero para bordado y vinilo es mejor redibujarlo a mano.
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 €.
- Carpeta VECTOR: PDF, SVG y, si procede, EPS o AI, en versiones CMYK y RGB.
- Carpeta PNG: versiones en color, negra y blanca de 500, 1000 y 2000 px.
- Archivo de colores: valores CMYK, RGB, HEX y Pantone.
- Archivo fuente editable, si así lo prevé el contrato con el diseñador.
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.