Resumen
Este recortador de imágenes está pensado para encuadres precisos. Introduce coordenadas para ajustar una foto de producto, aislar una parte de un gráfico o eliminar bordes sobrantes de un banner sin adivinar la zona. La herramienta funciona directamente en el navegador, así que puedes modificar el recorte y ver el cambio de inmediato. Es útil cuando la imagen final debe encajar en una plantilla, en una documentación o en un área concreta de diseño. Si necesitas un avatar cuadrado, un encabezado panorámico o un recorte limpio de una captura, tienes control total sobre la zona visible y la composición final.
Casos de uso
- Ajuste de foto de producto para catálogoRecorta el exceso de fondo alrededor del producto para que el objeto ocupe mejor el encuadre.
- Recorte de una captura para documentaciónConserva solo la ventana, la tabla o el bloque de código que necesitas para una guía o nota interna.
- Alineación de un banner para cabeceraCorta un gráfico ancho al espacio exacto reservado en una sección hero o en un email.
- Encuadre de un retrato para avatarSelecciona cara y hombros para una imagen de perfil sin espacios vacíos alrededor.
Como funciona
- 1
Carga una imagen desde tu dispositivo o pégala en la herramienta.
- 2
Define crop X, crop Y, crop width y crop height.
- 3
Revisa la vista previa para confirmar la zona visible y los bordes.
- 4
Descarga la imagen recortada cuando el encuadre sea correcto.
Ejemplos
Recortar una foto de producto a cuadrado
Entrada: cropX=120, cropY=80, cropWidth=900, cropHeight=900 sobre una imagen horizontal de producto
Salida: Una imagen cuadrada centrada en el producto con los laterales eliminados.
Útil cuando un catálogo o una tarjeta social necesita formato cuadrado.
Extraer un panel de un panel de control
Entrada: cropX=40, cropY=210, cropWidth=1280, cropHeight=620 sobre una captura completa
Salida: Solo queda la sección del gráfico, sin navegación ni pie de página.
Sirve para aislar un bloque visual dentro de una interfaz más grande.
Recortar un banner ancho a franja hero
Entrada: cropX=0, cropY=140, cropWidth=1920, cropHeight=520 sobre el diseño del banner
Salida: Un banner más estrecho que conserva el titular principal y la composición.
Conveniente cuando el diseño debe adaptarse a una web o un correo.
FAQ
¿Qué representan crop X y crop Y?
Son el punto de inicio del rectángulo de recorte medido desde la esquina superior izquierda de la imagen. X mueve el marco en horizontal y Y en vertical.
¿Qué pasa si el área de recorte supera la imagen?
El recorte no puede incluir píxeles que no existen. El ancho y el alto deben quedar dentro de los límites de la imagen; de lo contrario, el resultado puede recortarse o no aceptarse.
¿Por qué mi recorte no coincide con la vista previa?
Suele ocurrir cuando la imagen está girada, se usa una escala distinta a la esperada o las coordenadas proceden de otro archivo con tamaño diferente. Comprueba las dimensiones originales antes de reutilizar los números.
¿Se puede mantener la proporción al recortar?
El recorte genera un nuevo encuadre, así que la proporción final depende del ancho y el alto que definas. Si necesitas un formato fijo, ajusta las coordenadas para esa relación.
¿Por qué una captura de pantalla necesita coordenadas distintas a una foto?
Las capturas tienen bordes nítidos, elementos de interfaz y una disposición basada en píxeles, por eso los valores exactos importan más que en una foto natural.