¿Cómo usar esta herramienta?
- Si sabe qué necesita — use una herramienta dedicada abajo (p. ej. JPG a WebP para fotos)
- Si duda — elija el formato de destino arriba, arrastre su imagen a la zona y compare el resultado
- Ajuste la calidad con el deslizador (predeterminado 85). Vista previa y tamaño se actualizan en vivo
- Haga clic en <em>Descargar</em> cuando el resultado encaje — o pruebe otro formato de destino para comparar
¿Qué formato necesito?
La elección de formato de imagen va sobre tres dimensiones: alcance de navegador, tamaño de archivo y caso de uso. Aquí la ayuda rápida de decisión:
- Fotos para entrega web: JPG a WebP para la mayoría de casos, JPG a AVIF para imágenes hero con compresión máxima.
- Logos, iconos, capturas con transparencia: PNG a WebP como estándar web, PNG a AVIF para máximo ahorro de ancho de banda.
- Compatibilidad universal (CMS heredado, impresión, software antiguo): conservar PNG o JPG.
- Entrega progresiva con cadena de fallback: AVIF como fuente primaria,
WebP como segunda fuente, JPG/PNG como fallback en el elemento
<picture>.
Si duda, use los selectores de formato arriba en la zona de soltar — verá la comparación directa de tamaño en la salida en vivo y podrá elegir el formato adecuado a su archivo.
¿Cómo se comparan WebP y AVIF?
Ambos formatos son sucesores modernos de JPG y PNG. WebP se basa en el códec de vídeo VP8 y está integrado en la web desde 2010, AVIF usa el códec moderno AV1 y llegó en 2019.
| Criterio | WebP | AVIF |
|---|---|---|
| Introducido | 2010 (Google) | 2019 (Alliance for Open Media) |
| Ahorro típico vs JPG | 25–35 % | 40–50 % |
| Ahorro típico vs PNG | 50–70 % | 70–85 % |
| Alcance navegador | ~97 % global | ~95 % global |
| Soporte Safari | desde iOS 14 / macOS 11 | desde iOS 16.4 / macOS 13.3 |
| Velocidad de codificación | rápida | más lenta (basado en AV1) |
| Transparencia | sí (Lossy + Lossless) | sí (Lossy + Lossless) |
| HDR / 12 bits | no | sí |
| Licencia | BSD (royalty-free) | royalty-free (AOMedia) |
Elegir WebP para imágenes web estándar, conversión masiva de activos existentes, dispositivos antiguos o configuraciones CMS sin entrega AVIF.
Elegir AVIF para imágenes hero, mercados críticos en ancho de banda
(mobile-first, mercados emergentes) o cuando se usa el elemento <picture>
con cadena de fallback progresiva.
¿Qué pares de formatos son frecuentes?
En lugar de echar mano del convertidor general, a menudo vale una herramienta dedicada — la elección de formato fija ahorra clics y ayuda a aprender las características fuente/destino.
- PNG a WebP — cuando optimiza logos, iconos o capturas. El canal alfa se conserva, ahorro típico 50 a 70 por ciento.
- JPG a WebP — cuando reduce fotos para rendimiento web. Estándar para cabeceras de blog, fotos de producto, imágenes de galería.
- PNG a AVIF — cuando la compresión máxima con transparencia es importante. Logos hero, grandes sprites de iconos, banners con motivos recortados.
- JPG a AVIF — cuando optimiza fotos hero al menor tamaño. Portfolios de fotografía, hero shots de e-commerce, entrega mobile-first.
¿Cómo funciona la entrega progresiva con el elemento picture?
El elemento <picture> permite al navegador elegir el mejor formato
disponible. Combinar AVIF + WebP + JPG ofrece el óptimo a cada
visitante — los dispositivos modernos reciben AVIF, Safari iOS 15 recibe
WebP, los rezagados con Internet Explorer reciben JPG.
<picture>
<source srcset="/img/hero.avif" type="image/avif" />
<source srcset="/img/hero.webp" type="image/webp" />
<img src="/img/hero.jpg" alt="Descripción hero" width="1280" height="720" />
</picture>Importante: poner width y height en el <img> para que el navegador
conozca el espacio reservado antes de cargar — evita saltos de maquetación
en Largest Contentful Paint.
Privacidad — 100 % en el navegador
La conversión corre íntegramente en el cliente mediante la codificación de imagen del navegador. Su archivo no se envía en ningún momento a un servidor, ni se almacena, ni se analiza. No hay tracking, ni banner de cookies para cookies de terceros, ni registro.
Puede seguir usando esta página también sin conexión tras la primera carga — las API de navegador necesarias están disponibles en todos los navegadores modernos desde 2018. Para imágenes sensibles (escaneos de DNI, tomas médicas, documentos internos de empresa) es la ventaja decisiva frente a convertidores web que tienen que subir su archivo obligatoriamente.
¿Qué herramientas de imagen están relacionadas?
Otras herramientas del ecosistema kittokit en torno a la optimización de imagen:
- PNG a WebP — herramienta dedicada para logos, iconos y capturas con transparencia.
- JPG a WebP — herramienta dedicada para fotos y rendimiento web.
- PNG a AVIF — compresión máxima con transparencia conservada.
- JPG a AVIF — archivo más pequeño para fotos hero y entrega móvil.
- Quitar fondo — recortar motivos de fotos, basado en IA y sin subida.
Última actualización: