Imagen & Foto

Recortador de Imágenes

Suelta una foto y recórtala con uno de los doce preajustes de aspecto — cuadrado de Instagram, historia 9:16, miniatura de YouTube 16:9, portada de Facebook — o de forma libre. Arrastra el rectángulo, redimensiona desde cualquier esquina, luego exporta a la resolución de origen completa como JPG, PNG o WebP.

Drop or click to upload an imageJPG, PNG, WebP, GIF, BMP, AVIF — up to 25 MB

Cropping happens in your browser. The image is decoded, masked, and re-encoded locally — nothing is uploaded.

Drag the crop rectangle to reposition it. Drag any corner to resize. The rule-of-thirds grid helps with composition.

¿Qué es un recortador de imágenes?

Un recortador de imágenes recorta una foto a un rectángulo objetivo — útil para ajustar una imagen a una relación de aspecto específica, eliminar espacios vacíos en los bordes o enfocar la composición en un sujeto. La parte complicada para la mayoría de las personas no es elegir qué recortar, sino obtener las dimensiones correctas: Instagram quiere un cuadrado 1:1 o un retrato 4:5, las historias y reels quieren 9:16, las miniaturas de YouTube quieren 16:9, las tarjetas de Twitter quieren 16:9, las fotos de portada de Facebook quieren 820×312, y un recorte libre quiere lo que tu ojo editorial diga. Este recortador agrupa los preajustes de relación de aspecto comunes para que no tengas que recordar los números, y exporta a la resolución de origen completa para que la salida no sea más suave que la entrada.

Cómo recortar una imagen

1
Sube tu imagen
Suelta un archivo JPG, PNG, WebP, GIF, BMP o AVIF en el área de carga, o haz clic para seleccionar desde tu dispositivo. La imagen se renderiza abajo con un rectángulo de recorte predeterminado que cubre el 80% del marco, centrado.
2
Elige una relación de aspecto
Haz clic en cualquier chip preestablecido: Libre para sin restricciones, 1:1 para cuadrado, 9:16 para historias, 16:9 para miniaturas, 4:5 para retrato de Instagram, o preajustes específicos de la plataforma como IG Post, IG Story, YouTube, Twitter y FB Cover. El rectángulo de recorte se ajusta a la nueva relación.
3
Arrastra y redimensiona el recorte
Arrastra el rectángulo para moverlo, o agarra cualquiera de las cuatro manijas de las esquinas para redimensionar. Cuando un preajuste de aspecto está activo, el rectángulo permanece bloqueado a esa relación mientras redimensionas. La cuadrícula de regla de tercios ayuda con la composición.
4
Elige un formato de salida y calidad
Elige JPG (más pequeño, con pérdida, mejor para fotos), PNG (sin pérdida, mejor para gráficos con bordes nítidos), o WebP (más pequeño que JPG con la misma calidad). Para JPG y WebP, arrastra el control deslizante de calidad; PNG siempre es sin pérdida.
5
Descarga el recorte
Haz clic en Descargar recorte. El navegador dibuja la región recortada de la imagen de resolución original a un lienzo nuevo con exactamente las dimensiones de píxel del recorte, lo codifica y activa una descarga con las dimensiones en el nombre del archivo.

Cómo funciona el recorte en el navegador

1. Decodifica el archivo fuente con new Image() — el navegador maneja JPG/PNG/WebP/GIF/BMP/AVIF de forma nativa.
2. Renderiza la fuente a través de <img> en object-fit: contain dentro de un contenedor con relación de aspecto bloqueada.
3. El rectángulo de recorte se almacena en píxeles de resolución fuente (x, y, w, h), no en píxeles de vista previa.
4. Al arrastrar/redimensionar, los deltas del puntero se escalan por source.width / preview.width para mapear vista previa → fuente.
5. Al exportar, dibuja en un lienzo nuevo: ctx.drawImage(img, x, y, w, h, 0, 0, w, h).
6. Codifica a través de canvas.toBlob(format, quality) y activa una descarga.

Almacenar el recorte en coordenadas de resolución fuente (en lugar de coordenadas de vista previa) es el detalle clave — significa que la salida es exactamente tan nítida como el archivo original en la región recortada, sin re-muestreo. La vista previa puede escalar libremente con el ancho de la página, el rectángulo de recorte visualmente escala con ella, pero los números subyacentes siempre están en el espacio fuente. La forma de 9 argumentos de drawImage nos permite extraer un rectángulo fuente específico en un lienzo de destino de las mismas dimensiones, lo que produce una copia de píxel 1:1 de la región recortada.

Referencia: MDN — CanvasRenderingContext2D.drawImage

Trabajos de recorte comunes

Objetivo	Preajuste recomendado
Publicación cuadrada de Instagram a partir de una foto en paisaje	Elige IG Post (1:1). Arrastra el rectángulo para mantener tu sujeto en la zona segura — la interfaz de Instagram superpone partes de las esquinas. 1:1 se ve ajustado en la mayoría de las fotos en paisaje — considera 4:5 para un recorte de retrato más generoso en composición.
Historia o Reel vertical a partir de un fotograma de video en paisaje	Elige IG Story (9:16). Redimensiona el recorte para centrarte en el sujeto — las composiciones verticales suelen necesitar perder los lados. 9:16 también es para Reels, TikTok, YouTube Shorts y Snapchat.
Miniatura de YouTube 16:9 a 1280×720	Elige YouTube (16:9). Arrastra un recorte ajustado alrededor del sujeto y descarga como JPG a 90+ de calidad. Si la fuente es más pequeña que 1280×720, el recorte no se ampliará — usa una fuente de mayor resolución para miniaturas.
Publicación de Twitter o imagen para compartir en LinkedIn	Elige Twitter (16:9). Compón con márgenes seguros para texto; ambas plataformas pueden recortar ligeramente en diferentes superficies. 16:9 también funciona para la mayoría de las imágenes principales de blogs de escritorio.
Perfil / avatar de una toma más amplia	Elige 1:1, arrastra un recorte ajustado centrado en la cara. Exporta como PNG si el avatar se superpondrá a una interfaz transparente. La mayoría de las plataformas recortan aún más los avatares en un círculo — mantén tu sujeto alejado de las esquinas.
Foto de portada de página de Facebook	Elige FB Cover (relación 820×312). Ten en cuenta la superposición de información de la página en la parte inferior izquierda y la superposición de la foto de perfil en la parte inferior derecha. Facebook vuelve a renderizar las fotos de portada para móviles — mantén el punto focal centrado.
Foto de impresión 4×6 a partir de un archivo digital más grande	Elige 3:2. Compón, luego exporta como PNG o JPG de alta calidad y envíalo a una imprenta. 3:2 también es nativo de cámaras de 35 mm — tanto paisaje como retrato funcionan.

Cuándo usar un recortador con preajustes de aspecto

Redimensiona una sola foto para ajustarse a los diseños de Instagram, Story, YouTube, Twitter o Facebook sin salir del navegador.
Reencuadra una foto en paisaje como un retrato para un fondo de pantalla de teléfono o sección principal vertical.
Recorta el espacio muerto de una captura de pantalla antes de pegarla en un documento o rastreador de problemas.
Genera un avatar cuadrado a partir de una toma de retrato más amplia — elige 1:1, arrastra un recorte ajustado de la cabeza.
Crea una imagen de banner con una relación de aspecto personalizada (16:9 para un héroe de blog, 3:1 para un banner de Twitter).
Recorta una foto lista para impresión en 3:2 o 4:3 de una toma de teléfono antes de enviarla a un laboratorio fotográfico.
Corta una miniatura para un archivo de video en una relación de aspecto específica sin abrir Photoshop.

Herramientas relacionadas

Eliminador de Fondo

Recorta el sujeto de cualquier foto con IA en el dispositivo — no se requiere carga.

Compresor de Imágenes

Reduce archivos JPG, PNG o WebP en tu navegador con un control deslizante de calidad interactivo.

Editor de Fotos

Ajusta, filtra, rota y recorta fotos en el navegador — sin subidas, sin marca de agua.

Creador de Memes

Compón memes y collages de capturas de pantalla con capas reales — pega, arrastra, recorta, subtitula, exporta.

Preguntas frecuentes

¿El recorte reduce la escala de mi imagen?

No. El lienzo de exportación está dimensionado exactamente a las dimensiones de resolución de origen del rectángulo de recorte, y drawImage copia la región recortada 1:1 sin re-muestreo. La codificación JPG y WebP aplica compresión con pérdida, pero las dimensiones de píxeles no cambian. PNG es completamente sin pérdida.

¿Por qué el rectángulo se ajusta cuando cambio las relaciones de aspecto?

Cada preajuste de aspecto bloquea la relación de ancho a alto del rectángulo. Cambiar preajustes vuelve a ajustar el rectángulo existente a la nueva relación mientras lo mantiene centrado en la misma área. Elige Libre si deseas que el rectángulo anterior se conserve exactamente.

¿Puedo recortar a una dimensión de píxel específica (por ejemplo, exactamente 1080×1080)?

Elige el preajuste de aspecto correspondiente (1:1 para 1080×1080) y arrastra la esquina hasta que la lectura de tamaño muestre el objetivo. Las estadísticas de X/Y/Ancho/Alto se actualizan en vivo mientras arrastras, por lo que puedes alcanzar números exactos. El nombre del archivo de salida incluye las dimensiones finales para verificación.

¿Por qué mi preajuste de portada de Facebook es 820×312 en lugar de 1640×624?

El preajuste es una relación, no un tamaño de píxel fijo; acepta cualquier rectángulo con esa relación. Arrastra la esquina hasta que tu ancho alcance la dimensión que deseas; 1640×624 (el tamaño recomendado para retina de Facebook) y 820×312 (el tamaño legado) comparten la misma relación, por lo que ambos se ajustan al preajuste.

¿Se han subido mis imágenes?

No. La decodificación, el recorte y la re-codificación ocurren en tu navegador. Los bytes de la imagen nunca abandonan la página. Puedes verificar en la pestaña de red: no se envían solicitudes cuando subes, arrastras o descargas.

¿Por qué mi recorte no se amplía a un tamaño mayor?

Recortar por definición reduce el tamaño de una imagen; no hay un paso de re-muestreo que la amplíe. Si necesitas una salida más grande de la que puede producir el rectángulo de recorte, comienza con una fuente de mayor resolución. Los navegadores pueden técnicamente ampliar a través del tamaño de destino de drawImage, pero eso produce un resultado borroso; esta herramienta se mantiene en la resolución de origen.

¿Cuál es la diferencia entre recortar y redimensionar?

Recortar corta píxeles de los bordes de la imagen; lo que queda no cambia en resolución. Redimensionar mantiene toda la imagen pero cambia sus dimensiones de píxeles (típicamente reduciendo). Para una salida lista para Instagram, generalmente deseas ambos: recorta primero a la relación correcta, luego si es necesario, comprime a un tamaño de archivo más pequeño con el Compresor de Imágenes.

Última actualización: 2026-04-29

Recortador de Imágenes

¿Qué es un recortador de imágenes?

Cómo recortar una imagen

Sube tu imagen

Suelta un archivo JPG, PNG, WebP, GIF, BMP o AVIF en el área de carga, o haz clic para seleccionar desde tu dispositivo. La imagen se renderiza abajo con un rectángulo de recorte predeterminado que cubre el 80% del marco, centrado.

Elige una relación de aspecto

Haz clic en cualquier chip preestablecido: Libre para sin restricciones, 1:1 para cuadrado, 9:16 para historias, 16:9 para miniaturas, 4:5 para retrato de Instagram, o preajustes específicos de la plataforma como IG Post, IG Story, YouTube, Twitter y FB Cover. El rectángulo de recorte se ajusta a la nueva relación.

Arrastra y redimensiona el recorte

Arrastra el rectángulo para moverlo, o agarra cualquiera de las cuatro manijas de las esquinas para redimensionar. Cuando un preajuste de aspecto está activo, el rectángulo permanece bloqueado a esa relación mientras redimensionas. La cuadrícula de regla de tercios ayuda con la composición.

Elige un formato de salida y calidad

Elige JPG (más pequeño, con pérdida, mejor para fotos), PNG (sin pérdida, mejor para gráficos con bordes nítidos), o WebP (más pequeño que JPG con la misma calidad). Para JPG y WebP, arrastra el control deslizante de calidad; PNG siempre es sin pérdida.

Descarga el recorte

Haz clic en Descargar recorte. El navegador dibuja la región recortada de la imagen de resolución original a un lienzo nuevo con exactamente las dimensiones de píxel del recorte, lo codifica y activa una descarga con las dimensiones en el nombre del archivo.

Cómo funciona el recorte en el navegador

1. Decodifica el archivo fuente con new Image() — el navegador maneja JPG/PNG/WebP/GIF/BMP/AVIF de forma nativa.
2. Renderiza la fuente a través de <img> en object-fit: contain dentro de un contenedor con relación de aspecto bloqueada.
3. El rectángulo de recorte se almacena en píxeles de resolución fuente (x, y, w, h), no en píxeles de vista previa.
4. Al arrastrar/redimensionar, los deltas del puntero se escalan por source.width / preview.width para mapear vista previa → fuente.
5. Al exportar, dibuja en un lienzo nuevo: ctx.drawImage(img, x, y, w, h, 0, 0, w, h).
6. Codifica a través de canvas.toBlob(format, quality) y activa una descarga.

Trabajos de recorte comunes

Objetivo	Preajuste recomendado
Publicación cuadrada de Instagram a partir de una foto en paisaje	Elige IG Post (1:1). Arrastra el rectángulo para mantener tu sujeto en la zona segura — la interfaz de Instagram superpone partes de las esquinas. 1:1 se ve ajustado en la mayoría de las fotos en paisaje — considera 4:5 para un recorte de retrato más generoso en composición.
Historia o Reel vertical a partir de un fotograma de video en paisaje	Elige IG Story (9:16). Redimensiona el recorte para centrarte en el sujeto — las composiciones verticales suelen necesitar perder los lados. 9:16 también es para Reels, TikTok, YouTube Shorts y Snapchat.
Miniatura de YouTube 16:9 a 1280×720	Elige YouTube (16:9). Arrastra un recorte ajustado alrededor del sujeto y descarga como JPG a 90+ de calidad. Si la fuente es más pequeña que 1280×720, el recorte no se ampliará — usa una fuente de mayor resolución para miniaturas.
Publicación de Twitter o imagen para compartir en LinkedIn	Elige Twitter (16:9). Compón con márgenes seguros para texto; ambas plataformas pueden recortar ligeramente en diferentes superficies. 16:9 también funciona para la mayoría de las imágenes principales de blogs de escritorio.
Perfil / avatar de una toma más amplia	Elige 1:1, arrastra un recorte ajustado centrado en la cara. Exporta como PNG si el avatar se superpondrá a una interfaz transparente. La mayoría de las plataformas recortan aún más los avatares en un círculo — mantén tu sujeto alejado de las esquinas.
Foto de portada de página de Facebook	Elige FB Cover (relación 820×312). Ten en cuenta la superposición de información de la página en la parte inferior izquierda y la superposición de la foto de perfil en la parte inferior derecha. Facebook vuelve a renderizar las fotos de portada para móviles — mantén el punto focal centrado.
Foto de impresión 4×6 a partir de un archivo digital más grande	Elige 3:2. Compón, luego exporta como PNG o JPG de alta calidad y envíalo a una imprenta. 3:2 también es nativo de cámaras de 35 mm — tanto paisaje como retrato funcionan.

Cuándo usar un recortador con preajustes de aspecto

Redimensiona una sola foto para ajustarse a los diseños de Instagram, Story, YouTube, Twitter o Facebook sin salir del navegador.

Reencuadra una foto en paisaje como un retrato para un fondo de pantalla de teléfono o sección principal vertical.

Recorta el espacio muerto de una captura de pantalla antes de pegarla en un documento o rastreador de problemas.

Genera un avatar cuadrado a partir de una toma de retrato más amplia — elige 1:1, arrastra un recorte ajustado de la cabeza.

Crea una imagen de banner con una relación de aspecto personalizada (16:9 para un héroe de blog, 3:1 para un banner de Twitter).

Recorta una foto lista para impresión en 3:2 o 4:3 de una toma de teléfono antes de enviarla a un laboratorio fotográfico.

Corta una miniatura para un archivo de video en una relación de aspecto específica sin abrir Photoshop.