Optimizar imagen — WebP, AVIF y MozJPEG en tu dispositivo
Optimiza imágenes para la web en el navegador con MozJPEG, WebP, AVIF u OxiPNG. Pasos: elige la foto, carga el motor, elige códec y ajustes, compara antes/después con el deslizador y descarga. Ejemplo: convierte un JPEG hero grande en un WebP más ligero — todo local tras cargar el motor.
Cómo funciona
Elige una foto, carga el motor una vez, selecciona MozJPEG, WebP, AVIF u OxiPNG, ajusta calidad o esfuerzo, opcionalmente limita el lado más largo y desliza para comparar. Todo ocurre en esta pestaña. Si solo quieres reducir peso rápido sin elegir códec, usa el compresor ligero.
Qué debes esperar
Cada códec equilibra peso, aspecto, transparencia y tiempo. Léelo antes de buscar el archivo más pequeño posible.
- MozJPEG: JPEG con pérdida, suele pesar menos que un JPEG típico del navegador — útil si aún necesitas .jpg.
- WebP: fotos más ligeras con aspecto similar; admite transparencia. Buen valor por defecto en muchos sitios.
- AVIF: a menudo el más pequeño en pérdida, pero más lento — progreso y cancelación van de la mano.
- OxiPNG: reduce PNG sin pérdida. Las fotos siguen grandes; brilla en UI nítida con alfa. El reencode suele quitar EXIF; los bytes no salen de la pestaña.
Ejemplo
El mismo JPEG de móvil (~3–4 MB): MozJPEG suele quedar más ligero que un JPEG casual del navegador; WebP suele recortar más con aspecto parecido; AVIF puede bajar aún más, pero en un frame grande tarda segundos. Son órdenes de magnitud: confía en el deslizador con tu archivo.
Buenos encajes
- Publicar un hero o foto de producto en WebP/AVIF tras revisar el aspecto con el deslizador.
- Seguir entregando JPEG, pero con MozJPEG cuando el JPEG del navegador sigue pesando demasiado.
- Reducir PNG de UI con transparencia con OxiPNG o WebP casi sin pérdida antes de entregar.
Frequently asked questions
¿Por qué debo cargar un motor primero?
Los códecs ocupan bastante. Esperamos tu clic para no alargar la primera carga: solo los bajas cuando necesitas optimizar a nivel de códec.
¿Mis archivos salen del navegador?
No. Tras cargar el motor, decodificar y codificar se quedan aquí. Compruébalo en la pestaña Network: la imagen no se envía por POST.
¿En qué se diferencia del compresor de imágenes?
El compresor es un pase rápido de tamaño/calidad (ideal para apuntar a KB). Aquí cargas un motor para elegir MozJPEG, WebP, AVIF u OxiPNG y comparar con deslizador.
¿Por qué AVIF va tan lento?
Codificar AVIF exige mucha CPU, sobre todo en fotos grandes. Mostramos progreso y permitimos cancelar en lugar de fingir que es instantáneo.
¿Cuándo usar el conversor de formato?
Cuando lo principal es cambiar el tipo (incluido fondo JPEG para transparencia). Usa este optimizador cuando el peso y el control del códec importen más que un cambio rápido de formato.
¿Qué pasa con animación y EXIF?
Las animaciones pasan a un fotograma fijo. El reencode suele borrar EXIF; míralo antes con la herramienta EXIF si lo necesitas.
Consultas o comentarios
¿Algo poco claro, roto o que falte? Redacta un mensaje abajo — leemos cada nota sobre estas herramientas.