Recortador de imagen en canvas y ajustador de relación de aspecto
Recorta, rota, voltea y redimensiona imágenes al instante. Bloquea el cuadro de recorte a relaciones de aspecto estándar (como 1:1, 16:9 o 4:3) o ajusta las dimensiones libremente. Redimensiona y exporta tu resultado como PNG, JPEG o WebP por completo en el lado del cliente, con un 100 % de seguridad.
Select Image to Crop
Drag and drop PNG, JPG, JPEG, WebP, SVG or GIF files.
Upload an image to inspect details and configuration settings.
¿Por qué usar nuestro Recortador de imagen en canvas?
- Tiradores SVG interactivos: ajusta las áreas de recorte con suavidad mediante tiradores de arrastre y redimensionado. Obtén información en tiempo real de las dimensiones en píxeles o especifica las coordenadas de recorte manualmente.
- Bloqueo de relación de aspecto: bloquea el marco de recorte a proporciones estándar como 1:1, 16:9, 4:3 o vertical 9:16, o cambia al recorte libre para dimensiones totalmente personalizadas.
- Controles de rotación y espejo: rota las imágenes al instante 90 grados en sentido horario o antihorario. Voltéalas vertical u horizontalmente para corregir la orientación al momento.
- Aislamiento 100 % local: trabaja con seguridad en tu navegador. Todas las ediciones en canvas, los ajustes de dimensiones y las exportaciones de archivos se ejecutan localmente en tu dispositivo, sin ninguna fuga de datos.
Motor interactivo de recorte en canvas
El Recortador de imagen en canvas aprovecha superposiciones SVG aceleradas por hardware mapeadas sobre contextos de renderizado de HTML5 canvas. Cuando se carga una imagen, se analizan sus dimensiones naturales y se ajustan a un área de edición adaptable. Un cuadro delimitador virtual representa la selección, y admite redimensionado por gestos multitáctiles y arrastre con el ratón. Los tiradores traducen las coordenadas del área de edición directamente a píxeles del espacio de la imagen, garantizando que tu selección de recorte sea matemáticamente exacta hasta el píxel individual.
Aislamiento estricto de datos local: en línea con estrictos estándares de confidencialidad de datos, todos los cálculos se ejecutan por completo en el lado del cliente. Tus imágenes nunca circulan por la red ni residen en servidores intermedios. Las API del navegador procesan los búferes de matriz binaria sin procesar localmente, dentro del entorno aislado de tu página web. Esto ofrece protección total para documentos privados, registros de empresa y activos visuales sensibles.
Matemáticas de la relación de aspecto
El ajuste de la relación de aspecto bloquea la proporción ancho-alto de tu selección de recorte. Seleccionar ajustes predefinidos como 16:9, 4:3 o 1:1 obliga a los tiradores a escalar de forma proporcional. Empleamos ecuaciones de ajuste de caja de relación de aspecto para centrar automáticamente el mayor marco de recorte posible dentro de los límites de la imagen de destino. Para diseños personalizados, el modo libre elimina estas restricciones y permite seleccionar coordenadas de forma independiente en los ejes horizontal y vertical.
Matrices de rotación y espejo
Nuestra herramienta admite rotaciones de 90 grados y volteos horizontales y verticales. Estas acciones se calculan mediante algoritmos de matriz de transformación. Cuando rotas o volteas, las coordenadas del cuadro delimitador del recorte se mapean mediante cálculos de desplazamiento (`rotateBoxClockwise` / `rotateBoxCounterClockwise`), de modo que tu selección de recorte actual sigue automáticamente la rejilla de la imagen transformada. Esto elimina la necesidad de restablecer tu marco de recorte al corregir archivos inclinados o invertidos.
Reescalado de canvas de alta calidad
Al exportar, las coordenadas de recorte se dibujan en un contexto de canvas fuera de pantalla. En lugar de usar el escalado CSS básico, que produce bordes pixelados, el navegador ejecuta algoritmos de interpolación bilineal mediante `CanvasRenderingContext2D.drawImage()`. Esto mantiene líneas limpias y detalles nítidos del texto incluso al reducir archivos de cámara de alta resolución a tamaños más pequeños para distribución móvil.
Controles de compresión en varios formatos: el motor de exportación permite convertir archivos a formatos estándar: JPEG, PNG o WebP. Los usuarios pueden ajustar los controles de calidad para equilibrar el tamaño del archivo y la claridad visual. Exportar a JPEG o WebP utiliza algoritmos de compresión con pérdida, eliminando metadatos de color redundantes. La salida en formato PNG mantiene canales de transparencia sin pérdida, algo esencial para insignias transparentes, gráficos e iconos web.
Preguntas frecuentes
El Recortador de imagen en canvas y ajustador de relación de aspecto es una herramienta de diseño web gratuita que te permite recortar, rotar, voltear y redimensionar imágenes localmente en tu navegador. Usa las API de HTML5 Canvas para editar y convertir tus gráficos sin depender de servidores remotos, protegiendo tu privacidad.
Sí. Puedes bloquear el cuadro de selección a relaciones de aspecto estándar, como 1:1 para fotos de perfil, 16:9 para diapositivas panorámicas, 4:3 para documentos estándar o 9:16 para historias móviles. También puedes elegir la opción de recorte libre para arrastrar los tiradores a cualquier proporción personalizada.
Sí. Puedes rotar las imágenes 90 grados en sentido horario o antihorario, y voltearlas horizontal o verticalmente. Las coordenadas del cuadro de selección de recorte se ajustan y adaptan automáticamente a la nueva rejilla de rotación, lo que te permite corregir fácilmente errores de orientación antes de ejecutar la exportación del recorte.
Puedes subir formatos de imagen estándar como PNG, JPEG, JPG, WebP, SVG y GIF. Para exportar, puedes generar tus archivos recortados y redimensionados como PNG de alta calidad, JPEG con pérdida u optimizado en formato WebP, según si necesitas transparencia o archivos más pequeños.
El control de calidad se aplica a los formatos de exportación con pérdida, como JPEG y WebP. Bajar el control comprime el tamaño del archivo mezclando colores redundantes, mientras que mantenerlo al cien por cien conserva la máxima fidelidad visual. Las exportaciones en formato PNG omiten esta compresión, ya que siempre son sin pérdida.
No. Tus archivos nunca se envían a ningún servidor remoto ni se almacenan en la nube. Todas las operaciones, incluida la carga de la imagen, la rotación, el recorte en canvas y el formato de exportación, se ejecutan puramente dentro del entorno aislado de tu navegador. Esto garantiza que tus fotos privadas y documentos sensibles permanezcan totalmente confidenciales.
Como todo el procesamiento se hace localmente en la memoria de tu dispositivo, los límites de tamaño dependen por completo de la capacidad de RAM de tu navegador. El editor maneja sin problemas fotos digitales estándar de hasta cincuenta megabytes. Para archivos de cámara de muy alta resolución, recomendamos cerrar las pestañas del navegador que no uses para liberar RAM.