Guía de Calidad de Imagen: Cómo Elegir el Formato y la Compresión Adecuados

Elegir el formato de imagen o nivel de compresión incorrecto te cuesta de dos maneras: fotos borrosas en tu sitio web o megabytes de ancho de banda desperdiciado. Esta guía te lleva a través del árbol de decisiones práctico para elegir JPEG, PNG o WebP, elegir un tamaño de archivo objetivo y redimensionar imágenes para las plataformas que realmente importan. Sin teoría, solo las reglas que funcionan en 2026.

La Decisión de 30 Segundos: JPEG vs PNG vs WebP

Comienza aquí. Si no recuerdas nada más de esta guía, recuerda esta tabla:

Usa JPEG Cuando

Fotos con gradientes de color suaves, sin transparencia, vistas en pantalla o impresas a tamaños estándar. JPEG es con pérdida — pierdes algo de calidad — pero el ahorro de tamaño es masivo (típicamente 5-10 veces más pequeño que PNG para fotos). Perfecto para fotos de productos, fotos de viajes, capturas sin texto.

Usa PNG Cuando

Logos, iconos, arte lineal, capturas con texto, o cualquier cosa que necesite transparencia. PNG es sin pérdida — calidad perfecta conservada — pero los tamaños son 5-10 veces mayores que JPEG para fotos. Usa solo cuando realmente necesites nitidez o canal alfa.

Usa WebP Cuando

Navegadores modernos (todos los principales desde 2020), imágenes servidas desde tu propio sitio, cuando quieras archivos 25-35% más pequeños que JPEG a la misma calidad visible. WebP soporta modos con y sin pérdida, además de transparencia. La opción predeterminada para rendimiento web en 2026.

• Convertidor de Imágenes

  Convierte entre JPEG, PNG, WebP, GIF y HEIC en tu navegador. Soporte por lotes, sin subida.

Elige un Tamaño de Archivo Objetivo (No un Control Deslizante de Calidad)

Los controles deslizantes de calidad te obligan a adivinar. Los tamaños de archivo objetivo dan resultados predecibles. Aquí están los tamaños correctos para los escenarios más comunes:

Adjuntos de Correo Electrónico

La mayoría de clientes limitan los adjuntos a 10-25 MB en total. Apunta a 200-500 KB por foto si envías varias. Esto mantiene el correo ágil y funciona en conexiones lentas.

Páginas Web (Imágenes Principales)

Las imágenes principales above-the-fold deben estar por debajo de 200 KB. Las imágenes below-the-fold pueden llegar hasta 500 KB. Usa carga diferida para cualquier cosa no visible en el renderizado inicial.

Redes Sociales

Instagram favorece 1080x1350 píxeles a 30-150 KB. Twitter maneja imágenes de hasta 5 MB pero las muestra mejor a 1200x675 píxeles. LinkedIn acepta hasta 5 MB. Coincide con las dimensiones preferidas de la plataforma — no tiene sentido subir 4000x3000 para una pantalla de 1080x1350.

Impresión

Las impresiones estándar de 4x6 pulgadas necesitan al menos 1200x1800 píxeles a 300 DPI. Para impresiones más grandes, escala proporcionalmente. PNG a 300 DPI es ideal para evitar artefactos de compresión JPEG en la salida impresa.

• Comprimir a Tamaño

  Establece un objetivo exacto de KB y la herramienta ajusta iterativamente la calidad hasta que tu imagen alcance ese tamaño. Funciona para JPEG y WebP.

Redimensiona Antes de Comprimir

Subir una foto de 5000x3000 píxeles para mostrarla a 600x400 desperdicia el 87% de los píxeles. Redimensiona primero, luego comprime. El orden importa: comprimir una imagen enorme y luego redimensionar deja artefactos de compresión en la versión redimensionada. Siempre redimensiona primero, luego comprime a tu tamaño objetivo.

Objetivos Comunes de Redimensionamiento

Correo: máximo 1200x900 píxeles. Miniaturas web: 300x200. Imágenes principales: 1920x1080. Instagram: 1080x1080 (cuadrado) o 1080x1350 (vertical). Twitter: 1200x675.

• Redimensionador de Imágenes

  Redimensiona a dimensiones exactas en píxeles o por porcentaje. Relación de aspecto bloqueada por defecto para evitar distorsión.

Tres Reglas que Cubren el 95% de los Casos

Regla 1: WebP Primero, JPEG como Respaldo

Si controlas la plataforma (tu sitio web, tu blog), usa WebP. Recurre a JPEG solo cuando necesites compatibilidad con navegadores antiguos o clientes de correo. WebP ahorra 25-35% de ancho de banda a la misma calidad percibida.

Regla 2: Redimensiona, Luego Comprime, Luego Convierte

Este es el orden que produce los archivos más pequeños con la mejor calidad. Primero redimensiona a tus dimensiones objetivo. Luego comprime a tu tamaño de archivo objetivo. Finalmente, convierte a WebP si el destino lo soporta. Comprimir antes de redimensionar deja artefactos; redimensionar después de la conversión omite oportunidades de optimización.

Regla 3: Elimina Metadatos Antes de Compartir

Los metadatos EXIF pueden revelar coordenadas GPS, números de serie de cámara y marcas de tiempo. Para cualquier imagen compartida públicamente, elimina los metadatos. Eliminarlos no reduce la calidad visible — solo elimina los campos de datos ocultos.

• Compresor de Imágenes

  Comprime JPEG, PNG, WebP y GIF en tu navegador. Control deslizante de calidad ajustable con soporte por lotes.

• Eliminar Metadatos

  Elimina metadatos EXIF, GPS y de cámara de las fotos antes de compartir. Procesamiento por lotes soportado.

Preguntas Frecuentes

¿WebP pierde calidad en comparación con JPEG?

Al mismo tamaño de archivo, WebP conserva ligeramente más calidad que JPEG. Al mismo ajuste de calidad (ambos establecidos en 80), WebP produce archivos que son 25-35% más pequeños. No hay penalización de calidad visible por usar WebP.

¿Debo usar PNG para capturas de pantalla?

Sí, PNG es la opción correcta para capturas porque el texto y los bordes afilados se benefician de la compresión sin pérdida. La penalización del tamaño del archivo vale la nitidez perfecta. Para capturas que planeas compartir en redes sociales, convierte a JPEG con calidad 90+ para ahorrar espacio.

¿Cómo envío varias fotos por correo sin alcanzar los límites de adjuntos?

Comprime cada foto a 200-500 KB antes de adjuntar. Para 10 fotos, eso es 2-5 MB en total — bien dentro del límite de 25 MB de Gmail y la mayoría de los límites de correo corporativo. Usa la herramienta de comprimir a tamaño con un objetivo de 300 KB por foto.

¿Hay alguna diferencia entre 72 DPI y 300 DPI para imágenes web?

Para visualización en pantalla, el DPI es irrelevante — las pantallas muestran píxeles, no pulgadas. Una imagen de 1200x800 píxeles a 72 DPI se ve idéntica a la misma imagen a 300 DPI en una pantalla. Reserva 300 DPI para imágenes destinadas a impresión. Redimensionar para impresión requiere conocer tanto las dimensiones en píxeles como el tamaño de impresión.