Convertir PNG a WebP
Convierte imágenes PNG a WebP conservando la transparencia. WebP es hasta un 26 % más ligero que PNG en compresión sin pérdida.
Transparencia preservada
WebP soporta plenamente la transparencia alfa, lo que lo convierte en el reemplazo perfecto sin pérdida para imágenes PNG con fondos transparentes.
Más ligero que PNG
La compresión WebP sin pérdida produce archivos un 26 % más ligeros que PNG de media, sin pérdida de calidad.
Ideal para gráficos web
Sustituye los PNG pesados (iconos, logos, ilustraciones) por archivos WebP más ligeros para acelerar tu sitio.
Comparativa real de tamaños
Tamaños medios medidos sobre assets PNG típicos (logos, iconos, ilustraciones, capturas) convertidos a WebP con pérdida a calidad 85. Tus cifras variarán según la complejidad visual del origen.
| Tipo de imagen | Origen | Salida | Ahorro |
|---|---|---|---|
| Logo de marca transparente 512×512 | 78 KB | 22 KB | −72 % |
| Icono de interfaz 128×128 | 16 KB | 5 KB | −69 % |
| Ilustración vectorial exportada 800×600 | 210 KB | 58 KB | −72 % |
| Captura de app 1440×900 | 320 KB | 85 KB | −73 % |
Compatibilidad de un vistazo
WebP cuenta con soporte universal en la web moderna y preserva la transparencia en todas partes, salvo en algunas excepciones históricas.
| Plataforma | Estado |
|---|---|
| Chrome, Firefox, Edge, Opera (desde 2014) | Compatible |
| Safari 14+ (macOS Big Sur, iOS 14, sept. 2020) | Compatible |
| WordPress (5.8+), Shopify, Squarespace | Compatible |
| Outlook escritorio en Windows | No compatible |
| Internet Explorer 11 y Safari anterior a 2020 | Parcial | usar fallback |
Cuándo convertir y cuándo conservar el original
Convertir cuando
- Iconos, logos y elementos de UI servidos en un sitio
- Ilustraciones e infografías integradas en un artículo
- Capturas con transparencia en un blog técnico
- Hero images vectoriales donde LCP y Core Web Vitals importan
Conservar el original cuando
- La imagen irá adjunta a un correo Outlook escritorio
- El PNG es la fuente de un montaje en Photoshop o Figma
- La envías a una imprenta que no lee WebP
- El PNG ya pesa menos de 5 KB (la ganancia es marginal)
Preguntas frecuentes
¿WebP soporta la transparencia PNG?
Sí, WebP soporta el canal alfa completo, igual que PNG. Tus fondos transparentes y elementos semi-transparentes se conservan perfectamente.
¿Cuándo usar WebP en lugar de PNG?
Usa WebP para cualquier imagen servida en la web: iconos, logos, elementos de UI, ilustraciones. Mantén PNG solo para archivos fuente o cuando la compatibilidad con software lo exija.
¿Qué calidad usar al convertir PNG a WebP?
Para resultados sin pérdida, usa calidad 90-100. Para un equilibrio entre tamaño y calidad (con pérdida), 75-85 suele ser un buen punto de partida.
¿WebP sin pérdida o con pérdida para un PNG, cuál elegir?
Para iconos, logos e ilustraciones de tintes planos, el WebP sin pérdida produce archivos un 25 a 35 % más ligeros que el PNG sin tocar un píxel. Para fotos exportadas como PNG o capturas complejas, el WebP con pérdida a calidad 85-95 sigue siendo visualmente idéntico y divide el peso por tres o más.
¿Qué ahorro de peso esperar respecto al PNG?
26 % de media en modo sin pérdida, hasta un 80 % con pérdida a calidad 85. La ganancia depende del contenido: los visuales con tintes planos (logos, UI) comprimen mejor que las ilustraciones detalladas o las fotos exportadas como PNG.
¿Cómo sirvo WebP con un fallback PNG para clientes antiguos?
Usa el elemento HTML <picture> con un <source type="image/webp"> primero y un <img src="…png"> de respaldo. Los navegadores modernos cargan el WebP con su transparencia, los pocos clientes sin soporte obtienen el PNG, sin necesidad de JavaScript.
Última revisión :