PNG a WebP v1.0

El conversor de PNG a WebP transforma imágenes PNG en formato WebP directamente en tu navegador, sin subir ningún archivo a un servidor. Un gráfico transparente de 306 KB baja a 48 KB con el ajuste predeterminado y conserva intacto su canal alfa, lo que supone un 84 % menos de peso en la página. La herramienta de DocPivot está pensada para quien publica en web y necesita imágenes ligeras sin sacrificar los bordes limpios de un logotipo o de una captura de interfaz.

Qué es el conversor de PNG a WebP

Funcionalidad principal

Es un conversor que reencoda cada PNG al formato WebP usando libwebp compilado a WebAssembly, con cuatro ajustes de calidad y dos modos de codificación distintos. El ajuste Original activa el modo sin pérdida de libwebp, de manera que el WebP resultante es idéntico píxel a píxel al PNG de partida. Los ajustes Alta, Buena y Archivo más pequeño usan WebP con pérdida y YUV nítido, que respeta mejor los contornos duros propios de un PNG. Todo el proceso ocurre en tu equipo: DocPivot no recibe la imagen en ningún momento.

Usuarios objetivo y casos de uso

Lo usan sobre todo diseñadores, desarrolladores front end y responsables de tiendas online que necesitan reducir el peso de las imágenes sin degradar la marca. Encaja igual de bien en un catálogo de WooCommerce con cientos de fichas que en el kit de logotipos de una agencia, donde un solo píxel desplazado se nota. También lo aprovechan autónomos y pymes que gestionan su propia web y quieren mejorar las métricas de Core Web Vitals.

Problema y solución

El PNG es un formato sin pérdida y por eso suele ser el archivo más pesado de una página, especialmente cuando tiene transparencias. Convertirlo a WebP recorta ese peso de forma drástica, pero la mayoría de conversores llaman «sin pérdida» a una compresión con pérdida de calidad 100 y estropean el color que hay debajo de los píxeles semitransparentes. Aquí la distinción es real y comprobable: 69.346 bytes con el modo sin pérdida frente a los 48.252 bytes del ajuste Alta sobre el mismo gráfico.

Principales ventajas del conversor de PNG a WebP

• Sin pérdida de verdad: el ajuste Original usa el modo lossless del códec, no una calidad alta disfrazada. El resultado se puede verificar píxel a píxel contra el PNG de origen.
• Transparencia bien tratada: el color que se esconde bajo los píxeles parcialmente transparentes sobrevive a la conversión, algo que se pierde en los conversores que decodifican con un canvas 2D corriente.
• 84 % menos de peso: en el gráfico de prueba, el ajuste predeterminado deja el archivo en 48 KB frente a los 306 KB iniciales, con el alfa intacto.
• Nada sale de tu equipo: no hay subida, ni cola de espera, ni copia temporal en un servidor ajeno. Es la vía más limpia si trabajas con material de clientes.
• Objetivo de peso en KB: si necesitas que el archivo quede por debajo de una cifra concreta, la calidad no se estima a ojo, se busca.
• Lotes de hasta 30 archivos: un catálogo entero de miniaturas se procesa en una sola pasada y llega en un ZIP. Para tareas previas de recorte, tienes el recortador de imágenes en el mismo panel.
• Sin registro ni límite diario: no hay cuenta, correo ni contador de conversiones que se agote a media tarde.
• Redimensionado en el mismo paso: puedes limitar el lado largo a 2048 px o 1200 px mientras conviertes, sin pasar por un redimensionador de imágenes aparte.

Funciones clave del conversor

• Codificación sin pérdida: el modo lossless de libwebp conserva cada píxel del original, ideal para logotipos, iconos y capturas de interfaz.
• Tres niveles con pérdida: calidad 95, 82 y 75, con YUV nítido activado para que los bordes y el texto no se emborronen.
• Lectura sin premultiplicar el alfa: las imágenes transparentes se decodifican mediante una lectura WebGL2 que evita el ruido de cuantización bajo el alfa parcial.
• Búsqueda binaria de calidad: al fijar un peso máximo, se realizan hasta ocho pruebas entre calidad 5 y 95 hasta dar con la mejor que cabe en el límite.
• Redimensionado solo hacia abajo: pedir más resolución de la que tiene la imagen no hace nada, así que ninguna foto se amplía ni se degrada por interpolación.
• Procesamiento por lotes: hasta 30 archivos por tanda, con el mismo ajuste aplicado a todos.
• Salida en ZIP: un archivo suelto conserva su nombre; varios llegan empaquetados y listos para subir al gestor de contenidos.
• Informe por archivo: cada tarjeta muestra dimensiones, peso final y porcentaje ahorrado respecto al PNG original.
• Detección de APNG: si el PNG está animado, se toma el primer fotograma y el resultado lo indica de forma explícita.
• Conversión a sRGB: los perfiles de color etiquetados se normalizan, lo que evita sorpresas de tono entre navegadores.
• Alternativa por canvas: en navegadores sin WebGL2 la conversión sigue funcionando, aunque el archivo sin pérdida sale algo mayor.
• Combinación con otros formatos: si el proyecto pide un formato distinto, el conversor de imágenes general cubre el resto de combinaciones.

Cómo funciona el conversor de PNG a WebP

1. Arrastra hasta 30 archivos PNG a la zona de carga o selecciónalos desde tu equipo. La herramienta de DocPivot los prepara al instante, sin barra de subida.
2. Elige el ajuste de calidad. Original para artes finales y logotipos, Alta para uso general en web.
3. Si lo necesitas, fija un límite de peso en KB o un tamaño máximo del lado largo. Ambos ajustes se pueden combinar.
4. Pulsa convertir. El códec se ejecuta en tu navegador y cada tarjeta muestra el resultado con su porcentaje de ahorro.
5. Descarga el archivo suelto o el ZIP del lote. Si más adelante necesitas el camino inverso, el conversor de WebP a PNG devuelve la imagen al formato de partida.

Cuándo usar el conversor de PNG a WebP

Conviene convertir a WebP siempre que la imagen esté destinada a una página web y no a un flujo de impresión o de edición. El ahorro es mayor precisamente donde el PNG es más caro: gráficos planos, capturas de pantalla, ilustraciones con áreas de color uniforme y elementos con transparencia. En cambio, si la imagen va a seguir editándose en capas o a entregarse a imprenta, el PNG sigue siendo la copia maestra que debes guardar.

• Migración de catálogo: al pasar fichas de producto de PrestaShop o WooCommerce a WebP, el peso total de la galería cae varios megabytes.
• Logotipos y kits de marca: el ajuste Original garantiza que el símbolo llega al maquetador exactamente como salió del diseño.
• Mejorar el LCP: cuando el elemento más grande de la portada es un PNG, convertirlo suele ser la optimización de mayor impacto.
• Correo y newsletters: conviene comprobar antes la compatibilidad del cliente de correo, porque no todos muestran WebP.
• Documentación técnica: las capturas de interfaz mantienen el texto legible con calidad 95 y ocupan una fracción del original.
• Portfolios y galerías: lotes de 30 imágenes por pasada permiten preparar una galería completa en minutos.
• Formularios con límite de tamaño: el objetivo de peso resuelve los formularios que rechazan cualquier archivo por encima de una cifra concreta.

Hay dos casos en los que no merece la pena: los PNG diminutos de pocos kilobytes, donde el ahorro es marginal, y los archivos que van a viajar por sistemas antiguos que aún no reconocen WebP. Para esos casos, el conversor de PNG a JPG o simplemente mantener el original siguen siendo opciones sensatas.

Casos de uso reales

Tienda online en WooCommerce

Contexto: una tienda de moda con 480 fichas de producto exportadas en PNG desde el estudio fotográfico.

• Se convierten los PNG en tandas de 30 con el ajuste Alta.
• Se limita el lado largo a 1200 px, la anchura real del contenedor.
• Las miniaturas de listado se generan aparte con un límite de 60 KB.

Resultado: la galería principal baja de 140 MB a menos de 25 MB y la página de categoría carga sin bloqueos visibles.

Agencia con material de cliente

Contexto: un estudio que gestiona identidad corporativa y no puede subir archivos de marca a servicios de terceros.

• Todo el proceso ocurre en el navegador del diseñador.
• El ajuste Original conserva cada píxel del logotipo aprobado.
• Los archivos de entrega se revisan con el visor de datos EXIF antes del envío.

Resultado: el material confidencial nunca sale del equipo y la entrega cumple el compromiso de confidencialidad del contrato.

Portal público accesible

Contexto: un ayuntamiento que debe cumplir el Real Decreto 1112/2018 sobre accesibilidad de sitios web del sector público.

• Los gráficos informativos se convierten con el ajuste Original para no perder nitidez en el texto.
• El peso reducido mejora el acceso desde conexiones móviles limitadas.
• Los iconos de la cabecera se preparan también como favicon del portal.

Resultado: las páginas informativas cargan más rápido sin degradar la legibilidad de los gráficos con texto.

Blog personal de un autónomo

Contexto: un consultor que publica dos artículos por semana con capturas de herramientas SEO.

• Cada captura pasa por el conversor con el ajuste Alta antes de subirla.
• Las imágenes destacadas se recortan al formato 16:9 previamente.
• Cuando el original viene de una animación corta, se usa el conversor de GIF a WebP en su lugar.

Resultado: el blog mantiene una puntuación estable en PageSpeed sin instalar plugins de optimización adicionales.

Qué hace exactamente cada ajuste de calidad

Cada ajuste corresponde a un modo de codificación distinto, no a un simple deslizador. Estos son los resultados medidos sobre el mismo gráfico transparente de prueba de 306 KB.

La conclusión práctica es sencilla: usa Original cuando el archivo sea una pieza gráfica que deba reproducirse con exactitud, y Alta para todo lo demás. Si el ahorro sigue siendo insuficiente, el compresor de imágenes apura un poco más el peso final.

Por qué la transparencia se estropea en otros conversores

El problema está en cómo se leen los píxeles antes de codificar, no en el códec. Un canvas 2D corriente premultiplica el canal alfa y cuantiza el color que hay debajo de los píxeles semitransparentes, lo que introduce un ruido invisible al ojo pero muy caro de almacenar. Sobre el mismo archivo, ese ruido dispara el WebP sin pérdida hasta 177.976 bytes frente a los 69.346 bytes de la lectura correcta, es decir, 2,6 veces más peso por un defecto que nadie ve.

Puntos clave:

• Lectura WebGL2: recupera los valores de color originales sin premultiplicar el alfa.
• Efecto medible: 2,6 veces menos peso en el archivo sin pérdida resultante.
• Sin efectos visibles: la diferencia no se aprecia a simple vista, solo en la báscula.

Lo que esta herramienta no hace

Conviene saber dónde están los límites antes de integrarla en un flujo de trabajo. Los PNG animados no se conservan como animación: se toma el primer fotograma y el resultado lo advierte. Tampoco se transfieren el perfil ICC ni los metadatos EXIF al WebP, de modo que una imagen etiquetada se convierte a sRGB; si necesitas limpiar metadatos de forma deliberada en otros formatos, existe una herramienta específica para eliminar los metadatos de una foto.

El ajuste Original es sin pérdida y, por tanto, el más pesado de los cuatro: 69 KB frente a los 48 KB de Alta en el archivo de prueba. Está pensado para arte vectorizado rasterizado y capturas, no para fotografía, donde una codificación con pérdida siempre rendirá mejor; si partes de fotos en JPG, la ruta directa es el conversor de JPG a WebP. Y la ruta de píxel exacto necesita WebGL2 en el navegador; sin él la conversión continúa por canvas y el archivo sin pérdida sale simplemente mayor.

Preguntas frecuentes