PNG a WebP, archivos más ligeros que conservan la transparencia

Cambia un PNG abultado por un WebP esbelto que conserva su transparencia y carga antes.

o arrastra la imagen aquí

Acerca de esta herramienta

Araluma convierte un PNG en WebP guardando las partes transparentes. Entrega una sola foto y el motor de imagen del navegador la rehace en tu propio dispositivo, así que no se manda a ningún lado. Entrega varias a la vez y viajan a nuestro servidor, que las recorre todas juntas y devuelve una descarga, y luego limpia esa descarga en unas 2 horas. Donde el PNG era transparente, el WebP también queda transparente, porque el WebP lleva un canal alfa completo, y por eso le gana al JPG cuando quieres un archivo más ligero sin aplanar el recorte. Según las propias cifras del WebP de Google, un WebP sin pérdidas queda cerca de un 26 por ciento por debajo de un PNG igual, y un WebP con pérdidas y alfa llega cerca de un tercio del tamaño. Lo que sale aquí es WebP con pérdidas en un ajuste casi sin pérdidas, cambiando una pizca de detalle a nivel de bit por un archivo menor, mientras se ve igual que el PNG de origen en tamaños normales de pantalla. Para copias de archivo exactas al píxel, guarda el PNG original.

Cómo convertir PNG a WebP

Cómo convertir PNG a WebP

Arrastra un PNG a la zona de soltado o haz clic para buscar uno. El trabajo arranca en el instante en que el archivo llega, sin ningún botón de Convertir por ningún lado, y para una imagen de a diario se completa en bastante menos de un segundo. Un botón de Descargar guarda luego el WebP bajo el nombre de origen con una terminación nueva. Convierte uno y corre en tu navegador, entrega varios y suben juntos a nuestro servidor. El mismo recorrido sirve a teléfonos y a equipos de escritorio, sin instalación. Para manejar otro, suelta el siguiente PNG. Entrégale un PNG animado y solo sobrevive su primer fotograma, ya que el WebP que produce aquí es una sola imagen fija y no una secuencia en movimiento.

Los píxeles transparentes pasan al WebP

Los píxeles transparentes pasan al WebP

Un canal alfa de 8 bits vive dentro de WebP, así que cada píxel transparente de tu PNG aterriza igual de transparente en el WebP. Nada se vuelve blanco, ningún borde rodea un recorte y no hace falta limpieza alguna en un editor después. Esta es precisamente la razón para preferir WebP a JPG cuando tu PNG lleva transparencia, ya que JPG no posee alfa y tiene que cambiar los píxeles claros por un color sólido. Logotipos, iconos, recortes de producto, maquetas de interfaz, capturas con esquinas redondeadas, cualquier cosa apoyada en un fondo translúcido, todo eso cruza intacto. No hay ningún interruptor que girar para esto, simplemente ocurre, porque llevar el alfa es parte de aquello para lo que se construyó WebP.

Motivos para pasar de PNG a WebP

Motivos para pasar de PNG a WebP

Sobre todo, obtienes un archivo mucho más liviano mientras la transparencia y la calidad visual aguantan. Las cifras oficiales de WebP de Google muestran al WebP sin pérdida en torno a un 26 por ciento por debajo de un PNG igual, y al WebP con pérdida y alfa cerca de un tercio del tamaño de uno comparable. Las imágenes más livianas llegan antes, y eso alimenta directamente al Largest Contentful Paint, una de las Core Web Vitals de Google y un factor de posicionamiento conocido. PageSpeed Insights incluso señala al PNG bajo su sugerencia de formatos de nueva generación, y mudarse a WebP borra ese aviso. El soporte tampoco es un obstáculo, ya que Chrome, Firefox, Safari y Edge leen WebP de forma nativa.

Ajustes de calidad y el compromiso con pérdida

Ajustes de calidad y el compromiso con pérdida

Araluma escribe el WebP en un ajuste casi sin pérdida afinado tanto para fotos como para gráficos, así que a tamaños de visualización corrientes luce igual que el PNG del que viene. Sostenido a este nivel, WebP es técnicamente con pérdida, lo que significa que se entrega un poco de precisión a nivel de bits frente a una copia sin pérdida impecable. Para casi todo el trabajo web, logotipos, iconos, recursos de interfaz, fotografías, esa brecha es invisible. Cuando la tarea es exacta al píxel, como escáneres médicos o másteres de archivo, quédate con el PNG y deja que el WebP sea la exportación. En fotografías puedes esperar normalmente una caída de peso del 50 al 70 por ciento, encima de la ventaja estructural que WebP ya tiene sobre PNG.

Dónde se convierte de verdad el PNG

Dónde se convierte de verdad el PNG

Esto se divide por cuántas entregas. Convierte un PNG solo y toda la tarea ocurre en la pestaña, en el motor de imagen del propio navegador, en tu dispositivo, sin nada que suba y sin nada anotado sobre el archivo. Compruébalo tú mismo, abre DevTools, deja el panel de Red abierto mientras conviertes esa foto única y cuenta cero solicitudes salientes que la lleven. Convierte un puñado juntas y suben a nuestro servidor, que las recorre todas y devuelve una sola descarga. Esa descarga se limpia de nuestro servidor en unas 2 horas, y puedes borrarla en el instante en que guardes. Así una imagen nunca deja el navegador, y un lote se queda en nuestro servidor solo el tiempo de armar lo que te llevas.

Cuándo el PNG original sigue siendo la opción correcta

Cuándo el PNG original sigue siendo la opción correcta

WebP llega lejos, pero no a todas partes. Un puñado de programas de diseño, tuberías de impresión y sistemas internos de contenido aún piden PNG. Algunos sistemas operativos arrastran y sueltan PNG sin pensarlo, pero quieren un complemento para WebP. Para un archivo de trabajo que abrirás y editarás una y otra vez en una app de escritorio, conservar el PNG sin pérdida como máster te ahorra cualquier acumulación de las rondas repetidas de decodificación y reconstrucción. Deja que WebP sea tu exportación para la web y que el PNG siga siendo la fuente. Y si alguna vez necesitas correr en el otro sentido y devolver un WebP a un PNG, la herramienta webp-to-png cubre ese trayecto.

Cómo funciona

  1. Entrega un PNG

    Desliza el PNG a la página, o búscalo en el selector. Las partes transparentes vienen con él. Convierte una y se queda en tu máquina, suelta varias y suben a nuestro servidor para tratarlas juntas.

  2. Recuéstate

    No haces nada más. Una imagen típica se vuelve un WebP más o menos a la velocidad con que levantas el dedo, sin paso de Convertir y sin ningún indicador girando por el camino.

  3. Míralo encoger

    El resultado informa de lo grande que salió. Las zonas claras siguen claras, y el WebP debería pesar visiblemente menos que el PNG con el que empezaste.

  4. Quédate tu WebP

    Un toque en Descargar lo escribe afuera, nombre viejo, terminación .webp nueva. ¿Tienes más en fila? Echa cada uno sobre la página y pasan de uno en uno.

Preguntas frecuentes

¿Se conserva la transparencia al convertir de PNG a WebP?

Así es. Como WebP posee un canal alfa completo, cada parche claro de tu PNG sigue claro una vez que es un WebP. Ese solo hecho es por qué WebP supera a JPG como destino siempre que arrancas de un PNG transparente, ya que JPG no posee alfa y tiene que pintar los puntos claros de un color sólido mientras WebP deja el recorte exactamente como lo encontró. Logotipos, iconos, fotos de producto, piezas de interfaz apoyadas en fondos translúcidos, todos ellos cruzan enteros, sin pedirte nada de más.

¿Por qué convertir PNG a WebP?

Por un archivo más esbelto que conserva tanto su transparencia como su aspecto. Según las cifras de WebP de Google, la variante sin pérdida corre alrededor de un 26 por ciento por debajo de un PNG igual, y la variante con pérdida y alfa aterriza cerca de un tercio de uno. Una imagen más esbelta llega antes, lo que ayuda al Largest Contentful Paint, una medida de las Core Web Vitals que Google pondera en el posicionamiento. PageSpeed Insights incluso apunta al PNG como oportunidad de formato de nueva generación dentro de su auditoría de imágenes. Por encima de eso, todo navegador principal, de Chrome y Firefox a Safari y Edge, lee WebP sin ayuda.

¿Convertir de PNG a WebP pierde calidad?

En el ajuste casi sin pérdida que Araluma usa, fotos y gráficos lucen igual que el PNG de origen a tamaños de visualización corrientes. WebP sostenido aquí es técnicamente con pérdida, así que una pizca de precisión a nivel de bits va hacia un archivo más pequeño. Para el uso web de a diario, logotipos, iconos, fotografías, esa brecha es invisible. Para trabajos exactos al píxel o de archivo, quédate con el PNG y trata el WebP como la copia de entrega. La conversión deja tu PNG intacto, posado en tu dispositivo tal como estaba.

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

Las cifras oficiales de WebP de Google sitúan al WebP sin pérdida en torno a un 26 por ciento por debajo de un PNG igual, y al WebP con pérdida y alfa en aproximadamente un tercio del tamaño de uno comparable. La proporción exacta cabalga sobre el contenido, con los gráficos que tienen amplias zonas claras y bloques de color sólido ganando lo máximo, mientras que las fotos recargadas y detalladas ven una caída menor pero aún útil. De cualquier modo el WebP sale más liviano y la transparencia sobrevive.

¿Es seguro convertir PNG a WebP aquí?

Depende de si conviertes una foto o varias. Un PNG solo se rehace directamente en el navegador, así que ese archivo no se manda, y puedes comprobarlo abriendo DevTools y mirando el panel de Red a mitad de la conversión, donde no aparece ninguna solicitud de imagen saliente. Convierte varias a la vez y suben a nuestro servidor para tratarlas juntas, luego esa descarga se limpia en unas 2 horas, y puedes quitarla tú mismo en cuanto guardes. De una forma u otra, nada de tu imagen queda más allá de armar tu descarga.

¿WebP funciona en todos los navegadores?

Lo hace, a todos los efectos prácticos. La lectura nativa llegó a todas partes en cuanto Safari 14 salió en 2020, uniéndose a Chrome, Edge y Firefox, que juntos suman casi cada navegador que la gente usa de verdad. Las excepciones son los genuinamente viejos y algunas webviews integradas, y para un público que pudiera incluirlos, el PNG sigue siendo la elección cauta. Cualquiera en un navegador de los últimos cinco años obtiene WebP sin problema. Si quieres confirmar un caso concreto, la entrada de WebP en caniuse.com despliega el soporte.

Los detalles

Notas del equipo sobre el oficio, los formatos y las pequeñas decisiones detrás de un buen recorte redondo.

Cómo logra WebP tamaños menores que PNG
WebP corre en dos modos separados. Su modo sin pérdida empareja predicción espacial y de color con una etapa entrópica que supera al DEFLATE de PNG, aterrizando en una compresión alrededor de un 26 por ciento mejor en imágenes típicas según las cifras publicadas por Google. Su modo con pérdida toma prestada una transformada por bloques del trabajo de vídeo, construida para soltar el detalle que el ojo apenas nota mientras sostiene el que sí. Cuando una imagen lleva alfa, WebP comprime ese alfa sin pérdida en su propia pista mientras trata los datos RGB con pérdida, y así es como el WebP con pérdida y transparencia puede salir cerca de un tercio del tamaño de un PNG con calidad visual a la par. El DEFLATE de PNG solo conoce el sin pérdida y nunca puede tocar el trato perceptual que la pista con pérdida cierra. Esa división estructural es la razón entera de la brecha de tamaño.
El canal alfa en detalle
PNG y WebP llevan ambos alfa de 8 bits, dejando que cualquier píxel declare una opacidad de 0 para del todo claro hasta 255 para del todo lleno. Cuando el motor de imágenes de la plataforma reconstruye un PNG como WebP, lee los valores RGBA de cada píxel y echa el alfa derecho al paso de compresión de WebP, que lo mantiene bajo compresión sin pérdida sin importar cómo trata el RGB. Así un píxel del todo claro a 0, uno parcialmente claro en cualquier punto de 1 a 254 y uno lleno a 255 mapean cada uno al estado idéntico en el WebP. En un logotipo con una sombra suave o letras suavizadas sobre fondo claro, esa delicada suavidad de los bordes cabalga entera. JPG no puede hacer esto, ya que su contenedor no tiene campo alfa y fuerza la imagen sobre un color de fondo antes de codificar nada.
Core Web Vitals y elección del formato de imagen
El Largest Contentful Paint cronometra cuánto tarda el elemento visible más grande de una página en mostrarse en el viewport, y en la mayoría de páginas de contenido ese elemento es la imagen principal. Google pliega el LCP en su señal de posicionamiento Core Web Vitals, y el PNG es un reincidente en el LCP por puro peso, donde un PNG fotográfico 4K puede correr varios megabytes mientras la misma foto como WebP casi sin pérdida es una fracción de eso. PageSpeed Insights nombra esto directamente bajo su elemento de formatos de nueva generación y apunta al PNG como el formato a sacar. Voltear a WebP los PNG que se sientan en la ruta de renderizado crítica de una página está entre las jugadas individuales de mayor rendimiento para la velocidad medida. La línea de tiempo lo mantiene seguro, con WebP en Chrome desde 2011, Firefox desde 2019, Safari desde 2020 y Edge desde su reconstrucción sobre Chromium.
Salida con pérdida y el ajuste casi sin pérdida
WebP expone una perilla de calidad de 0 a 100, donde los números más altos sostienen más detalle y cuestan más bytes. Araluma fija esa perilla en un punto casi sin pérdida escogido para equilibrar la fidelidad contra el tamaño a lo largo de las categorías web habituales de fotografías, gráficos de interfaz e iconos. En este punto la salida se lee como indistinguible del PNG de origen a distancias de pantalla normales. En rigor, un poco de precisión a nivel de bits resbala frente a una escritura realmente sin pérdida, así que un chequeo byte por byte entre el WebP decodificado y el PNG original haría aflorar diminutas brechas numéricas, todas sentadas bajo el umbral de la vista humana en material fotográfico. Para escáneres médicos, imágenes de satélite o preservación de archivo donde el sin pérdida es una regla firme, la jugada correcta es quedarse con el PNG y tratar el WebP puramente como exportación de entrega y no como copia de trabajo.
Comportamiento de los metadatos
Voltear un PNG en un WebP barre los campos EXIF, IPTC y XMP del resultado, que es lo que hace cada uno de los tres grandes motores de navegador. Los perfiles de color son donde los motores se separan. Chrome y Safari mantienen la etiqueta sRGB cabalgando sobre el WebP, mientras Firefox lo limpia todo, perfil ICC incluido. Así el WebP se lee como seguro en sRGB en todas partes, y aun así una etiqueta de gama amplia, Display-P3, Adobe RGB, ProPhoto RGB, sentada sobre el PNG de origen no durará a través de Firefox. Esa brecha muerde en el trabajo profesional sensible al color, así que cuando la fidelidad de color verdadera tiene que viajar junto, escoge un convertidor que escriba datos ICC a propósito, o vuelve a presionar la etiqueta del perfil después usando un editor de metadatos hecho para esa tarea.
Cuándo conservar PNG y cuándo basta con WebP
El razonamiento se resuelve rápido. Si el punto de llegada de la foto es una web o una app y quien mira corre cualquier navegador desde 2020, exporta a WebP sin dudar. Si la abrirás dentro de un programa de diseño tipo Figma, Sketch o Affinity Designer, antes mira si tu versión concreta admite WebP, porque eso baila de una a otra. Si va rumbo a la imprenta, tira de PNG o de TIFF, dado que casi ningún RIP de impresión digiere WebP. Si la mandas adjunta en un correo, el PNG resulta más prudente, porque los gestores de correo tratan los formatos modernos de manera dispar. Y si es una pieza que retocarás y volverás a guardar muchas veces, deja el PNG de máster. El WebP casi sin pérdida brilla como formato de salida, mientras que el PNG manda para archivar y editar. El recorrido ordenado guarda el PNG de original y manda WebP a la red.