Convertir PNG a WebP en línea
Convierte imágenes PNG a WebP para obtener archivos más pequeños en la web moderna.
Arrastra tu archivo PNG aquí
o haz clic para seleccionar
Cómo funciona la conversión de PNG a WebP
Subir PNG
Arrastra & suelta o haz clic para seleccionar tu archivo PNG.
Elegir opciones
Ajusta la calidad, el tamaño u otras opciones de salida si es necesario.
Descargar WebP
Haz clic en Convertir y tu archivo WebP se descarga al instante.
Acerca de la conversión de PNG a WebP
WebP es el formato de imagen moderno de Google diseñado para reemplazar tanto a JPG como a PNG en la web, compatible de forma nativa con Chrome desde 2010, Firefox desde 2019, Safari desde macOS Big Sur e iOS 14, y Edge desde 2018. Convertir PNG a WebP ofrece archivos 20-30% más pequeños con calidad sin pérdida y hasta un 70% más pequeños con alta calidad con pérdida, manteniendo la compatibilidad total con el canal alfa. Para generadores de sitios estáticos (Hugo, Eleventy, Astro), Next.js Image y el pipeline Polish de Cloudflare, WebP es ahora el formato de entrega predeterminado para activos transparentes.
WebP admite modos de codificación sin pérdida y con pérdida: el modo sin pérdida usa una transformación predictiva más codificación de entropía similar a DEFLATE de PNG pero más inteligente, mientras que el modo con pérdida usa predicción de bloques derivada de VP8 como un solo fotograma clave de video. Para activos de interfaz, iconos y capturas de pantalla, quédate con WebP sin pérdida para preservar bordes de píxeles nítidos; para contenido fotográfico con transparencia (fotos de producto sobre blanco, imágenes principales con viñetas), WebP con pérdida a calidad 80-85 es visualmente indistinguible del PNG original y 60-75% más pequeño. El alfa se conserva en ambos modos.
La razón principal por la que los equipos aún envían fallbacks de PNG es la compatibilidad con navegadores antiguos: IE11, Safari antiguo y WebViews de Android antiguos no reconocen el formato. El enfoque estándar es el elemento picture de HTML5 con fuente WebP y fallback PNG, o la negociación de contenido mediante cabeceras Accept en Cloudflare Workers / Vercel Edge. Para iconos de aplicaciones (iOS, Android, Windows), favicons y firmas de correo electrónico, mantén PNG. Para todo lo que se sirva desde un CDN de un sitio web, convierte a WebP. Consulta también JPG a WebP para fuentes fotográficas.
De dónde viene WebP
WebP fue lanzado por Google en 2010, derivado del códec de video VP8 que adquirió con On2 Technologies. WebP sin pérdida y el soporte de animación se añadieron en 2011 y 2012 respectivamente. El formato languideció durante años porque Safari se negaba a implementarlo, pero Apple finalmente habilitó el soporte nativo en macOS Big Sur e iOS 14 (septiembre de 2020), haciendo que WebP fuera verdaderamente multiplataforma de la noche a la mañana. Hoy en día, todos los principales CDN, sistemas de gestión de imágenes y frameworks (Next.js, Cloudinary, imgix) sirven WebP por defecto. Normalmente ofrece archivos 25-35% más pequeños que PNG con calidad visual idéntica, conservando la transparencia alfa completa.
PNG vs WebP de un vistazo
| PNG | WebP | |
|---|---|---|
| Compresión | DEFLATE sin pérdida (PNG) | VP8L / VP8 sin pérdida o con pérdida |
| Tamaño típico | Referencia | 25-35% más pequeño sin pérdida, hasta 80% más pequeño con pérdida |
| Transparencia | Alfa completo de 8 bits | Alfa completo de 8 bits en modos con y sin pérdida |
| Animación | No compatible (usar APNG) | Soporte nativo de animación |
| Soporte en navegadores | Universal desde 1996 | Todos los navegadores modernos desde 2020 (Safari 14+) |
Real-world workflow — Desarrollador de comercio electrónico reduciendo el peso de la página de producto en una tienda de Shopify
- Exporta 1,800 PNGs de productos desde el catálogo de Lightroom del equipo de fotografía
- Convierte en lote con calidad 82 WebP con pérdida y fallback sin pérdida para SKUs de arte lineal
- Sube el conjunto WebP al CDN de Shopify y actualiza las plantillas Liquid para usar el elemento picture
- Mantén fallbacks PNG para el 2% de visitantes legacy de Android detectados por analytics
- La puntuación de Lighthouse sube de 64 a 91 en móvil, y la tasa de conversión aumenta notablemente la semana siguiente
Ajustes de conversión recomendados
| Caso de uso | Configuración |
|---|---|
| Imágenes de héroe / banners | |
| Miniaturas de producto | |
| Logotipos / arte lineal | |
| Iconos de app / sprites de interfaz | |
| Elementos de interfaz animados |
¿Dónde se abrirá tu archivo WebP?
| Plataforma | PNG | WebP |
|---|---|---|
| ~ | ~ | |
| ~ | ~ | |
| ~ | ~ | |
| ~ | ~ | |
| ~ | ~ | |
| ~ | ~ | |
| ~ | ~ | |
| ~ | ~ |
Cuándo convertir PNG a WebP
Convertir PNG a WebP ofrece lo mejor de ambos mundos: el modo sin pérdida de WebP conserva la calidad perfecta píxel a píxel del PNG y la transparencia total del canal alfa, logrando archivos típicamente un 26% más pequeños que los PNG equivalentes. Para activos de interfaz, iconos, logotipos y cualquier gráfico que requiera transparencia y cero pérdida de calidad, la conversión PNG a WebP sin pérdida es el formato ideal para la entrega web moderna.
Los desarrolladores frontend que optimizan paquetes de activos web convierten hojas de sprites PNG, bibliotecas de iconos y gráficos de interfaz a WebP para reducir la carga total y mejorar las puntuaciones de rendimiento de Lighthouse. Herramientas de compilación como webpack, Vite y Next.js admiten la optimización de imágenes WebP de forma nativa, y convertir PNG como parte del pipeline de compilación es un paso estándar en la ingeniería de rendimiento frontend moderna.
Los desarrolladores de juegos y equipos de aplicaciones web que sirven activos de imagen a través de CDN convierten gráficos PNG a WebP para reducir costos de ancho de banda y almacenamiento. Una biblioteca de iconos PNG de 500 KB se convierte en aproximadamente 370 KB en WebP: ahorros modestos individualmente que se vuelven sustanciales en millones de solicitudes por día a escala de producción.
Consejos para convertir PNG a WebP
- Usa WebP sin pérdida para capturas de pantalla, maquetas de interfaz y cualquier imagen con texto nítido: es un 20-30% más pequeño que el PNG optimizado con fidelidad bit por bit.
- Usa WebP con pérdida a calidad 80-85 para contenido fotográfico con transparencia: las fotos de producto y las imágenes de héroe se reducen un 60-75% sin diferencia visible.
- Siempre incluye un fallback PNG mediante el elemento picture si necesitas soportar navegadores antiguos, o usa un CDN que haga negociación automática de cabeceras Accept.
- No conviertas iconos de apps iOS o Android a WebP: los catálogos de activos aún requieren PNG en tamaños de píxel fijos (180x180, 192x192, etc.).
- Elimina los fragmentos EXIF y de perfil de color con cwebp -metadata none para obtener la salida más pequeña posible; rara vez se necesitan en activos web.
Why use this PNG to WebP converter
Herramientas relacionadas
Formatos involucrados
PNG – Gráficos de red portátiles
WebP – Formato de imagen Web (Google)
Consejos para convertir PNG a WebP
- WebP supports alpha transparency just like PNG, so logos and graphics with transparent areas convert cleanly.
- At quality 80–90, WebP is visually identical to lossless PNG but 25–35% smaller — ideal for web deployment.
- If browser support for WebP is uncertain in your use case, keep the original PNG as a fallback.
PNG a WebP — preguntas frecuentes
Guías y artículos relacionados
¿Quizás buscabas otra cosa?
- Quédate con PNG si los clientes de correo heredados o las versiones antiguas de Android importan. → Comprimir PNG
- Cuando no se necesita alfa y la máxima compatibilidad supera al tamaño de archivo. → PNG a JPG
- Convierte tu biblioteca JPG existente a WebP para el mismo ahorro de ancho de banda. → JPG a WebP
- Cambia a AVIF, HEIC u otros formatos modernos desde la misma fuente. → Convertidor de imágenes