Recortador de Imágenes
Recorta imágenes con controles visuales de arrastrar para ajustar y una superposición de tercios para guiar la composición. Bloquea la relación de aspecto en configuraciones predefinidas para Instagram (1:1, 4:5), Historias (9:16), pantalla ancha (16:9), cinematográfico (21:9) o recorta libremente. El recorte es perfecto al píxel: la salida contiene exactamente los píxeles de la fuente de la región recortada sin reescalado ni pérdida de calidad.
¿Qué hace esta herramienta?
El Recortador de Imágenes proporciona recorte visual con control preciso. Arrastra las esquinas para cambiar el tamaño del área de recorte y arrastra el centro para reubicarlo. Las configuraciones de relación de aspecto bloquean el rectángulo de recorte a proporciones comunes: libre (sin restricción), 1:1 cuadrado, 4:5 retrato de Instagram, 3:4, 2:3, 9:16 Historia de Instagram/Reel/TikTok, 4:3, 3:2, 16:9 YouTube/pantalla ancha, 21:9 cinematográfico. La superposición de la cuadrícula de tercios ayuda con la composición fotográfica. La salida utiliza píxeles de fuente exactos de la región recortada: no ocurre reescalado, asegurando la máxima calidad.
Cómo funciona
Usando la API de Canvas, la herramienta muestra la imagen con un rectángulo de recorte superpuesto. Las interacciones del usuario (arrastrar asas, arrastrar centro) actualizan las coordenadas del recorte. El bloqueo de relación de aspecto mantiene la proporción de ancho/alto durante el redimensionamiento. Al aplicarse, drawImage() copia exactamente el rectángulo de fuente al canvas de destino sin interpolación: este es el recorte perfecto al píxel. El canvas resultante se codifica luego al formato de salida seleccionado (JPEG, PNG, WebP, AVIF) con configuraciones de calidad elegidas. Los datos de píxel originales dentro de la región recortada pasan sin cambios.
Características
- Arrastra esquinas o mueve el rectángulo para ajustar
- Configuraciones de relación de aspecto: libre, 1:1, 4:5, 3:4, 2:3, 9:16, 4:3, 3:2, 16:9, 21:9
- Guía de composición de tercios
- Perfecto al píxel: la salida es píxeles de fuente exactos, sin reescalado
- Salida multi-formato con control deslizante de calidad
- Vista previa en tiempo real
- 100% en el lado del cliente
Cómo usar
- 1
Suelta una imagen
Funciona cualquier formato común. La imagen se muestra con un rectángulo de recorte inicial.
- 2
Elige relación de aspecto
Bloquea el rectángulo a ratios comunes o déjalo libre. La relación de aspecto restringe cómo se redimensiona el rectángulo.
- 3
Arrastra el rectángulo
Mueve el cuerpo para reubicar; arrastra las esquinas para cambiar el tamaño. Usa la cuadrícula de tercios para guía de composición.
- 4
Aplicar + descargar
Haz clic en Aplicar Recorte, luego Descargar. La región recortada se extrae con la calidad original completa.
Casos de uso comunes
Recorte para redes sociales
Recorta a ratios de Instagram 1:1, 4:5 retrato o 9:16 de Historias. Elimina bordes no deseados y enfócate en el sujeto.
Mejora de composición fotográfica
Usa la superposición de tercios para posicionar elementos clave en puntos de intersección para una composición más fuerte, luego recorta.
Estandarización de relación de aspecto
Crea relaciones de aspecto consistentes en un conjunto de fotos para galerías, diapositivas o catálogos de productos.
Aislamiento de sujeto
Recorta para aislar sujetos, eliminar elementos de fondo distractores o enfocar la atención.
Consejos y buenas prácticas
- El recorte es perfecto al píxel: no hay pérdida de calidad. Pero sí pierdes resolución (píxeles) de las áreas recortadas. Comienza con alta resolución si necesitas una salida grande
- Tercios de la regla: coloca los elementos clave en los puntos de intersección o a lo largo de las líneas para una composición más dinámica que centrar
- Para Instagram retrato 4:5 (1080×1350), usa la relación de aspecto 4:5. Esta es la altura máxima visible en el feed sin recortar
- Después de recortar, considera pasar por Compresor de Imágenes para un tamaño de archivo optimizado: las imágenes recortadas a menudo se reexportan con menor calidad