Comprimir PNG con Canvas y escala opcional
Esta herramienta carga el PNG, lo dibuja en un Canvas del navegador dimensionado según la escala elegida y exporta otro PNG. Al 100%, las dimensiones de salida coinciden con las del Canvas; con una escala menor se reducen. La recodificación con Canvas puede cambiar píxeles y el tamaño depende de la imagen y del codificador del navegador. No se garantiza un archivo menor ni píxeles idénticos. Esta ruta no usa UZIP ni browser-image-compression.
Cómo comprimir un PNG
- Selecciona o arrastra una imagen PNG.
- Mantén la escala al 100% para conservar las dimensiones del Canvas o elige una menor para redimensionar.
- Revisa dimensiones, aspecto y tamaño; no se garantiza una salida menor ni píxeles idénticos.
- Descarga la copia si te sirve. El original no se modifica.
Casos de uso comunes
- Crear una copia PNG redimensionada cuando sirven unas dimensiones menores.
- Comparar la recodificación Canvas antes de usar el PNG.
Preguntas frecuentes
¿Esta herramienta usa UZIP o browser-image-compression?
No. Dibuja la imagen en Canvas del navegador y exporta un PNG.
¿La escala del 100% conserva todos los píxeles?
Mantiene las dimensiones del Canvas iguales a las de origen, pero decodificar y recodificar con Canvas puede cambiar píxeles.
¿Qué ocurre por debajo del 100% de escala?
Se reducen las dimensiones, cambia la cuadrícula de píxeles y pueden alterarse detalles.
¿El PNG siempre será más pequeño?
No. El tamaño depende de la imagen y del codificador del navegador. Una escala menor reduce dimensiones, pero no garantiza un archivo menor.
¿Un ajuste de calidad afecta a la salida PNG?
El control relevante es la escala. Cambia las dimensiones; Canvas también puede cambiar píxeles incluso al 100%.
La escala cambia las dimensiones; revisa la salida
Al 100%, la imagen también se decodifica y recodifica mediante Canvas, así que los píxeles pueden cambiar. Con una escala menor también se reduce la cuadrícula. El formato PNG sin pérdida no evita cambios durante el dibujo y el remuestreo. Comprueba dimensiones, aspecto y tamaño antes de sustituir el original.
- Salida PNG creada mediante Canvas del navegador
- La escala opcional reduce dimensiones por debajo del 100%
- Comparación del tamaño antes y después
- Procesamiento en el navegador; la imagen no se sube
Gratis. Sin registro. Sin subidas. Anuncios mediante AdSense (con consentimiento).
Fuentes (2)
- WHATWG (live). HTML Living Standard — Canvas 2D Context: drawImage() and HTMLCanvasElement.toBlob(). html.spec.whatwg.org/#dom-context-2d-drawimage + html.spec.whatwg.org/#dom-canvas-toblob — this route draws the decoded image to a Canvas sized from the selected scale and exports image/png; Canvas decode, resampling, and re-encoding can alter pixels, and file-size reduction is not guaranteed.
- W3C (PNG Working Group) (2003). Portable Network Graphics (PNG) Specification (Second Edition). W3C Recommendation 10 November 2003 / ISO/IEC 15948:2004 — PNG output format; the format's lossless encoding does not guarantee that pixels remain unchanged after an image has been decoded, resized, or re-encoded through Canvas.
Son las especificaciones del W3C, ISO/IEC, ITU-T e IETF que la herramienta implementa o sobre las que se apoya. Localízalas en w3.org, iso.org, itu.int o datatracker.ietf.org.