Image Cropper

Image Cropper

Arrastra para recortar, ajusta a relaciones de aspecto estándar (1:1, 4:5, 16:9, 9:16, …), rota y voltea, exporta como PNG / JPG / WebP. Todo en tu navegador — sin subida, sin registro.

Publicación cuadrada de Instagram: 1:1. Publicación vertical de Instagram: 4:5. Stories de Instagram / Facebook / TikTok / YouTube: 9:16. Miniatura de vídeo de YouTube: 16:9 (1280×720 mínimo). Imagen de publicación en X (Twitter): 16:9 o 1:1. Publicación en LinkedIn: 1.91:1 (cercana a 16:9). Foto de DSLR / cámara de móvil: 3:2. 35 mm clásico o digital antiguo: 4:3.

Sí. El canvas en pantalla se reduce para mostrarse, pero los cálculos de recorte se ejecutan en el espacio de coordenadas de origen (píxeles originales). Cuando haces clic en Descargar, el canvas de exportación se dimensiona exactamente a las dimensiones en píxeles del recorte sobre el origen — sin pérdida de calidad por el escalado en pantalla. Un origen de 4000×3000 recortado a un cuadrado de 1000×1000 se exporta como una imagen de 1000×1000 con calidad completa.

Suelta una imagen aquí, pega desde el portapapeles o

Pensado para flujos de trabajo reales

Cada dimensión que vas a necesitar de verdad, cada transformación que vas a usar de verdad — sin necesidad de Photoshop.

Recorte por arrastre con 8 manejadores

Arrastra cualquiera de los 8 manejadores de esquina o borde para redimensionar el cuadro de recorte, o arrastra el propio cuadro para reposicionarlo. Una rejilla con la regla de los tercios ayuda con la composición.

Presets de relación de aspecto

Ajusta a 1:1 (cuadrado / IG / perfil), 4:5 (vertical de IG), 9:16 (Stories / Reels / TikTok), 16:9 (YouTube), 3:2 / 2:3 (DSLR), 4:3 (clásico) o forma libre. Los manejadores de esquina conservan la relación bloqueada al redimensionar.

Rotar + voltear

Rota 90° a la izquierda / derecha y voltea horizontal / verticalmente con un clic. Las transformaciones se aplican antes del recorte, así que el cuadro que dibujaste se mantiene preciso.

Conversión de formato al exportar

Guarda como PNG (sin pérdidas), JPG (con control deslizante de calidad 50–100 %), WebP (mejor compresión, ~30 % más pequeño que JPG con la misma calidad visual) o conserva el formato de entrada.

Privacidad por diseño

Cada byte se queda en tu dispositivo. La imagen se decodifica en el navegador, se recorta en un canvas y se exporta con canvas.toBlob. Abre DevTools → Network y verás cero peticiones salientes.

Diminuto + rápido

JavaScript puro, sin runtime de framework. La carga en frío pesa menos de 25 KB comprimidos. Recortar una imagen de 4000 × 3000 píxeles y exportarla lleva menos de 200 ms.

Cómo recortar una imagen

Cuatro pasos desde soltar hasta descargar.

  1. 1

    Carga la imagen

    Arrastra cualquier archivo de imagen (JPG, PNG, WebP, AVIF, GIF, BMP) sobre la zona de soltar, haz clic en Elegir archivo o simplemente pega desde el portapapeles con Ctrl/Cmd+V. La imagen se decodifica localmente en tu navegador — no se sube nada.

  2. 2

    Elige una relación de aspecto (o quédate en libre)

    Elige un preset que coincida con dónde vas a usar la imagen — 1:1 para cuadrado de Instagram, 4:5 para vertical de IG, 9:16 para Stories / Reels / TikTok, 16:9 para YouTube, 3:2 para una foto con forma de DSLR. O quédate en "Libre" para cualquier relación personalizada.

  3. 3

    Arrastra para afinar

    Arrastra los 8 manejadores de esquina o borde para redimensionar el cuadro de recorte, o arrastra el propio cuadro para reposicionarlo. La rejilla con la regla de los tercios te ayuda a componer. Con una relación de aspecto bloqueada, los manejadores de esquina la conservan automáticamente. Usa Rotar / Voltear si el origen está al revés o reflejado.

  4. 4

    Exporta

    Elige el formato de salida — conserva el formato de entrada o convierte a PNG (sin pérdidas), JPG (control deslizante de calidad 50–100 %) o WebP (más pequeño que JPG con la misma calidad visual). Haz clic en Descargar y el archivo se guarda con la resolución completa del origen — sin pérdida de calidad por la previsualización en pantalla.

Pensado para diseñadores, gestores de redes sociales y padres con fotos del móvil

Cuatro escenarios habituales en los que un recortador de navegador centrado en la privacidad gana a abrir Photoshop.

Tamaños para publicaciones en redes sociales

¿Tienes una foto horizontal del móvil y necesitas una publicación 1:1 de Instagram? Ajusta a 1:1, arrastra para centrar al sujeto, descarga. Los presets vertical 4:5, Stories 9:16 y YouTube 16:9 cubren el resto.

Recorte de foto de perfil

La mayoría de plataformas fuerzan 1:1. Ajusta a cuadrado, coloca la cara del sujeto en el tercio superior (mejor que en el centro absoluto), descarga. El resultado encaja en LinkedIn, Twitter / X, GitHub, Slack, Discord e intranets corporativas.

Limpieza de fotos de producto

Las plataformas de e-commerce quieren proporciones consistentes — Shopify, Etsy, Amazon y Shopee prefieren 1:1 o 4:5. Recorta un lote de fotos del móvil a la proporción que pide la plataforma con la rejilla de la regla de los tercios para mantener una composición coherente.

Recorte de capturas de pantalla del móvil

Las capturas del móvil incluyen barras de estado, controles de navegación y desbordes de la app. Suelta la captura, arrastra el cuadro de recorte para quedarte solo con el contenido y descarga como PNG (sin pérdidas) para capturas de UI nítidas sin artefactos por recompresión.

100 % privado — se ejecuta en tu navegador

Las fotos y capturas nunca salen de tu dispositivo. Abre DevTools → Network y verás cero peticiones salientes durante el recorte, la transformación o la descarga.

  • La decodificación de imágenes, el renderizado en canvas, la rotación / volteo y la codificación PNG / JPG / WebP se ejecutan en JavaScript en tu máquina.
  • Los metadatos EXIF se eliminan al recodificar (también una función de privacidad — la ubicación GPS de tu foto no sobrevive a la exportación).
  • Sin inicio de sesión, sin telemetría sobre el contenido de la imagen, sin API de imágenes de terceros. Solo usamos una cookie para el estado del consentimiento de cookies y otra para la preferencia de idioma.

Guías relacionadas

Lecturas seleccionadas sobre tamaños en redes sociales, composición fotográfica y privacidad de imágenes.

Preguntas frecuentes

¿Qué relación de aspecto debo usar para [plataforma]?

Publicación cuadrada de Instagram: 1:1. Publicación vertical de Instagram: 4:5. Stories de Instagram / Facebook / TikTok / YouTube: 9:16. Miniatura de vídeo de YouTube: 16:9 (1280×720 mínimo). Imagen de publicación en X (Twitter): 16:9 o 1:1. Publicación en LinkedIn: 1.91:1 (cercana a 16:9). Foto de DSLR / cámara de móvil: 3:2. 35 mm clásico o digital antiguo: 4:3.

¿La salida tiene la misma resolución que el origen?

Sí. El canvas en pantalla se reduce para mostrarse, pero los cálculos de recorte se ejecutan en el espacio de coordenadas de origen (píxeles originales). Cuando haces clic en Descargar, el canvas de exportación se dimensiona exactamente a las dimensiones en píxeles del recorte sobre el origen — sin pérdida de calidad por el escalado en pantalla. Un origen de 4000×3000 recortado a un cuadrado de 1000×1000 se exporta como una imagen de 1000×1000 con calidad completa.

¿Por qué a veces mis fotos del móvil aparecen de lado?

Las cámaras de los móviles incrustan una etiqueta de orientación EXIF en lugar de rotar los píxeles reales. Algunos navegadores (incluido Safari antiguo) la aplican automáticamente; otros no. Si tu imagen aparece de lado, haz clic en el botón Rotar — el recortador usará la versión correctamente orientada para el recorte y la exportación.

¿Recortar un JPG lo recodifica y pierde calidad?

Sí. JPG es un formato con pérdidas, así que cualquier guardado mediante canvas.toBlob('image/jpeg') implica recodificar. Por defecto usamos calidad 92 % (visualmente indistinguible del origen para la mayoría de fotos). Si necesitas fidelidad bit a bit perfecta, elige PNG como formato de salida (sin pérdidas) o WebP para archivos ~30 % más pequeños con la misma calidad visual.

¿Se envía algo a vuestro servidor?

No. El archivo se lee con FileReader, se decodifica en una Image del navegador, se dibuja en un canvas y se exporta con canvas.toBlob. Cada paso ocurre en JavaScript en tu dispositivo. Abre DevTools → Network y verás cero peticiones salientes durante el recorte o la descarga. Usamos una cookie para el estado del consentimiento de cookies y otra para la preferencia de idioma, eso es todo.