Una imagen digital es una cuadrícula de píxeles, y un archivo de imagen es una forma de guardar esa cuadrícula en menos bytes. El formato que elija decide cuántos bytes, si se pierde detalle y si hay transparencia. Esta guía explica las compensaciones con cifras medidas y qué herramienta usar.
Píxeles, tamaño y el archivo de partida
Un píxel sin comprimir ocupa 3 bytes (rojo, verde, azul). Una foto de móvil de 4000 × 3000 son 12 megapíxeles, es decir 36,000,000 bytes, unos 34.3 MiB, antes de comprimir. Los formatos lo reducen buscando patrones, por eso las fotos suelen llegar como archivos de unos pocos megabytes.
La proporción de aspecto es el ancho dividido por el alto, simplificado. 1920 × 1080 se reduce entre 120 a 16:9 y 4000 × 3000 a 4:3. Para redimensionar sin deformar, cambie un lado y calcule el otro: una imagen 16:9 de 800 de ancho mide 450 de alto. El Redimensionador por Relación de Aspecto y el Redimensionador de Imágenes mantienen la proporción, el Redimensionador de Imágenes en Lote trata muchos archivos y el Inspector de Dimensiones de Imágenes lee el tamaño de uno existente.
El tamaño de impresión es píxeles divididos entre píxeles por pulgada: una copia de 6 × 4 pulgadas a 300 ppp necesita 1800 × 1200 píxeles. Una imagen en pantalla no tiene tamaño inherente; solo importan sus píxeles.
Con pérdida y sin pérdida
- Los formatos sin pérdida (PNG, GIF, WebP sin pérdida) guardan cada píxel exactamente. Al decodificar se recupera el original.
- Los formatos con pérdida (JPEG, WebP con pérdida, AVIF, HEIC) descartan el detalle que el ojo tiene menos probabilidad de echar en falta, por lo que los archivos son mucho menores pero no se pueden restaurar. Un ajuste de calidad cambia tamaño por fidelidad.
Los formatos comparados
| Formato | Compresión | Transparencia | Animación | Ideal para |
|---|---|---|---|---|
| JPEG | Con pérdida | No | No | Fotografías |
| PNG | Sin pérdida | Sí | Raramente (APNG) | Capturas, logotipos, gráficos con texto |
| GIF | Sin pérdida, 256 colores | 1 bit | Sí | Animaciones cortas y simples |
| WebP | Ambas | Sí | Sí | Imágenes web de cualquier tipo, más pequeñas que JPEG o PNG |
| AVIF | Ambas | Sí | Sí | Los archivos más pequeños con una calidad dada, HDR; más lento de codificar |
| HEIC / HEIF | Con pérdida | Sí | Sí | Fotos de móvil (por defecto en iPhone); poco soporte en navegadores |
| SVG | Vectorial (sin píxeles) | Sí | Con CSS o SMIL | Iconos, logotipos y diagramas a cualquier tamaño |
La compresión con pérdida conviene a imágenes naturales y con ruido como las fotografías. La compresión sin pérdida conviene a colores planos y bordes nítidos. Medimos las mismas dos imágenes sintéticas de prueba de 800 × 600, cada una de 1,440,000 bytes sin comprimir:
| Formato | Gráfico (colores planos, bordes nítidos) | Tipo foto (suave con textura) |
|---|---|---|
| PNG | 7.203 bytes | 722.265 bytes |
| JPEG, quality 85 | 45.938 bytes | 70.979 bytes |
| JPEG, quality 50 | 26.980 bytes | |
| WebP sin pérdida / con pérdida 80 | 2.780 bytes | 30.498 bytes |
| AVIF, quality 60 | 4.180 bytes | 31.491 bytes |
En el gráfico plano, PNG es unas 6 veces menor que JPEG, y JPEG además difuminaría los bordes. En la imagen tipo foto la situación se invierte: JPEG con calidad 85 es unas 10 veces menor que PNG, y WebP y AVIF con calidad similar son aún menores. Sus archivos serán distintos, pero el patrón se mantiene.
Convertir entre formatos
Use el conversor que corresponda a su punto de partida: Conversor de JPG a PNG, Conversor de PNG a JPG, Conversor de JPG a WebP, Conversor de PNG a WebP, Conversor de WebP a JPG, Conversor de WebP a PNG, Convertidor de HEIC a JPG, Convertidor de AVIF a JPG y Convertidor de SVG a PNG. Convertir a un formato con pérdida siempre pierde detalle, y pasar de con pérdida a sin pérdida no lo recupera, solo hace un archivo mayor. Reúna fotos en un documento con el Conversor de Imagen a PDF y extraiga páginas con el Convertidor de PDF a Imagen.
Para incrustar una imagen pequeña directamente en HTML o CSS, codifíquela con el Conversor de Imagen a Base64 (y revierta con el Conversor de Base64 a Imagen). Base64 convierte cada 3 bytes en 4 caracteres, así que los datos crecen un 33,3 %; resérvelo para iconos diminutos.
Editar sin desperdiciar calidad
Cada guardado como JPEG recomprime, así que haga primero todas las ediciones y exporte una sola vez. Conserve un original. Herramientas que cambian píxeles: Recortador de Imágenes, Rotador de Imágenes, Volteador de Imágenes, Divisor de Imágenes, Creador de Collages, Añadir Marca de Agua a Imágenes y Creador de Foto de Perfil. Reduzca el tamaño del archivo con el Compresor de Imágenes. Efectos visuales: Herramienta de Desenfoque de Imágenes, Ajustador de Brillo y Contraste de Imágenes, Convertidor de Imágenes a Escala de Grises, Pixelador de Imágenes y el Convertidor de Imagen a Arte ASCII.
Casos especiales
- Los gráficos vectoriales (SVG) se describen con formas, así que escalan a cualquier tamaño. Redúzcalos con el Optimizador de SVG.
- Los favicons necesitan varios tamaños pequeños; el Generador de Favicon desde Imagen crea el conjunto.
- El texto dentro de una imagen se puede leer con el Imagen a Texto OCR.
- Los marcadores de posición durante el desarrollo salen del Generador de Imágenes de Relleno.
- Los colores dentro de una imagen: vea Cómo funcionan el color y el contraste.
Errores frecuentes
- Guardar una captura como JPEG. El texto queda con halos borrosos y el archivo es mayor; use PNG o WebP sin pérdida.
- Guardar una foto como PNG. El archivo es muchas veces mayor de lo necesario.
- Ampliar una imagen pequeña. Añade píxeles, no detalle.
- Ignorar los metadatos. Las fotos pueden llevar datos de ubicación; vea Cómo funcionan los metadatos EXIF de las fotos.