✂️
Photo & Image/Image Crop & Compress

Image Crop & Compress

Crop images with aspect ratio presets, compress quality, and convert format. Visual crop editor. 100% browser-based.

100% LOCALVisual crop editorAspect ratio presetsQuality compressionFormat conversion
Saved Settings· Auto-save on
▾
La calculadoraPage 1
🖼️
Drop your image here or click to upload
JPG, PNG, WebP, GIF — crop, compress, convert. 100% local.
Data Source & Legal Disclaimer
Effective: 2026
Sources: Browser-side processing (no external API)

This tool runs 100% in your browser. All computation happens locally on your device — your input is never uploaded to any server. Results are for reference only.

See all data sources & update policy →
Cómo funcionaPage 2

How image cropping works — illustrated

Cropping discards pixels, it never invents them. A selection rectangle records the source coordinates (x, y, w, h) in the original image's own pixel space, and the crop then calls drawImage to copy exactly that region into a brand-new canvas. Because the source region is re-encoded, the crop also lets you recompress quality, convert format, and downscale in the same pass — which is how the same action both trims the frame and shrinks the file size.

Selection box → region copied to a fresh canvas
SOURCE · 800 × 600 px(x, y)(x+w, y+h)selection in source pixelscopy regionsx sy sw shCROPPED · 400 × 300 pxonly selected pixels survivedrawImage(img, sx, sy, sw, sh, 0, 0, dw, dh) copies only pixels inside the selection

Only pixels inside the selection survive. The crop box is defined in the source image's natural pixel coordinates, so the output is always a true, lossless-in-region copy of that rectangle — quality and format changes happen when it is re-encoded.

Cropping a 4032 × 3024 photo for Instagram

A phone photo is portrait-friendly but oversized; you want a square 1080 × 1080 for a 1:1 feed post.

  1. Lock 1:1 aspect:Dragging is constrained so the crop box width always equals its height
  2. Size the box:Select the largest 1080 × 1080 region that fits inside the photo
  3. Set quality and format:JPEG at 80% with a 1080 px max width keeps the crop web-ready
  4. Crop and export:Only the selected rectangle is copied to a fresh canvas and encoded — the output lands near ~250 KB
FAQ y detallesPage 3

Crop images with aspect ratio presets (1:1, 16:9, 4:3), compress quality, convert JPG/PNG/WebP. Everything runs locally; nothing is uploaded.

FreeToolHub Image Crop & Compress is a free browser-based tool — crop images with aspect ratio presets (1:1, 16:9, 4:3), compress quality, convert JPG/PNG/WebP. No signup, no upload; everything runs locally in your browser.

Sobre esta herramienta

¿Qué es esta herramienta?

Recorta imágenes con proporciones predefinidas (1:1, 16:9, 4:3), comprime la calidad y convierte JPG/PNG/WebP. Editor visual de arrastrar y recortar. 100% en el navegador.

Visual crop editorAspect ratio presetsQuality compressionFormat conversion

¿Qué es la herramienta de recorte y compresión de imágenes?

La herramienta de recorte y compresión de imágenes es un editor visual gratuito que funciona en el navegador y combina dos operaciones esenciales en un mismo flujo de trabajo. El modo de recorte ofrece un lienzo donde se selecciona arrastrando, con preajustes de relación de aspecto (Libre, 1:1, 4:3, 16:9, 3:2, 9:16) para redes sociales, miniaturas e impresión. El modo de compresión permite ajustar la calidad (10-100 %), elegir el formato de salida (JPG, PNG, WebP) y fijar un ancho máximo para reducir la resolución. Todo el procesamiento ocurre localmente con la API Canvas de HTML5: tus imágenes nunca salen del navegador.

¿Quién debería usar esta herramienta?

Creadores de contenido que recortan imágenes a relaciones de aspecto concretas para Instagram (1:1), miniaturas de YouTube (16:9) y Pinterest (2:3). Bloggers que comprimen imágenes para reducir los tiempos de carga sin pérdida de calidad visible. Desarrolladores web que convierten entre JPG, PNG y WebP para la entrega óptima en el navegador. Estudiantes e investigadores que recortan capturas de pantalla para destacar zonas concretas. Y cualquiera que necesite recortar y comprimir una imagen rápidamente sin abrir Photoshop ni instalar nada.

Cómo usar la herramienta de recorte y compresión

Sube una imagen arrastrándola a la zona de destino. El editor visual aparece con tu imagen y una capa oscura encima. Haz clic y arrastra sobre la imagen para seleccionar la zona de recorte; la selección se resalta en tiempo real. Elige un preajuste de relación de aspecto para fijar la forma del recorte. Ajusta la calidad de compresión con el control deslizante, selecciona el formato de salida (JPG/PNG/WebP) y, si quieres, define un ancho máximo. Pulsa Crop & Compress para procesar, y después previsualiza y descarga el resultado. Todo el procesamiento es instantáneo y local.

Preguntas frecuentes

¿Qué relaciones de aspecto admite?

La herramienta admite recorte Libre (sin restricción), 1:1 (cuadrado, Instagram), 4:3 (estándar), 16:9 (panorámico, YouTube), 3:2 (DSLR) y 9:16 (vertical, Stories/Reels). Selecciona un preajuste antes o durante el recorte para fijar la selección a esa proporción.

¿Cuál es la diferencia entre recortar y comprimir?

Recortar elimina las zonas exteriores no deseadas para centrarte en una región concreta. Comprimir reduce el tamaño del archivo bajando la calidad o cambiando el formato. Esta herramienta combina ambas: primero recortas para conseguir el encuadre correcto, después comprimes para optimizar el tamaño. Las dos operaciones se potencian: el recorte reduce las dimensiones (menos píxeles) y la compresión reduce la calidad (menos datos por píxel).

¿Qué formato debería elegir?

JPG es ideal para fotografías con degradados suaves: el menor tamaño de archivo a una calidad dada. PNG es ideal para gráficos con bordes nítidos, texto o transparencia: sin pérdidas, pero con archivos mayores. WebP es la alternativa moderna: más pequeño que JPG a calidad similar y admitido por todos los navegadores modernos. Para web se recomienda WebP; para impresión, JPG con calidad del 90 % o más.

¿A qué relación de aspecto debería recortar?

Coincide con el destino: 1:1 para fotos de perfil y el feed de Instagram, 4:3 o 3:2 para impresión y fotografía general, 16:9 para miniaturas de vídeo y banners web, 9:16 para stories y shorts. Recortar a la proporción nativa de la plataforma evita que los recortes automáticos centralizados corten cabezas más tarde. El recorte Libre está para todo lo demás: los preajustes son atajos, no reglas.

¿Qué calidad JPEG conviene al exportar?

0,8 (80 %) es el punto óptimo: visualmente indistinguible del 100 % en fotos y con una fracción del tamaño. Por debajo de 0,6 aparecen bloques en los degradados y los bordes del texto; por encima de 0,9 pagas kilobytes reales por diferencias que nadie ve. Para capturas de pantalla con texto conviene PNG o WebP: la compresión de JPEG está pensada para tonos continuos y emborrona los bordes nítidos.

¿Por qué exportar WebP en lugar de JPEG o PNG?

WebP ocupa entre un 25 y un 35 % menos que JPEG con calidad visual equivalente y admite transparencia donde JPEG no puede. La contrapartida es la compatibilidad: los navegadores, teléfonos y WordPress modernos lo manejan sin problema, pero parte del software antiguo y algunos clientes de correo no. Para subir a la web, WebP suele ser la mejor opción; para archivos que deben abrirse en cualquier parte, JPEG sigue siendo el idioma común. La herramienta de recorte exporta los tres, así que la decisión se toma una vez, al guardar.

¿Para qué sirve la opción de ancho máximo?

Limita las dimensiones de salida para el caso habitual de pre-dimensionar imágenes web: una foto de cámara de 4000 px mostrada a 1200 px ocupa 10 veces más sin ninguna ganancia visible, y subirla en crudo desaprovecha ancho de banda e invita a la plataforma a recomprimirla. Fija el límite al mayor tamaño de visualización que necesites (1200-1600 px cubre casi todo el uso web) y las fuentes mayores se reducirán automáticamente; las más pequeñas pasan intactas, nunca se amplían.

Herramientas relacionadas

Compartir:𝕏inf⬆
Joke of the Day
Oct 22

What do you call a really smart cookie?

Free core, no account

Keep the Free Edition Free

No signups, no data sold. Every tool is free to use — the free tier allows 5 downloads or saves per day, and the optional Pro plan ($7/mo, $59/yr) adds unlimited downloads, batch processing, white-label exports and an ad-free experience.

☕Support me on Ko-fi— support the free tier

100% of proceeds go towards hosting & building more free tools.