Recortar, rotar y voltear imagen

El recorte extrae un rectángulo de la imagen origen; la rotación la gira 90° o 180° sin interpolación; el volteo la refleja horizontal o verticalmente. Los tres son exactos a nivel de píxel — nada se difumina o remuestrea hasta el paso final de codificación. El formato de salida es independiente del de entrada: puedes recortar un JPG y guardarlo como PNG o viceversa.

Ejemplo

Entrada:  JPG horizontal 4000 × 3000, 2,8 MB
Acción: rotar 90° horario, recortar a 1:1 en x=0 y=500 w=3000 h=3000
Salida: JPG 3000 × 3000, calidad 92 → ~520 KB

Errores frecuentes al recortar

• Proporción bloqueada incorrectamente. Si quieres una miniatura de reel 9:16 pero el desplegable dice 16:9, el resultado será horizontal en lugar de vertical. Verifica la proporción antes de escribir ancho/alto.
• La región de recorte excede la imagen. Pedir un recorte de 3000 px de ancho sobre un origen de 2400 px se limita al borde de la imagen. Si la vista previa es más corta de lo esperado, tu recorte salió del área.
• Rotar después de recortar, en lugar de antes. Si recortas un rectángulo ajustado y luego rotas 90°, el rectángulo queda de lado. Rota y voltea primero — por eso los botones están agrupados sobre los campos de recorte.
• Guardar como PNG cuando querías un archivo pequeño. Un recorte fotográfico en PNG sigue siendo grande. Para fotos usa Formato JPG o WebP; guarda PNG para capturas, texto o imágenes con transparencia.
• Olvidar pulsar Aplicar. Cambiar los campos actualiza la superposición, pero Descargar envía el último resultado aplicado. Pulsa Aplicar tras cada cambio que quieras conservar.
• Recortar una foto de móvil con rotación EXIF. Algunos móviles guardan fotos físicamente horizontales pero con una marca de rotación. Esta herramienta respeta la marca, pero si otra app de tu flujo no lo hace, las coordenadas de recorte pueden desplazarse.

¿Por qué mis números de recorte X / Y / Ancho / Alto están en píxeles y no en porcentaje?

Los píxeles son inequívocos y coinciden con lo que usan los editores de imagen. Si el origen es 4000 × 3000, un recorte x=500, y=300, w=3000, h=2250 es exacto y reproducible. Los recortes por porcentaje se desplazan cuando antes rotas o cambias el tamaño de la imagen.

¿Rotar o voltear reduce la calidad de la imagen?

Las rotaciones de 90° y 180° y los volteos horizontal/vertical son reordenamientos de píxeles sin pérdida — sin interpolación ni pérdida de calidad. El paso final de recorte vuelve a codificar al formato elegido (PNG es sin pérdida; JPG / WebP dependen de la calidad).

¿Qué proporciones soporta la herramienta?

Libre (cualquier W × H), 1:1 (cuadrado), 4:3 y 3:4 (foto estándar), y 16:9 y 9:16 (panorámico / vertical). Al bloquear una proporción, al cambiar el ancho se actualiza el alto automáticamente para que la región no salga del ratio.

¿A qué formatos puedo exportar?

La salida puede ser PNG, JPG o WebP, independientemente del formato de entrada. PNG es sin pérdida y el mejor para capturas o gráficos de color plano. JPG y WebP son con pérdida y producen archivos mucho más pequeños para fotos. WebP suele ser 25–35% más pequeño que el JPG equivalente.

¿Puedo recortar una foto muy grande?

Sí, hasta el límite de memoria del navegador. El origen se decodifica con createImageBitmap y se dibuja en un canvas. Fotos de más de ~100 megapíxeles pueden no decodificarse en móviles con poca memoria. Si pasa, reduce el tamaño del origen y luego recorta.

¿Guardan las imágenes que recorto aquí?

No. No guardamos la imagen que arrastras ni conservamos la versión recortada que descargas. Todo se descarta al cerrar o recargar la pestaña — sin registros, sin rastro por nuestro lado de lo que recortaste. Si quieres más tranquilidad, las herramientas de desarrollo del navegador lo confirmarán.