Cómo recortar una imagen en línea — Guía gratuita del recortador de imágenes
Aprende a recortar imágenes a cualquier tamaño, relación de aspecto o dimensiones personalizadas en línea y de forma gratuita. Sin software necesario — funciona con fotos, capturas de pantalla y cualquier formato de imagen.
Recortar es la operación de edición de imágenes más fundamental: elimina lo que no quieres y conserva lo que sí. Ya sea que estés recortando una captura de pantalla para documentación, cuadrando una foto para Instagram, redimensionando una imagen de producto para tu tienda o extrayendo a una persona del fondo de una foto grupal, recortar es el punto de partida.
El Image Cropper te permite recortar cualquier imagen directamente en tu navegador — sin cuenta, sin software, sin subir archivos a un servidor. Tu imagen permanece en tu dispositivo en todo momento.
¿Qué es el recorte de imágenes?
El recorte de imágenes es el proceso de seleccionar un área rectangular de una imagen y descartar todo lo que queda fuera de esa selección. El resultado es una imagen más pequeña que contiene únicamente la parte que elegiste conservar.
Recortar es diferente de redimensionar:
- Recortar elimina partes de la imagen, cambiando su contenido
- Redimensionar escala toda la imagen hacia arriba o hacia abajo, cambiando sus dimensiones pero no su contenido
Con frecuencia se combinan ambas operaciones: recorta para lograr la composición correcta y luego redimensiona a una dimensión de salida específica.
¿Por qué recortar una imagen?
Mejorar la composición
Mueve el sujeto a una posición más favorable dentro del encuadre. La regla de los tercios — colocar el sujeto en intervalos de un tercio en lugar de justo en el centro — suele hacer que las fotos sean más dinámicas visualmente.
Eliminar distracciones
Recorta un objeto, persona o elemento de fondo no deseado en los bordes del encuadre.
Cumplir con los requisitos de cada plataforma
Cada plataforma espera dimensiones de imagen específicas:
| Plataforma | Recorte recomendado |
|---|---|
| Publicación cuadrada de Instagram | 1:1 (1080×1080 px) |
| Retrato de Instagram | 4:5 (1080×1350 px) |
| Foto de portada de Facebook | 820×312 px |
| Encabezado de Twitter/X | 1500×500 px |
| Foto de perfil de LinkedIn | 1:1 (400×400 px) |
| Miniatura de YouTube | 16:9 (1280×720 px) |
| Banner de sitio web | 16:9 o personalizado |
Reducir el tamaño del archivo
Una imagen recortada ajustadamente tiene menos píxeles y un tamaño de archivo menor — útil para el rendimiento web.
Preparar imágenes de productos
Las plataformas de e-commerce (Amazon, Shopify, Etsy) requieren imágenes de productos sobre un fondo blanco cuadrado. Recortar a 1:1 es el primer paso estándar.
Cómo recortar una imagen en línea (paso a paso)
- Abre el Image Cropper
- Sube tu imagen — haz clic en el botón de carga o arrastra y suelta un archivo. Admite JPG, PNG, WebP, GIF, BMP y la mayoría de los formatos de imagen.
- Selecciona el área de recorte — arrastra los controles del cuadro de recorte para definir el área que deseas conservar. El área seleccionada aparece resaltada; el área descartada se oscurece.
- Ajusta la posición — haz clic dentro del cuadro de recorte y arrástralo para reposicionarlo sin cambiar su tamaño.
- Establece una relación de aspecto (opcional) — bloquea el recorte a una proporción predefinida como 1:1, 4:3 o 16:9 para asegurarte de que la salida coincida con un formato objetivo.
- Introduce dimensiones personalizadas (opcional) — ingresa dimensiones exactas en píxeles si necesitas que la salida tenga un tamaño específico.
- Haz clic en Recortar o Descargar — la imagen recortada se guarda directamente en tu dispositivo.
Las relaciones de aspecto explicadas
Una relación de aspecto es la relación proporcional entre el ancho y el alto de una imagen. Cuando bloqueas una relación de aspecto durante el recorte, el cuadro de recorte mantiene esa proporción sin importar cómo lo redimensiones.
Relaciones de aspecto comunes y cuándo usarlas
1:1 (Cuadrado) Ancho y alto iguales. Estándar para publicaciones del feed de Instagram, fotos de perfil, miniaturas de productos y avatares. 1080×1080 px en alta calidad.
4:3 Formato clásico de cámaras y televisores. Ideal para fotografía general, presentaciones (formato antiguo) y miniaturas web donde una ligera proporción horizontal se ve natural.
3:2 La relación nativa de la mayoría de las cámaras DSLR y mirrorless. Coincide con impresiones de 4×6 pulgadas. Úsala cuando imprimas fotos o publiques fotografía.
16:9 (Pantalla ancha) Estándar para miniaturas de YouTube, capturas de pantalla de video, tarjetas de Twitter/X, fondos de escritorio y la mayoría de los monitores modernos. 1280×720 px como mínimo para miniaturas de YouTube.
4:5 Formato retrato de Instagram. Es más alto que ancho, por lo que ocupa más espacio en pantalla en el feed — suele generar mayor interacción que las publicaciones cuadradas o apaisadas.
9:16 (Vertical) Vertical a pantalla completa para Instagram Stories, TikTok, YouTube Shorts y Reels. 1080×1920 px es el estándar.
2:3 Orientación retrato para la mayoría de las cámaras. Coincide con tamaños estándar de impresión fotográfica (4×6, 8×12). Se usa para portadas de libros y pósters.
Recorte para casos de uso específicos
Fotos de perfil
Recorta a un cuadrado 1:1 ajustado, enfocando en el rostro con algo de espacio sobre la cabeza. Evita cortar el mentón o la parte superior de la cabeza. Para fotos de perfil pequeñas (tamaño de visualización de 32–128 px), asegúrate de que el rostro sea reconocible incluso a escala de miniatura.
Fotos de productos para e-commerce
- Recorta el producto centrado con el mismo espacio en blanco en todos los lados
- Usa una relación 1:1 para Amazon, Etsy y la mayoría de los marketplaces
- Deja un margen de ~5–10% alrededor del producto — no recortes hasta el borde
- Exporta como JPG para fotos (menor tamaño de archivo) o PNG para productos con fondo transparente
Capturas de pantalla para documentación
Recorta para mostrar únicamente el elemento o sección de la interfaz relevante. Elimina la barra del navegador, la barra de tareas y el escritorio circundante a menos que formen parte del contexto. Un recorte ajustado hace que la documentación sea más clara y el archivo de imagen más pequeño.
Imágenes para redes sociales
Usa el Social Media Resizer si necesitas generar recortes específicos para múltiples plataformas a partir de la misma foto. Para un único recorte, utiliza las relaciones de aspecto de la tabla anterior.
Miniaturas para artículos y entradas de blog
Un recorte 16:9 a 1200×675 px o 1280×720 px cubre la mayoría de las plataformas de contenido (Medium, Ghost, Webflow, WordPress) y se muestra bien cuando se comparte en redes sociales como imagen Open Graph.
Consejos para mejores recortes
Sigue la regla de los tercios
Imagina tu imagen dividida en una cuadrícula de 3×3. Coloca tu sujeto en uno de los cuatro puntos de intersección en lugar de justo en el centro. La mayoría de los sujetos se ven más naturales cuando están ligeramente descentrados.
Dale a los sujetos espacio hacia donde miran
Si una persona o animal está mirando en una dirección determinada, deja espacio en ese lado del encuadre. Recortar ajustadamente en contra de la dirección de la mirada resulta incómodo visualmente.
Presta atención a los bordes
Antes de finalizar un recorte, revisa los bordes de tu selección. Problemas habituales: dedos o cabello cortados de forma extraña, cabezas tocando el borde superior, objetos que se cuelan desde los lados.
Recorta hacia adentro, no hacia afuera
Recortar elimina píxeles de forma permanente (en el archivo exportado). Comienza con un área de recorte grande y refínala hacia adentro. No recortes tan ajustadamente que elimines contexto que pueda necesitarse más adelante.
Adapta el DPI de salida
- Web: 72–96 PPI. 1200×675 px a 72 DPI es más que suficiente para el encabezado de un blog.
- Impresión estándar: 300 DPI. Una impresión de 4×6 pulgadas necesita al menos 1200×1800 px.
- Impresión en formato grande: mínimo 150 DPI. Un póster de 24×36 pulgadas necesita al menos 3600×5400 px.
Recorte vs. otras ediciones de imagen
El recorte suele ser el primer paso en un flujo de trabajo de edición más amplio:
| Operación | Cuándo usarla |
|---|---|
| Recortar | Eliminar áreas no deseadas, cambiar la composición, ajustar la relación de aspecto |
| Redimensionar | Cambiar las dimensiones totales sin eliminar contenido |
| Rotar/Voltear | Corregir la orientación antes de recortar |
| Comprimir | Reducir el tamaño del archivo después de recortar |
| Eliminar fondo | Aislar el sujeto del fondo (operación separada del recorte) |
Para un flujo de trabajo de edición completo: rotar si es necesario → recortar → redimensionar a las dimensiones objetivo → comprimir para web o exportar a resolución de impresión.
Formatos de imagen para fotos recortadas
| Formato | Ideal para | Notas |
|---|---|---|
| JPG | Fotos, degradados, colores complejos | Compresión con pérdida; archivos más pequeños; no admite transparencia |
| PNG | Capturas de pantalla, logotipos, transparencia | Sin pérdida; archivos más grandes; admite fondos transparentes |
| WebP | Imágenes web | Mejor compresión a calidad equivalente; compatible con todos los navegadores modernos |
| GIF | Solo imágenes animadas | Límite de 256 colores; inadecuado para fotos |
| SVG | Gráficos vectoriales | Independiente de la resolución; no apto para fotos |
Para la mayoría de los casos: guarda las fotos como JPG al 80–90% de calidad, y los logotipos/capturas de pantalla como PNG.
Preguntas frecuentes
¿Recortar reduce la calidad de la imagen? Recortar en sí mismo no reduce la calidad — simplemente elimina píxeles. La pérdida de calidad solo ocurre cuando comprimes o vuelves a guardar un JPG (cada ciclo de guardado introduce pérdida adicional). Guarda primero el archivo original y luego recorta. Si necesitas editar de nuevo más adelante, comienza desde el original, no desde el recorte exportado.
¿Puedo recortar a un tamaño específico en píxeles? Sí — introduce el ancho y el alto exactos en píxeles en el campo de dimensiones personalizadas. El cuadro de recorte se ajustará para coincidir con esas proporciones, y la imagen descargada tendrá exactamente ese tamaño.
¿Puedo recortar varias imágenes a la vez? El recortador de imágenes estándar procesa una imagen a la vez. Para recorte por lotes a las mismas dimensiones, usa el Image Resizer con la opción de recorte, o utiliza software de edición de imágenes como GIMP o Photoshop para operaciones en lote.
¿Cuál es el tamaño máximo de archivo que puedo recortar? El recortador se ejecuta completamente en tu navegador — no hay límite de carga ni de procesamiento en el servidor. El límite práctico depende de la memoria de tu dispositivo. Los archivos de hasta 20–30 MB se recortan sin problemas en la mayoría de los dispositivos modernos.
¿Mi imagen se sube a un servidor? No. El Image Cropper procesa todo de forma local en tu navegador usando la Canvas API. Tu imagen nunca sale de tu dispositivo.
¿Puedo recortar imágenes PNG con transparencia? Sí. Las áreas transparentes se conservan en el recorte exportado cuando guardas como PNG. Si exportas como JPG, las áreas transparentes se rellenan con blanco (JPG no admite transparencia).
¿Cómo recorto en forma circular? La herramienta de recorte crea recortes rectangulares. Para un efecto de recorte circular: (1) recorta a un cuadrado (1:1), (2) usa el eliminador de fondos o un editor de fotos para enmascarar en forma de círculo y exporta como PNG con transparencia.
Herramientas relacionadas
- Image Cropper — herramienta de recorte gratuita en línea, sin necesidad de subir archivos
- Image Resizer — redimensiona imágenes a dimensiones exactas en píxeles
- Image Compressor — reduce el tamaño del archivo de imagen sin pérdida visible de calidad
- Social Media Resizer — genera recortes específicos para Instagram, Twitter, LinkedIn y más
- Photo Editor — ajusta brillo, contraste, saturación y aplica filtros