Recortar imágenes en línea con relaciones de aspecto fijas
Publicaciones cuadradas, cabeceras 16:9 y recortes tipo documento — todo en local para que retratos y capturas de interfaz no pasen por servidores de terceros.
Más utilidades que combinan bien con esta guía:
Por qué importa
Los diseñadores de producto capturan mocks a pantalla completa pero las guías de App Store piden recortes ajustados al cromo UI. RRHH recibe fotos de empleados con encuadres distintos — necesitan miniaturas 1:1 uniformes para el directorio. Los fotógrafos entregan panorámicas y editorial quiere reels verticales. Recortar es simple hasta que procesas decenas de activos con los mismos márgenes seguros. Hacerlo en el navegador mantiene UI no publicada fuera de buckets SaaS aleatorios.
Tres escenarios reales
Bloquea overlays 4:5 o 9:16 antes de exportar fotogramas desde masters ultra anchos.
Sin bandas negras incómodas
Recorta al componente bajo prueba conservando contexto suficiente para reproducir en QA.
Tickets más limpios
Aplica las mismas reglas de recorte superior para que los SKU se alineen visualmente en categoría.
Cuadrícula coherente
Guía paso a paso
Abre recorte de imagen.
Sube la imagen
Acepta formatos raster habituales — prefiero fuentes de alta resolución antes de recortes destructivos.
Elige relación de aspecto o libre
Presets (1:1, 4:5, 16:9) o manijas para rectángulos personalizados.
Desplaza el punto focal
Mantén caras o CTA en zonas seguras — especialmente si más abajo circularán máscaras circulares.
Previsualiza niveles de zoom
Confirma que detalles finos (bordes de texto) sigan nítidos tras recortar y exportar.
Descarga
PNG si hace falta transparencia; JPEG/WebP cuando baste foto sin alfa.
Consejos útiles
- Combina con el conversor si el CDN exige WebP justo tras recortar — convertidor de imágenes.
- Marca de agua después si las previsualizaciones circulan fuera — marca de agua en imagen.
- Lote mental: define la matemática del recorte una vez (centrado vs regla de tercios) y replícala en SKU hermanos para ritmo visual.
Trampas comunes
Error frecuente
Recortes destructivos
Conserva maestros archivados — duplica archivos antes de recortes irreversibles.
Error frecuente
Sorpresas de escala Retina
Recortar capturas @3x sin redimensionar puede dar subidas enormes — empareja objetivos de dimensión con pasadas de compresión.
Error frecuente
Zonas seguras no cuadradas
Los avatares circulares recortan esquinas — deja margen dentro del cuadrado si el pipeline enmascara círculos automáticamente.
Cuándo no es la herramienta adecuada
- Flujos RAW no destructivos: Lightroom/Capture One conservan mejor el sensor completo.
- Detección inteligente de sujeto: la segmentación ML supera cajas manuales para pelo fino.
- Recortes vectoriales: edita
viewBoxen SVG en herramientas de diseño.
Preguntas frecuentes
¿Los recortes son pixel-perfect?
Los exports reflejan redondeo entero de píxeles — verifica iconos de ancho impar si alineas a rejillas subpíxel en apps nativas.
¿Se rota EXIF automáticamente?
Los navegadores modernos respetan orientación — aun así previsualiza la orientación final antes de validadores CMS estrictos.
¿Puedo recortar GIF animados?
Las animaciones raster pueden colapsar a fotogramas estáticos — confirma requisitos de movimiento antes de depender solo del navegador.
Próximos pasos
- Comprime exports con el compresor de imágenes.
- Fusiona secuencias en briefings PDF con imagen a PDF.
- Elimina metadatos de ubicación con el editor EXIF.