Convertir PNG a WebP gratis – Reduce tus imágenes PNG a WebP online

El PNG conserva cada píxel a la perfección, y te lo cobra en tamaño: una sola captura o foto de producto puede pesar varios megabytes, ralentizar páginas, gastar datos móviles y chocar con los límites de subida. WebP, el formato de imagen moderno creado por Google, guarda la misma imagen ocupando una fracción del espacio. Este conversor gratuito de PNG a WebP reduce tus imágenes PNG a WebP aquí mismo, en la página. Elige una calidad, compara el tamaño antes y después junto con el porcentaje ahorrado, previsualiza el resultado y descárgalo. Sin instalaciones, sin cuentas y sin subir tus imágenes al servidor de un desconocido.

Cómo convertir un PNG a WebP

Arrastra tu imagen a la zona indicada o pulsa sobre ella para elegir un archivo de tu dispositivo. El formato principal es el PNG, y también se aceptan archivos JPG y BMP, porque de lo que se trata es de pasar imágenes a WebP. La herramienta muestra el nombre del archivo, sus dimensiones y su tamaño, con una pequeña vista previa. Después elige una calidad: Archivo más pequeño (75) comprime al máximo para miniaturas y para compartir rápido; Equilibrada (85) es el punto justo de cada día para sitios web; Calidad alta (92) conserva el detalle fino en imágenes principales; y Sin pérdida (100) guarda la imagen sin descartar ningún detalle. Pulsa Convertir a WebP, compara el tamaño original y el del resultado lado a lado, revisa la vista previa y descarga el archivo como tunombre.webp.

Tu imagen nunca sale de tu dispositivo

Este conversor protege tu privacidad por diseño: el archivo se convierte localmente en tu navegador y nunca se sube a ningún servidor. Tu imagen se dibuja en un lienzo y se codifica con código que se ejecuta en tu propio equipo, así que capturas, fotos de productos e imágenes personales nunca viajan por internet y nada se guarda en ningún sitio. Una vez cargada la página, incluso podrías desconectarte y seguir convirtiendo. El archivo WebP se crea en tu navegador y se guarda directamente en tus descargas, justo donde esperas encontrarlo.

Por qué WebP: archivos más pequeños y soporte total

WebP comprime con mucha más eficiencia que PNG. En imágenes fotográficas y con detalle suele ahorrar entre un 25 y un 50 por ciento frente a un PNG optimizado, y en capturas y gráficos el ahorro suele ser aún mayor, porque el PNG debe guardar esas imágenes sin pérdida y a peso completo. WebP admite la transparencia igual que PNG, así que logotipos y recortes conservan sus fondos transparentes, y maneja la compresión con y sin pérdida en un solo formato. El soporte ya no es un problema: Chrome, Edge, Firefox y Safari (desde la versión 14) muestran WebP, igual que WordPress y todas las grandes plataformas web. ¿Cuándo no conviene usarlo? Conserva el PNG original para imprimir, como copia maestra de archivo y para cualquier trabajo que necesite edición sin pérdida más adelante, y usa PNG o JPG cuando un programa o dispositivo muy antiguo deba abrir el archivo.

Límites y requisitos de los archivos

La herramienta acepta imágenes PNG, JPG y BMP de hasta 20 MB cada una. El resultado conserva exactamente las dimensiones en píxeles del original: nada se redimensiona, se recorta ni se estira. Como la conversión se hace en tu dispositivo, las imágenes enormes están limitadas por la memoria de tu dispositivo y no por un servidor, así que una foto gigante se maneja mejor en un ordenador. Se convierte un archivo cada vez. Un archivo dañado, o uno que en realidad no sea una imagen, no podrá abrirse y la herramienta te avisará. Si tu navegador es demasiado antiguo para codificar WebP, la herramienta te lo dirá en lugar de devolverte en silencio un PNG con el nombre cambiado.

Convertir PNG a WebP – preguntas frecuentes

¿Este conversor de PNG a WebP es gratuito?

Sí. Es completamente gratuito, sin registro, sin marcas de agua y sin límite en el número de imágenes que puedes convertir.

¿Convertir a WebP pierde calidad?

En las calidades con pérdida (75, 85 y 92) se sacrifica un poco de detalle a cambio de un archivo mucho más pequeño; con 85 la mayoría de la gente no nota ninguna diferencia. Elige Sin pérdida (100) si cada píxel debe conservarse exactamente.

¿WebP conserva la transparencia?

Sí. Las zonas transparentes de tu PNG se mantienen transparentes en el resultado WebP, incluida la transparencia parcial, así que logotipos y superposiciones funcionan igual que antes.

¿Mi imagen se sube a algún sitio?

No. Tu archivo se convierte localmente en tu navegador y nunca se sube, así que tus imágenes permanecen en tu dispositivo de principio a fin.

Herramientas relacionadas

English version: PNG to WebP Converter – Shrink PNG Images into WebP Free. También te puede interesar: Convertir GIF a PNG gratis – Pasa tus imágenes GIF a PNG online · Convertir SVG a JPG gratis – Pasa tus vectores a imágenes JPG.

Inserta esta herramienta en tu web — gratis

Copia el código de abajo para añadir esta herramienta funcional a tu propia página. Solo pedimos que mantengas el pequeño enlace de crédito que la acompaña.

<iframe srcdoc="&lt;!DOCTYPE html&gt; &lt;html lang=&quot;es&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt; &lt;title&gt;Convertir PNG a WebP&lt;/title&gt; &lt;style&gt; body{font-family:Arial,sans-serif;background-color:#f4f4f9;padding:16px;margin:0} .container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);max-width:680px;margin:0 auto} h2{margin:0 0 6px;color:#0f3d3e;font-size:22px} p.sub{margin:0 0 14px;color:#555;font-size:14px} label{font-weight:600;font-size:14px;display:block;margin:10px 0 4px} input[type=text],input[type=number],select{width:100%;box-sizing:border-box;padding:11px;font-size:16px;border:1px solid #cbd5e1;border-radius:6px;background:#fff} .row{display:flex;gap:10px;flex-wrap:wrap} .row&gt;*{flex:1;min-width:140px} button{background:#0f766e;color:#fff;border:0;padding:11px 22px;font-size:16px;border-radius:6px;cursor:pointer;margin-top:12px} button:hover{background:#115e59} button:disabled{background:#94a3b8;cursor:wait} #status{font-size:13px;color:#666;margin-top:10px;min-height:16px} .err{color:#b91c1c} .card{border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px;margin-top:12px;background:#f8fafc} .big{font-size:26px;font-weight:700;color:#0f3d3e} table{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px} th,td{text-align:left;padding:7px 8px;border-bottom:1px solid #e2e8f0} th{color:#0f3d3e} .bar{height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden} .bar&gt;i{display:block;height:100%;background:#0f766e} img.cover{max-width:120px;border-radius:6px} &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div class=&quot;container&quot;&gt; &lt;style&gt; .drop{border:2px dashed #94a3b8;border-radius:8px;padding:26px 14px;text-align:center;color:#475569;background:#f8fafc;cursor:pointer;margin-top:6px} .drop.over{border-color:#0f766e;background:#f0fdfa;color:#0f766e} .drop input{display:none} .thumb{display:inline-block;margin:6px;text-align:center;vertical-align:top} .thumb img{max-width:150px;border:1px solid #e2e8f0;border-radius:6px;display:block;background:#fff} img.prev{max-width:100%;border:1px solid #e2e8f0;border-radius:6px;display:block;margin-top:8px;background:#fff} a.dl{display:inline-block;background:#0f766e;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-size:14px;margin-top:6px} &lt;/style&gt; &lt;h2&gt;Convertir PNG a WebP&lt;/h2&gt; &lt;p class=&quot;sub&quot;&gt;Suelta un PNG abajo y redúcelo a una imagen WebP moderna. También se aceptan archivos JPG y BMP. Elige la calidad, compara el tamaño antes y después, y descarga el .webp.&lt;/p&gt; &lt;div class=&quot;drop&quot; id=&quot;drop&quot;&gt;&lt;strong&gt;Arrastra y suelta tu imagen aquí&lt;/strong&gt;&lt;br&gt;o pulsa para elegir un archivo&lt;input type=&quot;file&quot; id=&quot;file&quot; accept=&quot;image/png,image/jpeg,image/bmp,.png,.jpg,.jpeg,.bmp&quot;&gt;&lt;/div&gt; &lt;div id=&quot;status&quot;&gt;&lt;/div&gt; &lt;div id=&quot;panel&quot; style=&quot;display:none&quot;&gt; &lt;div class=&quot;card&quot;&gt;&lt;div class=&quot;big&quot; id=&quot;info&quot;&gt;&lt;/div&gt;&lt;div class=&quot;thumb&quot; id=&quot;preview&quot;&gt;&lt;/div&gt;&lt;/div&gt; &lt;label for=&quot;quality&quot;&gt;Calidad WebP&lt;/label&gt; &lt;select id=&quot;quality&quot;&gt; &lt;option value=&quot;0.75&quot;&gt;Archivo más pequeño (calidad 75)&lt;/option&gt; &lt;option value=&quot;0.85&quot; selected&gt;Equilibrada (calidad 85)&lt;/option&gt; &lt;option value=&quot;0.92&quot;&gt;Calidad alta (calidad 92)&lt;/option&gt; &lt;option value=&quot;1&quot;&gt;Sin pérdida (calidad 100)&lt;/option&gt; &lt;/select&gt; &lt;button id=&quot;go&quot; type=&quot;button&quot;&gt;Convertir a WebP&lt;/button&gt; &lt;/div&gt; &lt;div id=&quot;results&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;script&gt; function sendH(){ try { parent.postMessage({wpcId: 6167, wpcH: document.body.scrollHeight + 16}, &#x27;*&#x27;); } catch (e) {} } window.addEventListener(&#x27;load&#x27;, sendH); window.addEventListener(&#x27;resize&#x27;, sendH); function st(msg, err){ var s=document.getElementById(&#x27;status&#x27;); s.innerHTML = err ? &#x27;&lt;span class=&quot;err&quot;&gt;&#x27;+msg+&#x27;&lt;/span&gt;&#x27; : msg; } function esc(s){ return String(s==null?&#x27;&#x27;:s).replace(/[&amp;&lt;&gt;&quot;&#x27;]/g, function(c){ return {&#x27;&amp;&#x27;:&#x27;&amp;amp;&#x27;,&#x27;&lt;&#x27;:&#x27;&amp;lt;&#x27;,&#x27;&gt;&#x27;:&#x27;&amp;gt;&#x27;,&#x27;&quot;&#x27;:&#x27;&amp;quot;&#x27;,&quot;&#x27;&quot;:&#x27;&amp;#39;&#x27;}[c]; }); } function fmt(n){ if(n&lt;1024) return n+&#x27; B&#x27;; if(n&lt;1048576) return (n/1024).toFixed(1)+&#x27; KB&#x27;; return (n/1048576).toFixed(2)+&#x27; MB&#x27;; } function baseName(n){ return (n||&#x27;imagen&#x27;).replace(/\.[^.]+$/, &#x27;&#x27;); } var srcImg = null, srcName = &#x27;imagen&#x27;, srcSize = 0, srcUrl = null; function handleFile(f){ document.getElementById(&#x27;results&#x27;).innerHTML=&#x27;&#x27;; document.getElementById(&#x27;panel&#x27;).style.display=&#x27;none&#x27;; srcImg = null; if(!f){ return; } if(!/image\/(png|jpeg|bmp|x-ms-bmp)/.test(f.type) &amp;&amp; !/\.(png|jpe?g|bmp)$/i.test(f.name)){ st(&#x27;Ese archivo no es una imagen PNG, JPG ni BMP. Elige una imagen que termine en .png, .jpg, .jpeg o .bmp.&#x27;, true); sendH(); return; } if(f.size &gt; 20*1024*1024){ st(&#x27;Esa imagen supera los 20 MB. Convierte una imagen más pequeña.&#x27;, true); sendH(); return; } st(&#x27;Leyendo \u00ab&#x27; + esc(f.name) + &#x27;\u00bb\u2026&#x27;); var url = URL.createObjectURL(f); var img = new Image(); img.onload = function(){ srcImg = img; srcName = baseName(f.name); srcSize = f.size; srcUrl = url; document.getElementById(&#x27;info&#x27;).textContent = f.name + &#x27; \u2014 &#x27; + img.naturalWidth + &#x27; x &#x27; + img.naturalHeight + &#x27; px \u2014 &#x27; + fmt(f.size); document.getElementById(&#x27;preview&#x27;).innerHTML = &#x27;&lt;img src=&quot;&#x27; + url + &#x27;&quot; alt=&quot;Vista previa de la imagen original&quot;&gt;&#x27;; document.getElementById(&#x27;panel&#x27;).style.display = &#x27;block&#x27;; st(&#x27;Imagen cargada. Elige una calidad y pulsa Convertir a WebP.&#x27;); sendH(); }; img.onerror = function(){ URL.revokeObjectURL(url); st(&#x27;No se ha podido abrir esa imagen. Puede estar dañada o no ser un PNG, JPG o BMP real. Prueba con otro archivo.&#x27;, true); sendH(); }; img.src = url; } function convert(){ if(!srcImg){ return; } var q = parseFloat(document.getElementById(&#x27;quality&#x27;).value); var btn = document.getElementById(&#x27;go&#x27;); btn.disabled = true; st(&#x27;Convirtiendo a WebP\u2026&#x27;); var canvas = document.createElement(&#x27;canvas&#x27;); canvas.width = srcImg.naturalWidth; canvas.height = srcImg.naturalHeight; var ctx = canvas.getContext(&#x27;2d&#x27;); ctx.drawImage(srcImg, 0, 0); if(!canvas.toBlob){ btn.disabled = false; st(&#x27;Tu navegador no ha podido codificar WebP. Prueba con una versión actual de Chrome, Edge o Firefox.&#x27;, true); sendH(); return; } canvas.toBlob(function(blob){ btn.disabled = false; if(!blob){ st(&#x27;Tu navegador no ha podido codificar WebP. La codificación WebP funciona en las versiones actuales de Chrome, Edge y Firefox, y en Safari 14 o posterior: prueba con uno de esos navegadores.&#x27;, true); sendH(); return; } var url = URL.createObjectURL(blob); var saved = srcSize ? (1 - blob.size / srcSize) * 100 : 0; var cmp; if(saved &gt; 0){ cmp = &#x27;&lt;div class=&quot;big&quot;&gt;&#x27; + saved.toFixed(1).replace(&#x27;.&#x27;, &#x27;,&#x27;) + &#x27;% más pequeño&lt;/div&gt;&#x27;; } else { cmp = &#x27;&lt;div class=&quot;big&quot;&gt;&#x27; + fmt(blob.size) + &#x27;&lt;/div&gt;&lt;p style=&quot;margin:6px 0 0&quot;&gt;Este WebP no es más pequeño que el original: puede ocurrir con imágenes diminutas o ya optimizadas. Prueba con una calidad más baja.&lt;/p&gt;&#x27;; } document.getElementById(&#x27;results&#x27;).innerHTML = &#x27;&lt;div class=&quot;card&quot;&gt;&#x27; + cmp + &#x27;&lt;table&gt;&lt;tr&gt;&lt;th&gt;Original (PNG)&lt;/th&gt;&lt;td&gt;&#x27; + fmt(srcSize) + &#x27;&lt;/td&gt;&lt;/tr&gt;&#x27; + &#x27;&lt;tr&gt;&lt;th&gt;Resultado WebP&lt;/th&gt;&lt;td&gt;&#x27; + fmt(blob.size) + &#x27;&lt;/td&gt;&lt;/tr&gt;&#x27; + &#x27;&lt;tr&gt;&lt;th&gt;Dimensiones&lt;/th&gt;&lt;td&gt;&#x27; + canvas.width + &#x27; x &#x27; + canvas.height + &#x27; px&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&#x27; + &#x27;&lt;img class=&quot;prev&quot; src=&quot;&#x27; + url + &#x27;&quot; alt=&quot;Vista previa del WebP convertido&quot;&gt;&#x27; + &#x27;&lt;p style=&quot;margin:10px 0 0&quot;&gt;&lt;a class=&quot;dl&quot; href=&quot;&#x27; + url + &#x27;&quot; download=&quot;&#x27; + esc(srcName) + &#x27;.webp&quot;&gt;Descargar &#x27; + esc(srcName) + &#x27;.webp&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&#x27;; st(&#x27;Listo: tu imagen WebP está preparada.&#x27;); sendH(); }, &#x27;image/webp&#x27;, q); } var drop = document.getElementById(&#x27;drop&#x27;), fileInput = document.getElementById(&#x27;file&#x27;); drop.addEventListener(&#x27;click&#x27;, function(){ fileInput.click(); }); fileInput.addEventListener(&#x27;change&#x27;, function(){ handleFile(fileInput.files[0]); }); drop.addEventListener(&#x27;dragover&#x27;, function(e){ e.preventDefault(); drop.classList.add(&#x27;over&#x27;); }); drop.addEventListener(&#x27;dragleave&#x27;, function(){ drop.classList.remove(&#x27;over&#x27;); }); drop.addEventListener(&#x27;drop&#x27;, function(e){ e.preventDefault(); drop.classList.remove(&#x27;over&#x27;); if(e.dataTransfer.files.length) handleFile(e.dataTransfer.files[0]); }); document.getElementById(&#x27;go&#x27;).addEventListener(&#x27;click&#x27;, convert); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; " id="wpc-frame-6167" class="wpc-embed-frame" style="width:100%;border:0;display:block;overflow:hidden;" scrolling="no"></iframe> <p><a href="https://ilmhunt.com/png-a-webp/" target="_blank" rel="noopener">Convertir PNG a WebP gratis – Reduce tus imágenes PNG a WebP online</a> by <a href="https://ilmhunt.com/" target="_blank" rel="noopener">IlmHunt</a> — herramientas gratis en línea</p>