Editorial Craft Bible
Escalado y formatos de imagen
Inicio Imágenes y resolución Escalado y formatos de imagen
Imágenes y resolución

Escalado y formatos de imagen

11 reglas MDN Image types · Adobe file format guideAdobe TIFF/PSD workflow · enviragallery format guideMDN JPEG generation loss · ShortPixel format guideAdobe placed-image scaling · Ghent Workgroup
12

Escalado y formatos de imagen

11 reglas
122

Elige el formato por tipo de contenido

No hay un formato "mejor" universal: se elige segun el contenido. Fotos de tono continuo van a JPEG o TIFF; graficos planos con bordes nitidos o transparencia van a PNG; logos, iconos y diagramas que deben escalar van a SVG o vector nativo. Usar el formato equivocado infla el peso o difumina los bordes.

Correcto
Contenido
Formato
Por que
Foto
JPEG / TIFF
Degradados tonales
Line art / transparencia
PNG
Bordes nitidos, alfa
Logo / icono / diagrama
SVG
Escala sin perdida
Cada tipo de contenido mapeado al formato que le queda.
Evitar
Logo guardado como JPEG
halo + borroso
Foto guardada como PNG
10x el peso
Un solo formato para todo: JPEG con halos en logos, fotos PNG enormes.
MDN Image types · Adobe file format guide
123

Usa maestros sin perdida para prensa, JPEG alto cuando importe el peso

Para prensa, conserva un maestro sin perdida: TIFF o PSD con capas preservan cada pixel a traves de ediciones y conversion de color. Solo aplana a JPEG a maxima calidad (nivel 10-12, croma 4:4:4) cuando el peso sea una restriccion real. La regla: edita y archiva sin perdida, exporta con perdida una sola vez al final.

Maestro (editar/archivar): TIFF / PSD, sin compresion
Entrega si pesa: JPEG calidad 10-12, 4:4:4
Nunca: editar sobre un JPEG y re-guardar JPEG
Adobe TIFF/PSD workflow · enviragallery format guide
124

Nunca recomprimas un JPEG una y otra vez

JPEG tiene perdida: cada guardado descarta datos y la perdida es acumulativa (generation loss). Abrir, editar y volver a guardar unas cuantas veces apila artefactos en bloques de 8x8, halos y banding de color de forma permanente. Trabaja desde el maestro sin perdida y exporta un JPEG nuevo cada vez, no reabras y reguardes el JPEG.

Correcto
1 export desde el maestro: degradado limpio, sin bloques.
Un solo paso con perdida desde fuente sin perdida mantiene bordes y tonos.
Evitar
10.o re-guardado: banding en bloques y halos ya fijados.
Cada re-guardado apila artefactos que ya no se recuperan.
MDN JPEG generation loss · ShortPixel format guide
125

Escala las imagenes al tamano final antes de colocarlas

Reescala la imagen a sus dimensiones finales de impresion en un editor y luego colocala, en vez de soltar un archivo enorme en el layout y encogerlo (infla el PDF) o estirar uno pequeno (baja el PPI efectivo por debajo de 300). Colocar a ~100% de escala mantiene la resolucion efectiva predecible y el archivo liviano.

Correcto
100%
Reescalada a la medida: 300 PPI efectivos, archivo chico.
Colocada cerca de 100%; el PPI efectivo es justo el que fijaste.
Evitar
280%
Archivo chico estirado en el layout: el PPI colapsa, pixela.
Dejar que el layout escale esconde la perdida real de resolucion.
Adobe placed-image scaling · Ghent Workgroup
126

Respeta la relacion de aspecto, nunca deformes

Escala ancho y alto por el mismo factor para que la imagen conserve sus proporciones. Arrastrar un solo tirador o fijar un ancho y alto que no cuadran achata o estira la imagen, y salta a la vista en rostros, circulos y logos. En CSS usa object-fit: cover o contain y define solo una dimension (o fija aspect-ratio) para que la otra la siga.

Correcto
ratio fijo
El circulo sigue circulo, el cuadro sigue cuadro: mismo factor en ambos ejes.
Evitar
deformado
Ancho y alto que no cuadran achatan el circulo en un ovalo.
MDN object-fit · CSS aspect-ratio
127

PNG-24 para transparencia, PNG-8 solo para graficos planos

PNG-24 (truecolor, 16M colores) con canal alfa de 8 bits da transparencia suave de bordes limpios para sombras, glows y arte con antialias. PNG-8 se limita a una paleta de 256 colores con transparencia de 1 bit (on/off), asi que sus bordes quedan dentados y los degradados hacen banding; reservalo para logos e iconos planos de pocos colores solidos, donde si ahorra peso.

Correcto
PNG-24 alfa 8-bit
borde suave
El alfa completo mantiene el glow suave y el borde con antialias limpio.
Evitar
PNG-8 256 col
dentado + banding
La transparencia de 1 bit y el tope de 256 colores dentan los bordes suaves.
Adobe PNG export · W3C PNG spec
128

WebP / AVIF para digital ligero, nunca para prensa

WebP (cerca de 25-35% mas ligero que JPEG) y AVIF (mediana ~50% mas ligero que JPEG) son excelentes para PDFs de pantalla y para la web. Pero son solo RGB, no cargan soporte fiable de CMYK ni de output ICC, y los RIP de preprensa y el preflight de Acrobat no los aceptan. Para cualquier cosa que va a prensa, entrega TIFF o JPEG de alta calidad, no WebP ni AVIF.

Correcto
WebP / AVIF-> PDF de pantalla, web (RGB)
TIFF / JPEG-> prensa (CMYK, ICC)
Formato elegido por destino: los formatos ligeros modernos se quedan en pantalla.
Evitar
AVIF preflight rechaza
Solo RGB, sin CMYK/ICC: el RIP o el preflight lo rebota.
MDN WebP/AVIF · theimagecdn lossless comparison
129

Convierte el color de la imagen al espacio de destino

El formato de la imagen y su espacio de color son dos decisiones distintas. Para prensa, convierte cada imagen colocada al perfil CMYK de salida de la imprenta (FOGRA39, GRACoL, SWOP) para que el color en pantalla cuadre con el pliego. Para PDFs de pantalla, manten las imagenes en sRGB para un despliegue vivo y consistente. No mandes imagenes RGB en un trabajo CMYK de prensa ni fuerces todo a CMYK para un entregable digital.

Prensa: convierte imagenes -> perfil de salida CMYK (FOGRA39 / GRACoL)
Pantalla: manten imagenes -> sRGB (embebe sRGB en el PDF)
ISO 15930 PDF/X Output Intent · Adobe color management
130

El vector no tiene DPI, el raster si: elige en consecuencia

Un vector (SVG, EPS, trazos nativos) es matematica, no pixeles, asi que no tiene resolucion y escala a cualquier tamano perfectamente nitido: ideal para logos, iconos, tipografia y diagramas. Un raster (JPEG, PNG, TIFF) es una malla fija de pixeles, asi que su calidad depende del PPI y pixela al ampliar. Empareja contenido con naturaleza: line art geometrico va vector, tono fotografico va raster.

Correcto
Vector ampliado: los bordes siguen filosos a cualquier escala.
Evitar
Raster de baja resolucion ampliado: la malla de pixeles se rompe en bloques.
MDN raster vs vector · Adobe SVG in print
131

Enlaza al trabajar, incrusta todo al exportar

En el maestro, enlazar imagenes (links de InDesign, <img src> en CSS) mantiene el archivo de trabajo chico y te deja editar los originales, pero un link roto o faltante exporta a la calidad baja del proxy o desaparece. Antes de generar el PDF final, incrusta cada imagen para que el archivo sea autocontenido: revisa el panel de Vinculos por faltantes/modificados, y confirma que el exportador (o headless Chrome) resuelve todas las rutas.

Correcto
PDF: todo incrustado
Cada imagen incrustada: el PDF lleva sus propios pixeles, sin faltantes.
Evitar
?
faltante / proxy baja-res
Un link roto exporta en blanco o a resolucion de proxy.
Adobe InDesign Links panel · Ghent Workgroup preflight
132

Aplana y limpia capas y metadatos antes de exportar a prensa

Antes del export final a prensa, aplana los archivos con capas (PSD/TIFF), borra capas ocultas, canales alfa, trazados de recorte y guias sueltas que no necesitas, y limpia metadatos pesados o privados (GPS, miniaturas, historial de edicion). Las capas vivas y la transparencia pueden aplanarse impredeciblemente en el RIP e inflar el archivo; de hecho PDF/X-1a exige transparencia aplanada. Una sola imagen aplanada por colocacion es predecible y liviana.

Antes de exportar a prensa:
- aplana capas (PSD/TIFF) · PDF/X-1a lo exige
- quita capas ocultas, alfa extra, trazados de recorte
- limpia metadatos GPS / miniaturas / historial
ISO 15930-1 PDF/X-1a · Adobe flatten transparency