| Formato | Compresión | Transparencia | Mejor uso |
|---|
| JPEG/JPG | Con pérdida (lossy) | No | Fotos, fondos complejos |
| PNG | Sin pérdida (lossless) | Sí (alpha) | Logos, capturas, gráficos |
| WebP | Con/sin pérdida | Sí | Web moderna (Chrome/Firefox) |
| GIF | Sin pérdida (256 colores) | Sí (1 bit) | Animaciones simples |
| SVG | Vectorial | Sí | Iconos, ilustraciones escalables |
Casos de uso habituales
📱Redes sociales
Usa JPEG a 80-85% para fotos. Para Instagram Stories o posts con texto, WebP reduce el tamaño sin pérdida visible.
🌐Web y e-commerce
WebP es el estándar actual: hasta 30% más pequeño que JPEG a igual calidad. Mejora Core Web Vitals (LCP).
🎨Diseño gráfico
PNG para exportar activos con transparencia. Mantén siempre el original en alta resolución antes de convertir.
📧Email marketing
JPEG sigue siendo el más seguro en emails (máxima compatibilidad). Evita WebP en clientes como Outlook.
Preguntas frecuentes
- ¿Qué calidad JPEG debo usar?
- Entre 75-85% es el punto óptimo: reducción de tamaño notable sin degradación apreciable a simple vista. Solo baja del 60% si el tamaño de archivo es crítico.
- ¿Cuándo usar PNG en lugar de JPEG?
- Cuando la imagen tiene texto, bordes nítidos, transparencia o es un logo. JPEG genera artefactos de compresión en estos casos. Para fotos, JPEG casi siempre es mejor.
- ¿WebP es compatible con todos los navegadores?
- Sí, desde 2021 todos los navegadores modernos lo soportan (Chrome, Firefox, Safari, Edge). Para sitios que deban soportar IE11 o Safari antiguo, usa JPEG/PNG como fallback.
- ¿Qué ocurre con la transparencia al convertir a JPEG?
- JPEG no soporta transparencia. Los píxeles transparentes se rellenan con blanco (fondo por defecto). Si necesitas conservar la transparencia, usa PNG o WebP.
- ¿Redimensionar reduce la calidad?
- Reducir resolución (downscale) apenas pierde calidad perceptible. Ampliar (upscale) genera pixelado porque se inventan píxeles. Nunca amplíes más de un 20-30%.
- ¿Cuál es la diferencia entre DPI y PPI?
- PPI (píxeles por pulgada) es para pantallas; DPI (puntos por pulgada) es para impresión. Para web, los DPI no importan — solo cuentan las dimensiones en píxeles. Para imprimir, necesitas al menos 300 DPI.
- ¿Qué tamaño es «demasiado grande» para una web?
- Google recomienda que cada imagen pese menos de 200 KB para mantener tiempos de carga óptimos. Una foto de producto en e-commerce debería ser de 50-150 KB en formato WebP o JPEG a 80%.
- ¿Qué dimensiones usar para miniaturas en YouTube?
- 1280×720 píxeles (16:9) es el estándar oficial. El archivo no debe superar 2 MB. Usa JPEG a 90% para máxima calidad visible en pantallas 4K.
Cómo elegir el formato correcto en 6 pasos
- 1
¿Necesitas transparencia? Sí → PNG o WebP. No → continúa al paso 2.
- 2
¿Es una fotografía o ilustración con muchos colores? Sí → JPEG o WebP. No (logos, texto) → PNG.
- 3
¿Es para web moderna? Usa WebP siempre que puedas: mejor compresión que JPEG y PNG.
- 4
Define las dimensiones objetivo según el destino (ver presets de redes sociales).
- 5
Ajusta la calidad: empieza en 85% y baja hasta que el tamaño sea aceptable sin pérdida visible.
- 6
Compara tamaños: el indicador de reducción te muestra el ahorro. Un 40-70% es un buen resultado.
6 buenas prácticas con imágenes
💾Guarda siempre el original sin comprimir antes de convertir.
📐Redimensiona antes de comprimir para mejores resultados.
🔄Convierte lotes de imágenes del mismo tipo con los mismos ajustes.
🌐Para web, activa lazy loading en imágenes below-the-fold.
📱Genera versiones 1x y 2x para pantallas Retina/HiDPI.
🔍Usa Google PageSpeed para auditar el impacto de tus imágenes.
⚠️Conversión con pérdida- Cada conversión JPEG → JPEG acumula pérdida de calidad. Parte siempre del original.
- La reducción de tamaño no implica reducción de dimensiones (y viceversa).
- Ampliar una imagen de baja resolución no la mejora — solo la hace más grande y borrosa.
- El procesado ocurre 100% en tu navegador: ninguna imagen se sube a ningún servidor.