PNG a WebP

Acerca de este conversor

Este conversor de PNG a WebP gratuito convierte un PNG en un WebP moderno y mantiene intacta la transparencia. El ahorro aquí suele ser mucho mayor que con JPG — un 60–80 % es habitual, y en un PNG fotográfico puede ser aún más.

Todo se ejecuta en su navegador: su imagen nunca se sube a un servidor.

Por qué los archivos PNG se vuelven tan grandes

El PNG es sin pérdida. Cada píxel se guarda exactamente como estaba y nunca se descarta nada. Para algunas imágenes es el compromiso correcto, y para otras uno muy caro.

El PNG comprime detectando repeticiones: series de píxeles idénticos, patrones que se repiten. Eso funciona de maravilla en un logotipo con seis colores planos, en la captura de pantalla de un formulario o en un gráfico con rellenos limpios. Una imagen así puede comprimirse hasta una fracción mínima de su tamaño en bruto.

Funciona mal con las fotografías, porque una fotografía casi no tiene repeticiones exactas. Cada píxel de un cielo difiere ligeramente de su vecino, así que no hay nada que agrupar, y el PNG acaba guardando algo muy cercano a los datos brutos de los píxeles. Por eso una foto guardada como PNG es habitualmente cinco a diez veces más grande que la misma foto en JPG, sin ningún beneficio visible.

Un enorme número de los PNG sobredimensionados de la web son simplemente fotografías guardadas en el formato equivocado — muy a menudo la captura de pantalla de una foto, ya que las herramientas de captura usan PNG por defecto.

WebP tiene dos modos, y ahí está todo el truco

Esto es lo que convierte a WebP en un sustituto tan bueno precisamente del PNG: puede hacer los dos trabajos.

El WebP sin pérdida conserva cada píxel exactamente, como el PNG, pero lo comprime mejor: normalmente un 26 % más pequeño que el mismo PNG. Para un logotipo o la captura de una interfaz obtiene una imagen idéntica en un archivo menor, sin renunciar a nada.

El WebP con pérdida descarta detalle como hace el JPG, pero sigue admitiendo transparencia, algo que el JPG nunca ha podido. Esa es la combinación que no existía antes de WebP. Una fotografía de producto con el fondo recortado significaba antes un PNG enorme, porque era el único formato común capaz de contener a la vez una foto y un canal alfa. Ahora puede ser un WebP con pérdida de un tamaño mucho menor.

Fije un valor de calidad alto y obtendrá un comportamiento sin pérdida o casi sin pérdida. Bájelo y cambiará detalle por tamaño, con la transparencia todavía intacta.

Qué calidad elegir para cada caso

El ajuste correcto depende enteramente del tipo de imagen que contenga el PNG.

• Logotipos, iconos, gráficos planos: use la calidad máxima. Tienen bordes duros y pocos colores; se comprimen bien de todos modos y los artefactos alrededor de los bordes se notan enseguida.
• Capturas de pantalla con texto: calidad alta, 90 o más. El texto es donde peor se ve la compresión con pérdida, con una leve papilla alrededor de las letras.
• Fotografías con transparencia: 80–85 es más que suficiente, y aquí es donde aparecen los ahorros espectaculares.
• Gráficos y diagramas: calidad alta. Las líneas finas y los límites de color nítidos son exactamente lo que la compresión con pérdida difumina.
• Imágenes de fondo grandes: 75–85 suele estar bien, ya que quedan detrás de otros contenidos.

La regla de fondo: los bordes duros y el texto necesitan calidad alta; el tono continuo no.

La transparencia sobrevive, con una cosa que comprobar

WebP admite un canal alfa de 8 bits completo, igual que PNG. Sombras suaves, bordes difuminados, curvas suavizadas y transparencia parcial pasan todos correctamente. No es la tosca transparencia de sí o no de un GIF.

Lo único que conviene revisar tras convertir con un ajuste de calidad bajo es el borde de un recorte. La compresión con pérdida trabaja sobre los datos de color, y un píxel de borde semitransparente puede recoger un leve halo del color que estaba detrás en el original. En un recorte limpio con calidad 80 o superior no lo verá. En una imagen muy comprimida con un borde finamente difuminado contra un color intenso, quizá sí: mire el límite a tamaño completo antes de publicarla.

Cómo usarlo

• Suba su PNG: haga clic en el área de carga o arrastre y suelte un archivo .png
• Elija la calidad: más alta conserva más detalle; más baja produce un archivo menor
• Descargue: guarde su WebP

Conviene saber

• El ahorro es mayor en PNG fotográficos. La captura de pantalla de una foto puede reducirse un 90 % sin cambio visible.
• Un icono diminuto puede no encoger. Por debajo de unos pocos kilobytes domina la sobrecarga del formato y el WebP puede quedar igual o algo mayor. Quédese con el más pequeño.
• Redimensione antes de convertir. Un PNG de 3000 píxeles mostrado a 300 píxeles desperdicia más bytes de los que ningún códec puede recuperar.
• Los favicons deberían seguir siendo PNG o ICO. La compatibilidad con favicons WebP es irregular, y el archivo es minúsculo en cualquier caso.
• Los clientes de correo van por detrás de los navegadores. Algunos todavía no muestran WebP, así que use PNG o JPG en una plantilla de correo.
• Conserve el PNG original si la imagen es un recurso maestro que volverá a editar.

Preguntas frecuentes

¿Cuánto más pequeño es WebP que PNG?

Mucho más de lo que la mayoría espera. El WebP sin pérdida es de media un 26 % más pequeño que el mismo PNG, con un resultado idéntico píxel a píxel. Pasar a WebP con pérdida, algo que el PNG no puede hacer en absoluto, ahorra habitualmente un 60–80 %, y en una fotografía guardada como PNG puede superar el 90 %. Cuanto mayor sea el contenido fotográfico, mayor será la ganancia.

¿Se conservará mi fondo transparente?

Sí. WebP admite un canal alfa de 8 bits completo exactamente igual que PNG, de modo que las sombras suaves, los bordes difuminados y la transparencia parcial sobreviven. Es una de las principales ventajas de WebP frente a JPG, que no tiene transparencia alguna. Con ajustes de calidad muy bajos, revise el borde de un recorte por si hay un leve halo de color.

¿Debo usar WebP con pérdida o sin pérdida?

Sin pérdida para logotipos, iconos, diagramas y capturas de pantalla con texto: cualquier cosa con bordes duros o letras, donde los artefactos de compresión se ven y el archivo es pequeño de todos modos. Con pérdida para fotografías, incluidas las de fondo transparente, donde el ahorro es grande y la pérdida resulta invisible a partir de calidad 80.

¿Por qué mi PNG es tan grande, para empezar?

Casi con total seguridad porque contiene una fotografía. El PNG guarda cada píxel exactamente y comprime buscando repeticiones, y las fotografías casi no contienen repeticiones exactas, así que no hay nada que agrupar. El PNG es la elección correcta para gráficos planos y capturas de interfaces, y la equivocada para contenido fotográfico.

¿Puedo volver a convertir a PNG más adelante?

Sí, y la transparencia sobrevivirá al viaje de ida y vuelta. Pero si convirtió usando WebP con pérdida, el detalle descartado en ese paso se perdió para siempre: volver atrás le da un PNG de la imagen comprimida, no el original. Conserve sus PNG maestros si va a necesitar editarlos de nuevo.

¿Funciona WebP en el correo electrónico?

No de forma fiable. La compatibilidad de los navegadores ya es universal, pero los clientes de correo van muy por detrás y varios no muestran nada en absoluto ante un WebP. Use PNG o JPG en las plantillas de correo. La misma precaución vale para algunos programas de escritorio, flujos de impresión y formularios de carga que solo aceptan PNG y JPG.

¿Se envía mi imagen a un servidor?

No. La conversión ocurre íntegramente dentro de su navegador, así que el archivo nunca sale de su ordenador. Esto importa especialmente con las capturas de pantalla, que a menudo contienen nombres, direcciones, números de cuenta o sistemas internos.

Herramientas relacionadas

• WebP a PNG — el sentido contrario, conservando la transparencia
• JPG a WebP — para fotografías sin transparencia
• Compresor de imágenes — reducir una imagen sin cambiar su formato
• Eliminador de fondo — crear la transparencia desde el principio