Recortador de imágenes
Recorta arrastrando un cuadro de selección, fija una relación de aspecto como 1:1 o 9:16, y exporta a la resolución original en PNG, JPEG o WebP.
El recorte se hace por completo en tu navegador. Tu imagen nunca sale de tu dispositivo.
Recorta tu imagen
Suelta una imagen aquí
PNG, JPG, WebP, GIF · hasta ~50 MB
Cómo funciona el recorte
La vista previa que ves está reducida para caber en el lienzo, pero el recorte nunca se toma de esa vista. Cada rectángulo que arrastras se traduce de vuelta al espacio de píxeles de la imagen original antes de dibujar nada, de modo que la exportación lleva píxeles reales del archivo.
- Coordenadas de pantalla vs. nativas
- La selección vive en coordenadas de pantalla: un cuadro en (x, y) de w píxeles de ancho en una vista previa de, por ejemplo, 640 px. Para recortar se multiplica por naturalWidth ÷ displayedWidth — en una foto de 4000 px mostrada a 640 px el factor es 6,25, así que un cuadro de 192 px se convierte en un recorte de 1200 px. La altura usa el mismo factor y el rectángulo de origen se copia 1:1, sin remuestrear a ninguna escala.
- Por qué existe 9:16
- Historias, Shorts, Reels y TikTok son verticales 9:16 — 1080 × 1920 es el encuadre canónico. Con la proporción fija, arrastrar una esquina te da ese formato exacto en lugar de adivinarlo con el ratón; 3:2 (la proporción clásica de cámara) y 4:3 (presentaciones y la mayoría de sensores) están al lado por lo mismo.
- La nota honesta sobre los GIF
- Un GIF puede guardar decenas de fotogramas, pero el navegador solo entrega el primero a la API Canvas, y el canvas no sabe codificar una animación. Si cargas un GIF animado, recortas una imagen fija: ese primer fotograma, exportado como PNG, JPEG o WebP. Nada de esto preserva la animación.
Preguntas frecuentes
¿Recortar reduce la calidad de mi imagen?
No. Recortar elimina píxeles, nunca los remuestrea: el cuadro que arrastras en pantalla se traduce de nuevo a las coordenadas del archivo original, así que una foto de 4000 × 3000 recortada a un área de 1200 × 800 exporta exactamente esos 1200 × 800 píxeles nativos. Lo único que puede rebajar el resultado es el codificador, y eso solo ocurre con la salida JPEG y WebP (calidad 0,92 aquí); la salida PNG es sin pérdidas.
¿Puedo recortar con el dedo en el móvil?
Sí. El cuadro de selección y sus ocho asas responden a eventos de puntero, que cubren ratón, tacto y lápiz, y cada arrastre captura el puntero, de modo que el dedo puede salirse del asa sin perder la selección. El desplazamiento de la página queda intacto: el cuadro simplemente se dibuja encima de la vista previa.
¿Qué pasa con las zonas transparentes si elijo JPEG?
JPEG no tiene canal alfa, así que todo lo transparente dentro del recorte se aplana sobre un relleno blanco antes de codificar. Si necesitas conservar la transparencia, exporta como PNG (la opción por defecto) o WebP: los dos tienen canal alfa y mantienen los bordes de las formas recortadas.
¿Puedo recortar un GIF animado?
Puedes cargarlo, pero el navegador solo expone su primer fotograma a la API Canvas y el canvas no escribe GIF animados. El resultado es una imagen fija PNG, JPEG o WebP de ese primer fotograma. Tu archivo original no se pierde, pero la animación no se traslada.
¿Se sube algo a un servidor?
No. El archivo se lee con un FileReader local, lo decodifica tu navegador y el recorte se dibuja y se codifica en memoria. No hay petición de subida, ni cuenta, ni almacenamiento: desconecta la red y la herramienta sigue funcionando.