Recortar una imagen en línea — gratis y sin subir nada

Recortar no es gratis, aunque lo parezca

Estás tirando píxeles, así que parece una operación que no puede costar nada. Sí cuesta. El navegador tiene que decodificar el JPEG a píxeles crudos, cortar el rectángulo y codificar un JPEG nuevo desde cero. Esa segunda codificación tiene pérdida, así que los píxeles que conservaste quedan apenas un poco peores que los del original.

Existe una manera de recortar un JPEG sin volver a codificarlo, porque el JPEG guarda la imagen en bloques, normalmente de 8 o 16 píxeles de lado. Si cortas justo en el borde de un bloque, los bloques intactos se pueden copiar byte por byte. Herramientas de línea de comandos como jpegtran hacen exactamente eso. Un navegador no puede: no tiene acceso a los bloques comprimidos, solo a la imagen ya decodificada. Por eso esta herramienta vuelve a codificar, y el control de calidad viene en 92 en lugar del habitual 85, para que la segunda generación quede cerca de la primera.

El PNG y el WebP sin pérdida no tienen ese problema. Recortarlos es realmente sin pérdida porque el codificador no descarta nada.

Proporciones que conviene conocer

• 1:1 — cuadrada. Fotos de perfil, cuadrículas de productos, cualquier cosa que tenga que verse igual dentro de una máscara redonda.
• 16:9 — video. Una miniatura de 1280×720 es el tamaño habitual para un video de YouTube.
• 9:16 — video vertical e historias. El mismo cuadro girado de lado.
• 1.91:1 — la forma de una tarjeta de vista previa de enlace. 1200×630 es el tamaño que esperan la mayoría de las plataformas sociales y los servicios que expanden enlaces para una imagen Open Graph.
• 4:5 — el retrato más alto que la mayoría de los feeds muestra sin recortarlo por su cuenta.
• 3:2 — lo que capturan casi todas las cámaras, y la forma de una copia impresa de 6×4 pulgadas.

La cuadrícula de tercios sobre la selección está ahí para la composición: poner el sujeto sobre una línea en vez de justo en el centro es una vieja costumbre de la pintura que todavía funciona, aunque es una sugerencia y no una regla.

Cuánto puedes permitirte cortar

Recortar gasta resolución, y el gasto es cuadrático, no lineal. Si tomas la mitad del ancho y la mitad del alto, te queda una cuarta parte de los píxeles: una foto de teléfono de 12 megapíxeles se convierte en una de 3 megapíxeles. Eso sigue siendo más que suficiente para cualquier cosa en pantalla, donde una imagen web a todo el ancho rara vez necesita más de 2 megapíxeles, y ya queda justo para una impresión grande.

La regla práctica es mirar los campos de ancho y alto en lugar del porcentaje que calculas de memoria. Si los números siguen por encima de unos 1600 píxeles en el lado largo, el resultado se verá bien en cualquier parte de la web. Por debajo de unos 800 vas a empezar a notarlo.

Primero recorta, después redimensiona

Si necesitas un tamaño en píxeles concreto y una forma concreta, hazlo en ese orden. Recorta a las proporciones correctas y después redimensiona a los números exactos. Hacerlo al revés significa o deformar la imagen o recortar dos veces, y cada remuestreo suaviza un poco más el resultado.

Hasta dónde llega esta herramienta

• Una imagen por vez. Recortar es una decisión sobre una foto concreta, así que no hay modo por lotes: el mismo rectángulo sobre diez fotografías distintas casi nunca es lo que quieres.
• Sin rotación ni enderezado. Si tu horizonte está torcido, esto no lo arregla.
• Se pierden los metadatos. La salida es un archivo nuevo: sin EXIF, sin GPS, sin campo de copyright, sin perfil de color incrustado. Bueno para la privacidad, malo si necesitabas la etiqueta de copyright.
• Los GIF animados salen quietos. Solo se lee el primer cuadro.
• Las imágenes muy grandes pueden fallar. La vista previa se reduce para entrar en pantalla, pero el recorte trabaja sobre la imagen a resolución completa, y una pestaña del navegador tiene un techo de memoria. Safari en el teléfono es el más estricto con esto.
• La vista previa es una vista previa. Está escalada para entrar en tu pantalla, así que los valores en píxeles de los campos son la verdad y el recuadro es una aproximación. Si necesitas un rectángulo exacto, escribe los números.

Los campos numéricos son además el camino accesible. Un canvas que se maneja arrastrando no se puede usar con el teclado de ninguna forma útil, así que los campos de izquierda, arriba, ancho y alto hacen todo lo que hace el mouse — y con la vista previa enfocada, las flechas mueven el recuadro diez píxeles, o un píxel si mantienes alt.

Última actualización 19 de septiembre de 2026