Recorte de Imágenes (Image Cropper)
Recorta imágenes con precisión de píxeles, formatos predefinidos (1:1, 4:3, 16:9) o encuadre circular para avatares. Edita fotos con total privacidad sin enviar tus archivos a servidores externos.
Cómo usar
Sube una foto JPG, PNG o WebP arrastrándola al área de carga o seleccionándola desde tu equipo.
Elige una proporción predefinida como 1:1 (Cuadrada), 16:9 (Panorámica) o Forma libre.
Ajusta el área de corte arrastrando los bordes o especificando las dimensiones numéricas.
Comprueba la vista previa en tiempo real y descarga la imagen en formato WebP, PNG o JPEG.
Cómo funciona el recorte de imágenes en el cliente
El recorte extrae una subregión (definida por el desplazamiento horizontal x, vertical y, el ancho width y el alto height) de una imagen de mapa de bits. En las aplicaciones web, este proceso utiliza el método estándar de HTML5 CanvasRenderingContext2D.drawImage() con 9 parámetros: drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight). Esto permite que el motor gráfico lea directamente las coordenadas indicadas y las dibuje en un lienzo de destino sin modificar el resto de la imagen.
Formatos y proporciones de aspecto habituales
Cada plataforma digital requiere unas proporciones concretas para evitar deformaciones o recortes automáticos no deseados:
| Relación de aspecto | Proporción decimal | Usos recomendados |
|---|---|---|
| 1:1 (Cuadrada) | 1.000 | Avatares de perfil, publicaciones de Instagram, miniaturas de productos |
| 4:3 (Estándar) | 1.333 | Fotografía clásica, tablets, diapositivas de presentaciones |
| 16:9 (Panorámica) | 1.778 | Miniaturas de YouTube, pantallas de ordenador, cabeceras |
| 9:16 (Vertical) | 0.562 | Stories, TikTok, Instagram Reels, YouTube Shorts |
| 3:2 (35mm clásico) | 1.500 | Sensores de cámaras réflex DSLR, impresiones fotográficas |
Recorte circular para avatares
Para fotos de perfil en redes sociales y foros, el marco circular es fundamental. Al seleccionar el modo de recorte redondo, el canvas traza una máscara elíptica (ctx.arc()). El archivo resultante se guarda como un PNG transparente de 32 bits o WebP para adaptarse limpiamente a cualquier diseño de fondo.
Garantía de privacidad absoluta
Tus fotografías y documentos personales contienen a menudo información confidencial y metadatos de ubicación EXIF. Esta herramienta se ejecuta por completo en la memoria local de tu navegador. Ninguna imagen ni coordenada viaja a servidores ajenos.
Preguntas frecuentes
¿El recorte disminuye la calidad de la imagen?
No. El proceso simplemente descarta los píxeles que quedan fuera del recuadro elegido. La zona seleccionada conserva el 100% de su resolución y nitidez nativas.
¿Puedo recortar una imagen en forma de círculo?
Sí. Selecciona la opción 'Recorte circular' para generar una imagen redonda sobre fondo transparente, óptima para fotos de perfil.
¿En qué formatos puedo guardar el recorte?
Puedes exportar tu resultado en PNG (recomendado para recortes redondos con transparencia), WebP (formato web moderno y ligero) o JPEG.
¿Se envían mis fotos a algún servidor?
No. Todos los procesamientos gráficos se ejecutan localmente en tu propio dispositivo. Las imágenes nunca abandonan tu navegador.
¿Qué ocurre si pongo medidas mayores que la imagen original?
El recuadro se ajusta de forma automática a los límites físicos de la imagen original para evitar distorsiones o fallos de renderizado.