Comprimir PNG

¿Cómo funciona la compresión PNG en el navegador?

PNG es un formato de imagen sin pérdida: cada píxel se almacena exactamente, el tamaño de archivo surge de tres capas — filtro (cómo se hace predecible la fila de píxeles), compresión DEFLATE (reducción tipo zip de bytes redundantes) y la estructura de chunks (chunks obligatorios como IHDR/IDAT/IEND más chunks auxiliares opcionales para metadatos). Quien reduzca un PNG tiene dos palancas: mejor elección de filtro/DEFLATE (sin pérdida) o menos colores (con pérdida).

La herramienta usa dos codificadores especializados, ambos como WebAssembly en la pestaña del navegador:

PNG (1–50 MB)
    ↓
[1] Escaneo alfa → opaco / binario / semi-transparente
    ↓
[2a] sin pérdida: optimizador especializado (nivel 2) — píxeles bit-idénticos
[2b] con pérdida: cuantización de paleta — 8 a 256 colores
    ↓
[3] Strip metadatos (tEXt, iTXt, zTXt, eXIf, tIME)
    ↓
[4] Deslizador A/B + stats por archivo
    ↓
ZIP o archivos individuales

Si la vía WASM no se inicializa en su navegador, la herramienta cae silenciosamente a la Canvas API — más pequeña que el original, pero sin la ganancia completa del optimizador.

¿Cuándo sin pérdida, cuándo con pérdida?

Elegir sin pérdida cuando los píxeles deban ser exactos:

• Capturas con texto, maquetas UI, snippets de código en forma de imagen
• Pixel art, iconos, logos con bordes duros
• Diagramas, gráficos, dibujos técnicos
• todo lo que tal vez se vuelva a retocar después

Sin pérdida entrega típicamente 20–40 % de reducción. En capturas de smartphone modernas (PNG con compresión mínima en la fuente) hasta 50 %.

Elegir con pérdida cuando el tamaño de archivo sea más importante que la fidelidad de píxel:

• ilustraciones decorativas con gradientes suaves
• material fotográfico que por razones históricas se presenta como PNG (mejor: considerar JPEG)
• renderizados 3D para entrega web
• fondos donde la posterización en zonas lisas es aceptable

Con pérdida entrega típicamente 60–80 % de reducción. Una calidad de 80 es el punto óptimo para la mayoría de ilustraciones; por debajo de una calidad de 50 la paleta se hace tan pequeña que el bandeo se vuelve visible.

¿Qué muestra el diagnóstico de canal alfa?

Antes de comprimir, la herramienta escanea el canal alfa de cada archivo y lo clasifica en una de tres categorías:

• Opaco en toda la superficie: todos los píxeles tienen alfa 255. PNG es aquí a menudo excesivo — mostramos un enlace indicador al compresor JPG, que para imágenes opacas entrega típicamente archivos sensiblemente más pequeños.
• Transparencia binaria: solo alfa 0 o 255, sin valor intermedio. Clásico en iconos con bordes duros u hojas de sprite. Ambos modos funcionan aquí sin artefactos visibles.
• Transparencia suave (semi-transparente X %): hay valores intermedios presentes, X % de los píxeles son semi-transparentes. Clásico en sombras, efectos luminosos, bordes con suavizado. Sin pérdida conserva cada valor exactamente; con pérdida puede aquí redondear mínimamente los valores alfa — mostramos un aviso.

El diagnóstico se ejecuta directamente tras arrastrar y soltar, sin que tenga que comprimir. Ayuda a la elección de modo y es la base del enlace cruzado al compresor JPG.

Lo que muestra el deslizador A/B

La comparación A/B superpone original y versión comprimida y los conmuta mediante una línea de separación vertical que mueve con ratón o teclado. En PNG los artefactos son especialmente visibles en los siguientes puntos:

• Gradientes lisos: en modo con pérdida aparece aquí la posterización — rayas de escalones discretos de color en lugar de un gradiente suave.
• Líneas finas y texto: con una calidad muy agresiva los bordes con suavizado pueden romperse.
• Sombras y resplandores: las zonas semi-transparentes se vuelven ocasionalmente más angulares con la cuantización con pérdida.

Haga clic en cualquier parte de la imagen para hacer zoom en la región — ambos lados hacen zoom sincronizado, de modo que la comparación queda precisa. « Reiniciar zoom » le lleva a la vista general. En PNG opacos, la comparación A/B muestra también directamente si JPEG bastaría visualmente — la comparación entre PNG sin pérdida y PNG con pérdida hace rápidamente visible la diferencia.

Metadatos en PNG — ¿qué se elimina?

Los archivos PNG llevan a menudo más metadatos de lo visible. Fuentes habituales:

• tEXt/iTXt/zTXt: campos de texto con autor, nombre de software, comentarios. Photoshop, Affinity, GIMP ponen aquí a menudo el nombre del programa y la fecha de creación.
• eXIf: bloque EXIF con marca de cámara, coordenadas GPS, hora de captura. Raro en PNG, pero presente en capturas iPhone.
• tIME: fecha de modificación como timestamp de 7 bytes.

El conmutador strip metadatos (activo por defecto) elimina estos chunks y reduce ligeramente el tamaño de archivo de forma adicional. Importante: el perfil de color ICC, el marcador sRGB, los valores gamma y chromaticity y la densidad de píxel se conservan — si no, la representación de color vuelca o la imagen se renderiza en tamaño ajeno.

Para una eliminación de metadatos separada y fina (selección por campo, escaneo previo), use nuestra herramienta dedicada de eliminar metadatos — funciona complementariamente a la compresión.

Privacidad — todo se queda en la pestaña del navegador

Muchas herramientas en línea gratuitas para el mismo problema suben sus imágenes a sus servidores, prometen borrado a 24 horas y normalmente también borran. El problema no es el borrado, sino la subida: quien opera el servidor ve las imágenes. Escaneos de DNI, capturas con entradas de contraseña, maquetas internas — todo pasa por manos ajenas, aunque sea brevemente.

Aquí no ocurre nada de eso. Una vez cargada la página, todo el procesamiento corre mediante estándares web (Canvas API, WebAssembly) en la pestaña del navegador. Puede verificarlo en el panel de red de las herramientas de desarrollador: durante la compresión ningún archivo de imagen sale. Tampoco telemetría, ni análisis de clics, ni cookies.

¿Qué lagunas asumidas tiene esta herramienta?

Construimos un compresor PNG, no un comodín de imagen. Lo que conscientemente no está incluido:

• Exportación WebP/AVIF: serían otra herramienta (png-a-webp, png-a-avif existen). Esta página mantiene el scope en PNG → PNG.
• API de servidor: rompe la promesa pure-client — sin palanca de discusión.
• Prueba de estrés con más de 50 archivos: límite blando en 30 archivos con aviso. Los lotes muy grandes necesitan un flujo de servidor que conscientemente no tenemos.
• Filtros personalizados por píxel: sin enfoque, sin posterizar-con-deslizador, sin selector de difuminado. Para eso existen programas de retoque de imagen.
• Conversión de perfil de color sRGB ↔ P3: complejo, propenso a errores, no incluido aquí. Conservamos el perfil existente y no convertimos entre espacios de color.
• Redimensionar al comprimir: herramienta propia Cambiar tamaño de imagen. Quien necesite ambas pasa secuencialmente por las dos herramientas.

La herramienta hace una cosa bien y dice claramente dónde está su límite.

¿Qué herramientas de imagen están relacionadas?

Otras herramientas del ecosistema kittokit que encajan en flujos PNG:

• Comprimir JPG — cuando su imagen es opaca y JPEG basta visualmente, la variante JPG es sensiblemente más pequeña.
• Quitar metadatos — selección fina por campo para JPG, PNG, WebP y PDF.
• Convertir formato de imagen — convertir PNG a WebP o AVIF, ambos a calidad comparable más pequeños que PNG.