Saltar al contenido principal

Recortador de imágenes gratis

Recorte imágenes arrastrando para seleccionar, restricciones de relación de aspecto opcionales (1:1, 16:9, 4:3, etc.), cuadrícula de regla de tercios y exportación multiformato (JPEG, PNG, WebP).

Funciona sin conexión una vez cargado

Suelta un archivo aquí o haz clic para buscarlo

JPG, PNG, WebP, HEIC, HEIF · procesado en tu dispositivo

o pulsa Ctrl+V para pegar desde el portapapeles

Explorar archivos

Consejo: puedes pegar una captura con Ctrl+V

Tus archivos nunca salen de tu dispositivo. Todo el procesamiento se realiza localmente en tu navegador.

Usos habituales

  • Recortar Fotos para InstagramRecorta a las relaciones de aspecto preferidas de Instagram: 1:1 (cuadrado), 4:5 (retrato) y 1.91:1 (paisaje).
  • Recortar Fotos de Perfil a CuadradoCrea fotos de perfil cuadradas para LinkedIn, Twitter, GitHub o cualquier plataforma social.
  • Recortar Miniaturas de YouTube y ArtículosRecorta a la relación de aspecto 16:9 utilizada por videos de YouTube y la mayoría de imágenes de héroe de blog.
  • Recortar Fotos de Pasaporte / IDRecorta fotos a la relación de aspecto estándar de retrato 2:3 para aplicaciones de pasaporte, visa e ID.
  • Recortar Fotos de Producto de Comercio ElectrónicoEstandariza relaciones de aspecto de fotos de producto para Amazon, Shopify, Etsy y otros mercados.

Cómo funciona

El recorte ocurre enteramente en tu navegador usando la API Canvas de HTML5: sin subida, sin servidor. Arrastras una región de selección directamente sobre un elemento canvas, y cuando aplicas el recorte, el motor de renderizado 2D integrado del navegador lee solo los píxeles seleccionados y los recodifica a JPEG, PNG o WebP.

  1. 1
    La imagen se carga en memoria
    Tu archivo se lee con URL.createObjectURL(), que le entrega al navegador una URL de blob local. Un HTMLImageElement decodifica el archivo enteramente en la pestaña del navegador: los bytes de la imagen nunca salen de tu dispositivo.
  2. 2
    Los Pointer Events impulsan la selección de recorte
    La API Pointer Events del navegador (que unifica la entrada de ratón, tacto y lápiz) sigue los arrastres en una superposición de lienzo. Pulsar fuera de la selección inicia un nuevo rectángulo; pulsar dentro lo mueve; pulsar cerca de la esquina inferior derecha lo redimensiona. Los preajustes opcionales de relación de aspecto (1:1, 16:9, 4:3, etc.) restringen la geometría durante el arrastre.
  3. 3
    Canvas dibuja la vista previa en vivo
    Con cada cambio de recorte, el contexto Canvas 2D redibuja la imagen, aplica una superposición oscura fuera de la selección, limpia la región de recorte para mostrar la imagen original con fidelidad completa, y superpone una cuadrícula de regla de tercios y un control de redimensionado verde azulado.
  4. 4
    toBlob() codifica y entrega el resultado
    Al hacer clic en Recortar, se crea un nuevo lienzo fuera de pantalla con las dimensiones exactas del recorte. ctx.drawImage() copia solo el rectángulo seleccionado, y canvas.toBlob() codifica el resultado usando el codificador nativo JPEG, PNG o WebP del navegador en tu nivel de calidad elegido. La salida se entrega de vuelta como una URL de blob local para descargar.

Tu imagen se abre como una URL de blob local y se procesa enteramente dentro de la pestaña de tu navegador: nada se sube a ningún servidor en ningún momento.

Herramientas relacionadas

Preguntas frecuentes