Formatos de Archivo de Logo Explicados: SVG, PNG, PDF, AI, EPS

Lo único que necesitas recordar sobre los formatos de archivo de logo

Un logo no es un archivo. Es un sistema de archivos. Enviar un PNG y llamarlo entrega es la forma en que una marca parece amateur frente a clientes que pagan.

Los cinco formatos que realmente importan son SVG, PNG, PDF, AI y EPS. Cada uno tiene un trabajo. Usa el incorrecto para el trabajo incorrecto y el logo se pixela en una valla publicitaria, se niega a abrir en la máquina de un proveedor, o vuelve de la bordadora pareciendo que fue diseñado en un teléfono con tapa.

Vector vs raster, en un párrafo

Esa es la diferencia completa. Tu logo debe existir siempre en formato vector primero, con exportaciones raster generadas a partir de él.

SVG, el formato vector nativo de la web

SVG significa Scalable Vector Graphics. Es un formato basado en XML que los navegadores leen de forma nativa, lo que significa sin sobrecarga de renderizado, sin pantalla retina borrosa, sin archivo 2x separado que mantener. Colócalo en una etiqueta <img> o incrústalo directamente en HTML y escala a cualquier resolución sin un byte adicional.

Verlo en vivo en elevenlabs.io

SVG es correcto para:

• Encabezados de sitios web
• Iconos de aplicaciones
• Firmas de correo electrónico (en plataformas que lo soportan)
• Cualquier superficie digital que controles

La mayoría de las herramientas de diseño lo exportan directamente.

Dónde SVG falla:

• Microsoft Office: Word y PowerPoint tienen soporte SVG inconsistente según la versión y el sistema operativo
• Flujos de trabajo de impresión heredados: algunas herramientas de producción se atascan con SVG; usa PDF o EPS en su lugar

PNG, el fallback seguro que arruina las impresiones

PNG es raster. Almacena píxeles. Cada aplicación en la tierra abre un PNG, que es su única ventaja competitiva, y una real para contextos digitales.

Un logo a 300 DPI en una tarjeta de visita debe venir de una fuente vectorial.

Exporta siempre PNG en alta resolución, mínimo 2000px en el lado más largo, con dos versiones: fondo blanco y fondo transparente.

PDF, el formato que viaja a todos lados sin romperse

PDF incrusta datos vectoriales. Expórtalo desde Illustrator o Figma y se abre en cualquier dispositivo, completamente escalable, sin software requerido.

Ver especificaciones de impresión en moo.com

Sin problemas de fuentes. Sin activos faltantes. Sin respuestas de "no tengo Illustrator" de los proveedores.

Para trabajo de impresión, PDF es el formato de entrega vectorial más práctico:

• Las impresoras comerciales lo aceptan directamente en su flujo de trabajo
• Los proveedores de señalización lo colocan en software de diseño de gran formato
• Las bordaroras convierten desde él sin perder precisión de líneas
• Los proveedores que no tienen Illustrator pueden abrirlo de todas formas

Es el formato a enviar cuando no sabes qué aplicación usa la otra persona, lo que cubre la mayoría de los intercambios externos.

PDF es también el formato para variantes de composición (logo más eslogan, apilado, horizontal). El proveedor lo coloca directamente en InDesign o Acrobat sin paso de conversión.

AI, el archivo de trabajo que guarda tu diseñador

AI es el archivo de trabajo nativo de Adobe Illustrator, no el entregable. Almacena todo:

• Capas y objetos
• Muestras de color
• Guías y artboards
• Texto activo con las fuentes originales intactas
• Atributos de apariencia
• Colores directos

Tu diseñador guarda el archivo AI. Tú obtienes exportaciones de él. Si la relación termina y necesitas editar el logo más tarde, ese archivo AI es lo que hace posible la edición.

Los contratos deben exigir que el diseñador lo entregue al completar el proyecto. Si el tuyo no lo hizo, es una brecha que vale la pena abordar antes de necesitar hacer cambios.

Los archivos AI solo se abren completamente en Illustrator (y parcialmente en Affinity Designer). Para clientes que pegan un logo en una presentación, envía PNG. Para un proveedor que específicamente pide AI, envíalo y confirma su versión de Illustrator, ya que la compatibilidad entre versiones es poco confiable.

EPS, el formato heredado que tu imprenta todavía solicita

EPS (Encapsulated PostScript) es anterior a PDF. Era el formato estándar de intercambio vectorial antes de que PDF se volviera dominante, y los proveedores de impresión que llevan décadas en el negocio todavía lo piden por costumbre.

Ver el kit de prensa en about.gitlab.com

EPS y AI llevan los mismos datos vectoriales. La diferencia clave: EPS es más universalmente legible en software de producción antiguo, mientras que AI preserva características específicas de Illustrator como texto activo y transparencia que EPS aplana al exportar.

Cuando un proveedor pide EPS, dale EPS. Cuando nadie lo pida, PDF maneja el mismo trabajo con mejor compatibilidad en herramientas modernas.

La trampa del favicon y el avatar social

Un favicon no es un logo reducido. Es trabajo de diseño separado. A 32x32 píxeles, la mayoría de los detalles del logo desaparecen. Un wordmark con eslogan se convierte en una mancha gris, y lo que se lee con claridad a 300px se vuelve ilegible a 32px.

El proceso del favicon en tres pasos:

1. Diseña una marca de favicon dedicada, generalmente la primera letra, un monograma, o el elemento del logomark más reconocible con detalles secundarios eliminados.
2. Exporta el archivo, ya sea .ico (un contenedor para PNG a 16x16, 32x32 y 48x48) o un PNG de 192x192 que el navegador escala.
3. Maneja los avatares sociales por separado. Instagram recorta en círculo a aproximadamente 110x110px, por lo que el ícono de perfil debe ser solo el logomark, nunca la composición completa con wordmark.

El kit de entrega al cliente que Brainy envía con cada logo

Cada entrega de logo de Brainy viene en una carpeta estructurada, no en un zip de exportaciones aleatorias. Esta es la estructura exacta:

YourBrand_Logo_Kit/ ├── 01_Web/ │ ├── logo-primary.svg │ ├── logo-primary@2x.png (2000px, transparent bg) │ ├── logo-reversed.svg │ ├── logo-reversed@2x.png │ ├── icon-only.svg │ └── favicon/ │ ├── favicon.ico │ ├── favicon-192.png │ └── favicon-512.png ├── 02_Print/ │ ├── logo-primary-CMYK.pdf │ ├── logo-primary-CMYK.eps │ ├── logo-reversed-CMYK.pdf │ └── logo-reversed-CMYK.eps ├── 03_Source/ │ └── logo-master.ai └── README.txt

Cada carpeta tiene un propósito. El README contiene un párrafo de orientación sobre qué carpeta abrir para cada trabajo.

Ningún cliente debería tener que adivinar. Un kit de logo sin README es un kit diseñado para diseñadores, no para clientes.

Ver el kit de marca en brand.github.com

Haz que Brainy diseñe tu logo y obtienes el kit completo, etiquetado y estructurado, desde el primer momento.

Tabla de decisión de formatos de un vistazo

La tabla a continuación mapea cada caso de uso común al formato correcto. Imprímela, captúrala, pégala en tu Notion del estudio, lo que sea que la mantenga al alcance cuando un cliente pregunte "¿qué archivo le envío a la imprenta?"

Preguntas frecuentes

¿Cuál es la diferencia entre AI y EPS?

Ambos son formatos vectoriales. AI es el formato de trabajo nativo de Illustrator y preserva texto activo, transparencia, artboards y atributos de apariencia. EPS es más antiguo y más ampliamente legible, pero aplana esas características al exportar. Mantén AI como fuente de verdad, envía EPS cuando un proveedor lo solicite.

¿Puedo simplemente usar PNG para todo?

No. PNG se degrada cuando se imprime o se escala más allá de su tamaño de exportación. Los proveedores lo rechazarán, las máquinas de bordado no pueden usarlo. La tabla anterior muestra qué enviar en su lugar.

¿Qué hay de WebP, GIF, TIFF o BMP?

Ninguno de estos son formatos de logo. WebP es para compresión de fotos, la paleta de 256 colores de GIF arruina los bordes limpios, TIFF es para archivado, y BMP no tiene transparencia. Los cinco formatos anteriores cubren cada caso de uso legítimo de logo.

Mi diseñador solo me envió un PNG. ¿Qué hago?

Pide el kit completo: SVG, PDF, EPS y el fuente AI. Los archivos de trabajo pertenecen al cliente a menos que tu contrato diga lo contrario. Si el diseñador no responde, haz que Brainy rediseñe tu logo y obtén todos los archivos correctamente esta vez.

¿Los logos deben ser RGB o CMYK?

RGB para pantallas, CMYK para impresión. El cambio de color entre perfiles es real, así que prueba todo lo que vaya a una imprenta física. PDF y EPS para impresión deben ser CMYK a menos que el proveedor diga lo contrario.

¿Funciona SVG para firmas de correo electrónico?

En su mayoría no. Gmail, Outlook y Apple Mail manejan SVG de manera inconsistente, y algunos clientes lo eliminan por completo. Usa PNG para firmas de correo electrónico. 200px de ancho a resolución 2x es una base confiable.

¿Qué formato necesita una bordadora?

La máquina ejecuta un formato de puntada (DST, PES) que un digitalizador produce a partir de tu arte. Dale al taller tu logo vectorial como EPS o AI para que pueda trazarlo y convertirlo con precisión. Nunca envíes un PNG a un proveedor de bordado.

Envía el formato correcto desde la primera vez

SVG en el sitio web. PNG como fallback. PDF para la imprenta.

AI para ediciones futuras. EPS cuando un proveedor heredado lo requiera. Favicon diseñado como su propia marca, no redimensionado. El kit completo, etiquetado y estructurado, enviado una vez y referenciado para siempre.

Las marcas que se ven pulidas en cada punto de contacto no están usando mejores logos. Están usando los archivos correctos para cada superficie.

Para más guías prácticas de marca, explora la biblioteca completa de Brainy Papers. ¿Necesitas un sistema de logo construido y entregado correctamente desde la primera vez? Haz que Brainy diseñe tu logo.