Logo de alta resolución: tamaños, DPI y exportaciones a prever
Guía práctica sobre tamaños de logo, DPI, master vectorial, archivos web, impresión y variantes para redes o documentos.
Un logo puede verse perfecto en una maqueta y perder nitidez al colocarlo en una factura, un rótulo, una presentación o una foto de perfil. El problema no siempre está en el diseño. Muy a menudo está en los archivos entregados: tamaño en píxeles, resolución, DPI, PPI, SVG, PNG, PDF, versiones retina y nombres poco claros.
La regla práctica es sencilla: un logo profesional necesita un master vectorial y exportaciones bitmap preparadas para usos concretos. El vector es la base porque escala sin perder nitidez. PNG, JPG o WebP no sustituyen ese master; sirven para redes, documentos, presentaciones, miniaturas y herramientas que no aceptan archivos vectoriales.
Las buenas prácticas actuales apuntan en esa dirección. Google Search Central recomienda imágenes integradas con elementos HTML estándar, un src de respaldo y variantes responsive cuando aportan valor. Las guías de producción impresa siguen usando 300 DPI al tamaño final como referencia para imágenes raster. Herramientas como Illustrator, Affinity Designer o Figma permiten exportar un mismo logo para varios canales.
Esta guía explica qué tamaños, DPI y exportaciones prever para que tu identidad se mantenga nítida en un encabezado web, un favicon, una tarjeta, un dossier comercial, un textil o un rótulo grande.
1. Píxeles, DPI, PPI y vector
El tamaño en píxeles describe una imagen raster: por ejemplo 1024 × 1024 px. Esos píxeles son cuadrados de color fijos. Si amplías demasiado la imagen, el programa inventa píxeles intermedios y los bordes se vuelven blandos o dentados. Por eso un logo sacado de una captura no puede convertirse en un rótulo limpio sin redibujarse.
DPI significa puntos por pulgada y se relaciona principalmente con impresión. Se usa a menudo como sinónimo de resolución, pero el número no dice gran cosa sin una medida física. Un archivo de 3000 px de ancho puede imprimirse bien a unas 10 pulgadas a 300 DPI. Si se imprime mucho más grande, la densidad baja. La pregunta real no es solo “¿cuántos DPI?”, sino “¿cuántos píxeles para qué tamaño impreso?”.
PPI, o píxeles por pulgada, describe la densidad de píxeles en una imagen digital o pantalla. En el uso diario, muchos programas mezclan etiquetas DPI y PPI. Para decidir, piensa así: en web importan píxeles y peso; en impresión importan tamaño final y densidad; para el master del logo, el vector es la opción preferente.
Un logo vectorial se construye con trazados, curvas y formas en vez de píxeles fijos. Puede reducirse en una tarjeta o ampliarse en una lona sin volverse borroso. Por eso nuestra guía Logo PNG vs SVG vs AI: qué formato elegir distingue entre archivo fuente, formatos escalables y exportaciones cotidianas.
2. Tamaños útiles para web
Para sitios web, SVG suele ser la opción más limpia si el logo no es demasiado complejo. Se mantiene nítido en pantallas de alta densidad, se adapta a distintos tamaños de layout y normalmente pesa menos que un PNG grande. Funciona bien en cabeceras, pies, interfaces SaaS, landing pages y menús.
Cuando haga falta un PNG, prepara varias tallas en lugar de un archivo enorme. Si un logo horizontal se muestra a 180 px de ancho en la cabecera, una versión de 360 px o 540 px cubre pantallas 2x o 3x. Para una marca cuadrada o icono, conserva exportaciones de 512 px, 1024 px y 2048 px. Cargar un logo de 4000 px en un header pequeño ralentiza sin mejorar la percepción.
Las imágenes responsive buscan enviar el activo adecuado a cada pantalla. Google recomienda conservar una URL de respaldo en src incluso al usar srcset o picture. Un logo no siempre necesita una configuración compleja, pero nunca debería ser un PNG diminuto estirado con CSS ni un bitmap gigante usado en todas partes.
La transparencia también cuenta. Un PNG transparente es útil en herramientas que no usan SVG, pero debe exportarse sin halo blanco, fondo accidental o margen enorme. SVG también puede tener transparencia y funciona mejor en muchas interfaces modernas. Nuestra guía de logo responsive explica por qué una marca necesita versiones simplificadas y no solo el mismo símbolo reducido en cada pantalla.
3. Requisitos de impresión
Para impresión, el vector es casi siempre más seguro. Una imprenta, un rotulista, un bordador o un proveedor de merchandising preferirá a menudo PDF vectorial, EPS o archivo fuente. Estos formatos conservan bordes nítidos y permiten ajustar colores, medidas y separaciones técnicas si hace falta.
Cuando debas entregar raster, la referencia clásica es 300 DPI al tamaño final. Un logo impreso a 4 pulgadas de ancho debería tener al menos 1200 px de ancho. A 8 pulgadas, alrededor de 2400 px. En soportes grandes vistos de lejos puede bastar menos densidad, pero esa decisión depende del proveedor y de la distancia de lectura.
Cambiar solo el valor DPI en Photoshop no arregla un logo pequeño. Si la imagen original no tiene suficientes píxeles, pasar de 72 a 300 DPI modifica metadatos, reduce el tamaño imprimible o interpola. No recrea detalle vectorial. La solución correcta es exportar de nuevo desde la fuente o redibujar el logo en vector.
El modo de color también importa. Los activos web suelen estar en RGB, mientras que la impresión profesional usa CMYK o un perfil concreto pedido por el proveedor. Los colores vivos pueden cambiar entre pantalla y papel. Nuestro artículo sobre logos para soportes impresos profundiza en esos controles de producción.
4. Redes, documentos y correo
Las plataformas sociales suelen recortar en cuadrados, círculos o banners. Un logo horizontal completo puede quedar ilegible como foto de perfil; normalmente necesitas un icono, monograma o marca simplificada. Prepara al menos una exportación cuadrada de 1024 × 1024 px con margen de seguridad y deja que la plataforma reduzca.
La nitidez en LinkedIn, Instagram, YouTube, TikTok o marketplaces depende tanto del recorte como de la resolución. Una marca demasiado cerca del borde puede cortarse en una máscara circular. Un logo con texto fino puede desaparecer en miniatura. La versión social debe pensarse para avatares: menos detalle y más aire.
Las herramientas de oficina tienen límites propios. Word, PowerPoint, Google Slides y constructores de firma aceptan PNG transparentes con más facilidad que archivos fuente. Entrega PNG de 512 px, 1024 px y 2048 px, además de una versión blanca para fondos oscuros. JPG solo sirve para vistas previas simples sin transparencia.
Las firmas de correo requieren moderación. Un logo enorme puede bloquearse, comprimirse o mostrarse con tamaño incorrecto. Una versión de 300 a 600 px de ancho, optimizada y probada en varios clientes, suele bastar. El objetivo es legibilidad y consistencia, no peso máximo.
5. Kit de exportaciones recomendado
Un kit sólido empieza con el archivo fuente: AI, SVG editable, Affinity, Figma u otro formato de diseño. Quizá no se comparta con cada interlocutor, pero protege el futuro de la marca. Si hay que cambiar un color, preparar bordado, crear una campaña o montar una versión especial, la fuente ahorra tiempo y conserva calidad.
Después vienen los formatos vectoriales de entrega: SVG para web, PDF vectorial para compartir e imprimir, EPS si un proveedor lo pide. Un PDF debe conservar trazados, no limitarse a contener una imagen pegada. Si amplías mucho y los bordes siguen perfectamente nítidos, probablemente es una exportación vectorial útil.
Luego prepara raster: PNG transparente en varios tamaños, JPG de vista previa si sirve y WebP para casos web específicos. Nombra cada archivo por variante y uso: principal-color, principal-blanco, icono-color, horizontal-negro, vertical-cmyk, etc. Los nombres claros evitan errores cuando el equipo trabaja con prisa.
El kit debe incluir versiones del logo, no solo formatos. Composición principal, horizontal, vertical, icono, monocromo e invertida cubren muchas situaciones reales. El artículo kit de entrega de logo explica cómo organizar esos archivos para que una persona sin perfil de diseño elija bien.
6. Revisión antes de usar
Primero, amplía mucho. A 800% o 1600%, el vector conserva bordes limpios. Un PNG grande puede seguir aceptable, pero las malas exportaciones, capturas y falsos PDF vectoriales se detectan rápido. Esta prueba evita que el archivo incorrecto llegue al proveedor.
Segundo, coloca el logo sobre fondos claro, oscuro y de color. Busca cajas blancas, halos, márgenes excesivos o colores que desaparecen. Muchos problemas no se ven en un visor con lienzo blanco, pero aparecen al instante en un diseño real.
Tercero, prueba usos pequeños y grandes. Un logo puede verse bien en escritorio y perder lectura en una tarjeta. También puede ocurrir lo contrario: una versión muy detallada puede parecer frágil en señalética. Los sistemas de marca fuertes incluyen versiones simplificadas para tamaños pequeños y archivos técnicos para formatos grandes.
Cuarto, pregunta al proveedor qué necesita realmente. Algunas imprentas aceptan PDF vectorial; otras solicitan EPS, perfil de color o plantilla. El archivo perfecto depende del soporte, tamaño, técnica de producción y software de la cadena. Preguntar antes evita conversiones de emergencia.
7. Qué indicar en el brief
Para recibir las exportaciones correctas, describe dónde se usará el logo: web, app, perfiles sociales, rótulo, vehículo, textil, packaging, facturas, presentaciones, anuncios o eventos. Esos canales cambian directamente tamaños y variantes. Una marca pensada solo para un avatar no se prepara igual que una identidad para escaparate y uniforme.
Explica también las condiciones de lectura. ¿Debe funcionar muy pequeño? ¿Sobre fondo oscuro? ¿En un color? ¿Dentro de un cuadrado? ¿En un banner horizontal? ¿Con o sin eslogan? Estas respuestas influyen en el diseño, no únicamente en la carpeta final.
Por último, pide con claridad vector, PNG de alta definición, versiones monocromas y notas de uso. En Wilogo, el brief convierte esas restricciones en instrucciones claras para los graphistes IA. Cuanto más concretos sean los usos futuros, más útil será la entrega.
Un logo de alta resolución no es un archivo mágico. Es un sistema: master vectorial, exportaciones adaptadas, tamaños coherentes, nombres legibles y controles simples. Con esa base, tu identidad se mantiene nítida desde el favicon hasta el rótulo.
Preparar un logo nítido en cada soporte
Describe tus necesidades web, impresión, redes y documentos en un brief claro. Wilogo ayuda a definir los formatos esperados para recibir un sistema de logo utilizable, no solo una imagen bonita.
Fuentes útiles
FAQ
¿Qué tamaño de logo conviene pedir para una web?
Pide un SVG para el logo principal y PNG transparentes como 512, 1024 y 2048 px para herramientas que no acepten vector. En la web, el archivo mostrado debe ser ligero y cercano al tamaño real de visualización.
¿300 DPI garantizan buena calidad?
No. El DPI solo tiene sentido junto con una medida física. Pasar una imagen pequeña de 72 a 300 DPI no añade detalle. Usa un archivo vectorial cuando el logo pueda ampliarse.
¿Qué resolución usar para impresión?
En raster, apunta a 300 DPI al tamaño final. Para grandes formatos vistos de lejos, el proveedor puede aceptar menos densidad, pero un PDF, SVG o EPS vectorial suele ser más seguro.
¿Qué archivos debe incluir un kit de logo?
Un kit útil incluye archivo fuente, SVG, PDF vectorial, PNG transparentes en varios tamaños, variantes color/negro/blanco y versiones horizontal, vertical o icono si el diseño lo permite.
