Recortar Imagen
Arrastra un cuadro sobre tu imagen para recortarla. Formato libre o fijado a una proporción común, el recorte ocurre a resolución completa.
Haz clic para elegir una imagen, o arrástrala aquí
JPG, PNG, WebP. Se queda en tu dispositivo, no se sube nada.
Tu imagen recortada aparecerá aquí una vez generada.
Elige primero una proporción si necesitas una (como 1:1 para una foto de perfil), luego arrastra el cuadro a su posición. El recorte ocurre a la resolución completa de tu imagen, no al tamaño de visualización de la vista previa, así que la salida se mantiene nítida.
Cómo funciona
Tu archivo se carga a través de URL.createObjectURL, una referencia local en memoria, nunca una subida, y se muestra reducido para caber en el editor. El cuadro de recorte que arrastras se rastrea en píxeles de pantalla, pero en el momento en que pulsas recortar, esas coordenadas se multiplican por la proporción entre el tamaño natural de la imagen y su tamaño mostrado. Así que si tu foto de 4000px se muestra a 800px de ancho, un cuadro de 200px de ancho en pantalla selecciona una región de 1000px de ancho de la imagen real. El rectángulo seleccionado se copia entonces con la forma de rectángulo de origen de drawImage de la API canvas, que extrae exactamente esos píxeles del original a resolución completa.
El formato de salida sigue al de entrada: PNG entra, PNG sale (sin pérdida, idéntico píxel a píxel a la región de origen), cualquier otra cosa se recodifica como JPEG al 92% de calidad vía canvas.toBlob. Esa distinción vale la pena conocer: recortar un JPEG significa una generación extra de compresión JPEG, normalmente invisible al 92% pero real. Si necesitas un recorte exacto a nivel de píxel, dale a la herramienta un PNG.
Todo lo anterior ocurre en el propio decodificador de imágenes y canvas de tu navegador. Abre la pestaña Red de las DevTools antes de soltar una foto: ninguna petición transporta la imagen jamás, lo que también significa que no hay límite de tamaño del lado del servidor ni cola de espera.