Recortar y redimensionar imagen — en tu dispositivo
Recorta o cambia el tamaño en el navegador con selección libre, proporciones (1:1, 16:9…) y tamaños habituales. Pasos: elige foto, enmarca o usa un preset, fija ancho×alto y descarga JPEG/WebP/PNG. Ejemplo: recorte cuadrado a 512×512 para avatar — todo local; el export suele quitar EXIF.
Cómo funciona
Elige una foto, fija proporción o dibuja libre, define ancho×alto (o un preset) y exporta. El recuadro de pantalla vuelve a píxeles de origen, se dibuja en un canvas y se codifica con toBlob. El modo solo-redimensionar usa contener o cubrir. Nada se sube; el reencode suele quitar EXIF.
Reglas a esperar
Recorte y redimensionado comparten tubería. Revisa esto antes de pedir más píxeles que la selección.
- El rectángulo fuente (sx,sy,sw,sh) está en píxeles originales, no en la vista escalada.
- drawImage pinta ese rectángulo al tamaño de salida. v1 no amplía: si pides de más, se reduce y se avisa.
- Los presets de proporción cambian la selección; los de píxeles rellenan W×H. «Igual que la selección» copia el recuadro.
- Privacidad: no hay subida. Canvas suele quitar EXIF. Para menos KB, usa el compresor después.
Ejemplo
Una muestra 1600×1000 con 1:1 exporta JPEG 512×512 a calidad ~0,9. Cambia a 16:9 y 1920×1080 para portada (se limita si el recorte es menor). Solo-redimensionar con lado máx. 1200 encoge toda la foto.
Buenos usos
- Avatares: 1:1 a 512 o 256.
- Portadas: 16:9 o tamaños tipo 1200×630.
- Web: lado máx. 1200 o ancho 800 antes de subir.
Frequently asked questions
¿La imagen sale del navegador?
No. Todo es local. Comprueba en Network que no hay POST de la imagen.
¿Amplía un recorte pequeño?
No. Si la salida supera la selección, se limita y se avisa.
¿En qué se diferencia del compresor?
Aquí importan el encuadre y los píxeles; el compresor busca menos KB. Úsalo después de recortar.
¿Necesito otra herramienta para cuadrado vs 16:9?
No. 1:1, 16:9 y demás son presets en esta misma página.
¿Queda el EXIF?
Casi nunca. El reencode de canvas lo elimina; inspéctalo antes con la herramienta EXIF.
¿Los GIF animados siguen animados?
No. Solo el primer fotograma, como imagen fija.
Consultas o comentarios
¿Algo poco claro, roto o que falte? Redacta un mensaje abajo — leemos cada nota sobre estas herramientas.