Cómo recortar imágenes en línea

Recortar es una de las tareas de edición de imágenes más comunes. Ya sea que necesites una foto de perfil cuadrada a partir de una foto rectangular o quieras eliminar elementos que distraen en los bordes de una toma, el recorte te lleva allí sin ninguna herramienta de edición compleja. Un recortador basado en navegador maneja el trabajo localmente sin subir tu imagen a ningún servidor.

Proporciones comunes

Cómo recortar imágenes en línea

1. Sube tu imagen: arrastra una imagen a la herramienta, luego elige una proporción preestablecida (1:1, 4:3, 16:9, etc.) o selecciona "Libre" para recorte personalizado.
2. Define el área de recorte: arrastra el cuadro de selección para enmarcar el área que deseas. Usa los manejadores de las esquinas para cambiar su tamaño manteniendo la proporción.
3. Recortar y descargar: haz clic en "Recortar imagen" para procesar, luego descarga el resultado en formato JPEG, PNG o WebP.

Una breve historia del recorte

El recorte en fotografía precede a la edición digital en unos 150 años. Los primeros fotógrafos (Daguerre, desde 1839) recortaban imágenes cortando la impresión física con tijeras o recortando el negativo. El recorte en cuarto oscuro (desde la década de 1880) usaba caballetes ajustables en la ampliadora: el fotógrafo encuadraba solo la parte del negativo que quería imprimir, enmascarando el resto.

La primera herramienta de recorte de imagen digital fue probablemente el sistema SuperPaint en Xerox PARC en 1973, que tenía una herramienta de selección. Adobe Photoshop 1.0 (1990) estandarizó la herramienta de recorte rectangular con selección por clic-arrastrar. Para 2000, cada editor de fotos para consumidor tenía una herramienta de recorte; para 2010, cada smartphone tenía una integrada en su galería de fotos.

La operación matemática no ha cambiado en 50 años: seleccionar un rectángulo, descartar todo lo exterior, guardar lo que queda. Lo que ha cambiado es la UX: arrastrar manejadores en lugar de escribir coordenadas, guías de proporción en tiempo real, recortes automáticos conscientes de contenido (Adobe Sensei, 2018) y recortes sugeridos por IA basados en detección de sujeto (desde 2022).

Cuándo recortar

• Fotos de perfil: recorta una foto completa a un cuadrado de cabeza-y-hombros
• Redes sociales: cada plataforma tiene su propia proporción preferida para publicaciones, historias y portadas
• Imágenes de productos: recorta a dimensiones consistentes para un diseño limpio de tienda
• Eliminar distracciones: corta elementos no deseados en los bordes de una foto
• Enfocar la composición: acerca a la parte más importante de la imagen
• Escaneo de documentos: recorta los márgenes blancos o bordes de página de un escaneo con cámara de teléfono
• Capturas de pantalla: recorta el área de interfaz relevante, eliminando el chrome del navegador o el escritorio circundante
• Fotos de identidad: pasaporte, visa y fotos de identificación tienen reglas estrictas de proporción + posición de cabeza

Proporciones específicas de plataforma (2026)

Conocer la proporción correcta de antemano ahorra retrabajo:

• Instagram: 1:1 cuadrado (legado), 4:5 vertical (preferido), 9:16 historias/reels
• TikTok: 9:16 vertical
• YouTube: miniaturas 16:9 (1280x720 ideal), 9:16 Shorts
• Twitter/X: imagen 16:9 en feed, encabezado 3:1 (1500x500)
• Facebook: imagen de enlace 1.91:1 en feed, publicación vertical 4:5, portada 16:9 (820x312 en escritorio)
• LinkedIn: imagen 1.91:1 en feed, banner 4:1 (1584x396)
• Pinterest: pin vertical 2:3 (1000x1500 ideal), 1:1 para cuadrado
• Capturas de pantalla de tiendas de aplicaciones: 9:16 teléfono, 4:3 tableta (Apple), varios para Google Play
• Hero de newsletter por correo: 2:1 o 3:1 horizontal normalmente se ajusta a la mayoría de los clientes de correo

En caso de duda, sube un recorte 1:1. Funciona casi en todas partes, solo no de manera óptima.

Recortar vs redimensionar vs aspect-fill

Estas tres operaciones se confunden a menudo:

• Recortar: eliminar píxeles fuera de una selección. Dimensiones de salida = dimensiones de selección. Calidad sin cambios para los píxeles conservados.
• Redimensionar: escalar toda la imagen a nuevas dimensiones de píxeles. Todos los píxeles se recalculan vía interpolación. La calidad se degrada al ampliar, puede preservarse o mejorarse al reducir.
• Aspect-fill: combina recorte + redimensionado. Escala la imagen para llenar la proporción objetivo, recortando lo que se extiende más allá. Usado en CSS background-size: cover y el recorte automático de Instagram en fotos horizontales.
• Aspect-fit: escala la imagen para que quepa dentro del rectángulo objetivo, agregando barras de fondo donde las proporciones no coinciden. Usado en CSS background-size: contain y el letterboxing de YouTube.

Elige recortar cuando conoces la composición exacta que quieres. Elige aspect-fill cuando la plataforma debe mostrar la imagen a una proporción específica pero no te importa exactamente qué píxeles se conservan.

Errores comunes

• Recortar demasiado apretado: no dejar margen alrededor del sujeto puede hacer que la composición se sienta cargada. La "regla de los tercios" sugiere el sujeto a 1/3 del borde, no centrado o tocando el borde.
• Redimensionar en lugar de recortar: escalar una foto 4:3 a una dimensión 1:1 estira la imagen. Usa recortar o aspect-fill en su lugar.
• Perder contenido importante en los bordes: especialmente para retratos, verifica dos veces que el cabello, las orejas o las manos no estén cortados.
• Deriva de calidad JPEG al re-guardar: cada recorte-y-guardado de un JPEG re-codifica los píxeles con nueva compresión. Después de 5-10 ida y vuelta, se acumulan artefactos visibles. Mantén el PNG/RAW original y recorta de nuevo cada vez, o usa un formato que sobreviva al re-codificado (PNG, WebP sin pérdida).
• Olvidar la orientación EXIF: algunas cámaras guardan fotos rotadas con una etiqueta de "orientación" EXIF. Si tu recortador ignora la etiqueta, podrías recortar el lado equivocado. Los recortadores modernos manejan esto correctamente; las herramientas más antiguas pueden no hacerlo.
• Recortar por debajo de las dimensiones mínimas de la plataforma: Instagram, por ejemplo, reduce (y recomprime) imágenes más pequeñas que 1080 px de ancho. Recorta solo lo necesario; deja espacio por encima del mínimo.
• Desajuste DPI para impresión: las imágenes web a 72 DPI se ven bien en pantalla pero se pixelan al imprimir. Para impresiones físicas, apunta a 300 DPI: una impresión de 4x6 pulgadas necesita al menos 1200x1800 píxeles después de recortar.

Consejos

• Recorta antes de redimensionar: decide primero la composición, luego redimensiona a las dimensiones exactas de píxeles que necesitas. Hacerlo en este orden te da la mejor calidad.
• Usa la regla de los tercios: al recortar fotos de personas o paisajes, colocar el sujeto descentrado (aproximadamente un tercio del borde) suele verse más natural que centrar.
• Mantén el original: siempre recorta una copia. Podrías necesitar un recorte diferente para una plataforma diferente más tarde.
• Coincide con la plataforma: antes de recortar, verifica qué proporción espera la plataforma objetivo. Un recorte 16:9 para YouTube es muy diferente de un recorte 1:1 para Instagram.
• Recorta por seguridad: al recortar caras, deja 10-20% de margen sobre la cabeza y alrededor de los hombros. Algunas plataformas (LinkedIn, Slack) agregan una máscara circular que corta las esquinas; un recorte cuadrado apretado se convierte en un círculo aún más apretado.
• Recorte por lotes con un script: para fotografía de productos o catálogos de stock, ImageMagick (convert input.jpg -crop 400x400+100+50 output.jpg) o Python/Pillow pueden recortar cientos de imágenes consistentemente en segundos.

Privacidad e imágenes sensibles

El recortador de imágenes se ejecuta completamente en tu navegador. Las fotos que subes permanecen en tu dispositivo; no se envía nada a ningún servidor. Esto importa porque el contenido de las fotos es a menudo sensible: fotos familiares, documentos de identidad preparándose para subir, capturas de pantalla con información confidencial, maquetas de productos bajo NDA. Los recortadores en la nube (el editor de imágenes en línea típico) suben tu foto a su servidor, a veces la retienen para "prevención de spam" o análisis, y agregan una capa de exposición de píxel de seguimiento. Un recortador solo en navegador no tiene ninguno de esos riesgos.

El modelo solo local también significa que puedes recortar imágenes incluso sin conexión: una vez cargada la página, las matemáticas de recorte se ejecutan completamente en tu dispositivo sin más llamadas a la red.