Formatos y tamaños de archivo de logo: la lista completa

No necesitas docenas de archivos de logo — necesitas un maestro vectorial y un pequeño conjunto de exportaciones a partir de él. Conserva un SVG como fuente, exporta PNG para ubicaciones raster y un juego de favicons para navegadores, y entrega a las imprentas un PDF vectorial. Esta lista mapea cada formato y tamaño a dónde se usa.

En esta página
  1. Empieza por un maestro, exporta el resto
  2. Los formatos que necesitas
  3. Los tamaños que necesitas, por destino
  4. No olvides las variantes
  5. Organízalos y nómbralos con claridad
Una marca de logo exportándose a un archivo vectorial, un archivo raster, un favicon y un documento de impresión.
Un maestro vectorial produce cada uno de los demás archivos que necesitas — nunca al revés.

Empieza por un maestro, exporta el resto

La regla de oro de los archivos de logo: conserva un único maestro vectorial — un SVG — y genera cada uno de los demás archivos a partir de él. Como los vectores escalan sin perder calidad, puedes producir cualquier tamaño o formato más tarde. Exportar desde un archivo raster, en cambio, es como los logos acaban borrosos. Para el razonamiento completo, consulta SVG vs PNG para logos.

Los formatos que necesitas

  • SVG — tu maestro, y el formato para la web. Escalable y diminuto.
  • PNG — para ubicaciones raster de tamaño fijo: avatares sociales, algunas herramientas de correo y documentos. Admite transparencia.
  • Juego de favicons — un favicon SVG más PNG pequeños y un ICO de reserva para las pestañas del navegador. Consulta cómo crear un favicon.
  • PDF — un archivo vectorial para entregar a las imprentas; aceptado casi universalmente.
  • EPS — un formato vectorial más antiguo que algunas imprentas todavía piden.
  • Evita el JPG — sin transparencia y con compresión con pérdida que emborrona los bordes nítidos.

Los tamaños que necesitas, por destino

Una cuadrícula de destinos de logo: cabecera de web, favicon, avatar social, icono de app e impresión.
Ajusta la exportación al destino en lugar de usar un solo tamaño en todas partes.
Dónde apareceFormatoTamaño / nota
WebSVGescalable; el predeterminado en pantalla
Pestaña del navegadorSVG + ICO + PNGjuego de favicon (32) + touch icon (180)
Perfil socialPNGcuadrado, al tamaño de la plataforma
Icono de app / PWAPNG192 y 512
Correo / documentosPNGun tamaño fijo moderado
ImpresiónPDF (o EPS)vector; cualquier tamaño con limpieza

No olvides las variantes

Un conjunto completo no son solo formatos y tamaños — también son versiones: un logo a todo color, una versión de un solo color y variantes clara y oscura para distintos fondos. Estas vienen del mismo maestro e importan tanto como el tipo de archivo. Son parte de tu identidad visual.

Organízalos y nómbralos con claridad

Mantén el maestro aparte de las exportaciones, y nombra los archivos para que cualquiera pueda coger el correcto — por ejemplo logo-primary.svg, logo-white.png, favicon.svg, apple-touch-icon.png y logo-print.pdf. Una carpeta ordenada es lo que hace que un logo sea realmente utilizable meses después.

Si construyes tu logo con LogoSaga, la exportación agrupa el SVG, el PNG y un favicon.svg juntos, así que todo el conjunto ya coincide — sin buscar el archivo correcto.

Crea un logo y exporta el juego completo de archivos — es gratis

Preguntas frecuentes

¿Qué formatos de archivo necesito para mi logo?

Como mínimo: un maestro SVG, PNG para ubicaciones raster (como avatares sociales), un juego de favicons para navegadores y un PDF vectorial para impresión. Evita el JPG, que no tiene transparencia y suaviza los bordes.

¿Qué tamaño debe tener mi logo?

No hay un único tamaño — depende de la ubicación. Usa el SVG escalable en la web, exporta PNG al tamaño que recomiende cada destino, y proporciona tamaños de favicon (32 y 180) y tamaños PWA (192 y 512).

¿Qué archivo de logo necesita una imprenta?

Un archivo vectorial — normalmente un PDF (o EPS si lo piden) — para que puedan escalarlo a cualquier tamaño con limpieza. Expórtalo desde tu maestro SVG.

¿Cómo debo organizar y nombrar los archivos de logo?

Mantén el maestro SVG por separado, y nombra las exportaciones con claridad por formato y uso — por ejemplo logo-primary.svg, logo-white.png, favicon.svg, apple-touch-icon.png, logo-print.pdf.

Fuentes