Compresor de imagen
Reduce el tamaño de JPG y WebP con slider de calidad y vista previa antes/después en vivo.
Suelta un JPG o WebP, arrastra el slider de calidad y mira cómo cae el tamaño. Una vista previa lado a lado muestra el coste visual de la compresión. Todo en tu navegador. Sin PNG aquí - es sin pérdida; conviértelo primero a WebP o JPG con el conversor de imagen.
Cómo usarla
Drop a JPG or WebP
Drag and drop or click to pick. PNGs are not supported here - convert first via image-converter.
Drag the quality slider
Watch the file-size readout drop and the side-by-side preview change. 75-85 is the usual sweet spot.
Download the compressed copy
Filename gets `-compressed` appended. The original is untouched.
¿Qué es?
An image compressor reduces the file size of a JPG or WebP image by re-encoding the pixels at lower quality. The browser's Canvas API handles the re-encoding; you set the quality on a 0-100 scale and the encoder discards visual detail proportionally. The result is a smaller file that looks almost identical at typical viewing sizes - the workhorse trick behind every fast-loading website.
Cuándo usarla
Preparing photos for a website before they slow down Core Web Vitals. Shrinking an iPhone photo from 5 MB to 200 KB before emailing it. Compressing user uploads on the way to a storage bucket where bandwidth costs add up. Anywhere file size matters and a 5-10 % visual quality drop is invisible at the viewing size.
Errores comunes
Compressing the same image multiple times - lossy formats lose a little quality each round (generational loss); always compress from the original. Picking 100 % quality and being disappointed by tiny savings - the sweet spot is 75-85 %. And compressing a UI screenshot to a lossy format - the compression banding around sharp edges makes the screenshot look broken.
Preguntas frecuentes
- Why is there no PNG option?
- PNG is a lossless format - the only way to compress it is to reduce the colour palette (8-bit PNG) or convert to a lossy format. We don't try to fake compression by re-encoding PNG; instead, send the file through image-converter (PNG → WebP or JPG) and then compress from there.
- What quality is 'safe'?
- 75-85% is the standard 'visually lossless' band for photos. Below 70% you start to see blocky compression artefacts on smooth gradients (sky, skin). Above 90% the file barely shrinks. For UI screenshots, stay above 90% or use a lossless format instead.
- Will it strip EXIF metadata?
- Yes. Canvas re-encodes from raw pixels, so EXIF (camera, GPS, timestamps), the original ICC colour profile, and any embedded thumbnails are stripped. That's usually what you want when publishing to the web; if you need EXIF preserved, use a dedicated photo tool.
Herramientas relacionadas
Más en esta categoría
- Conversor de colores (HEX, RGB, HSL)
- Generador de degradados CSS
- Generador de sombra CSS
- Generador de favicon
- Comprobador de contraste
- Generador de paleta de colores
- Generador de tonos de color
- Generador de clip-path CSS
- Generador de border-radius
- Generador cubic-bezier
- Generador de filtro CSS
- Generador de glassmorphism
- Conversor de imagen
- Redimensionador de imagen
- Imagen a Base64
- Recortador de imagen
- Selector de color de imagen