Para recortar una imagen a una proporción concreta necesitas el rectángulo más grande de esa forma que quepa dentro de la imagen, y solo hay dos casos. Compara la proporción de tu imagen — el ancho dividido por el alto — con la proporción objetivo. Si tu imagen es la más ancha de las dos, conserva todo el alto y corta los lados. Si es la más alta, conserva todo el ancho y corta arriba y abajo. Todo lo que viene después es decidir qué parte estás dispuesto a perder, que es un juicio sobre la fotografía y no aritmética.
Calcula el rectángulo de recorte
Escribe la proporción objetivo como decimal dividiendo los dos números. 16:9 es 1.7778, 3:2 es 1.5, 1:1 es 1, 4:5 es 0.8, 9:16 es 0.5625. Haz lo mismo con tu imagen. Entonces:
- La proporción de la imagen es mayor que la objetivo — tu imagen es demasiado ancha. Nuevo ancho = alto × proporción objetivo. El alto se queda como está. Para un recorte centrado, el borde izquierdo queda en (ancho original − ancho nuevo) ÷ 2.
- La proporción de la imagen es menor que la objetivo — tu imagen es demasiado alta. Nuevo alto = ancho ÷ proporción objetivo. El ancho se queda como está. El borde superior queda en (alto original − alto nuevo) ÷ 2.
Esos cuatro números — izquierda, arriba, ancho y alto — son el recorte. Cualquier herramienta de recorte que valga la pena los acepta en ese formato.
Dos ejemplos resueltos
Una foto de celular de 4032 × 3024, que es 4:3 o 1.3333, que pasa a 16:9. La proporción de la foto es menor, así que es demasiado alta: el ancho se queda en 4032 y el alto nuevo es 4032 ÷ 1.7778, o sea 2268. La diferencia son 756 px, así que un recorte centrado empieza 378 px más abajo y el rectángulo es 0, 378, 4032, 2268. Eso cuesta una cuarta parte del alto y lleva el archivo de 12.2 a 9.1 megapíxeles.
Un archivo de cámara de 6000 × 4000, 3:2, que pasa a cuadrado. Su proporción de 1.5 es mayor que 1, así que es demasiado ancho: el alto se queda en 4000, el ancho nuevo también es 4000 y un recorte centrado empieza a 1000 px del borde izquierdo. Se va un tercio del encuadre, todo por los lados, y 24 megapíxeles se convierten en 16.
¿Qué parte cortas en realidad?
La fórmula te da la forma. No tiene opinión sobre el horizonte situado a un tercio de la altura, ni sobre el sujeto que está cerca del borde izquierdo, y centrar es lo predeterminado precisamente porque es la opción que no exige pensar. Muchas veces es la equivocada.
Este es el momento en el que quieres ver el resultado antes de comprometerte con él. Al hacer clic en una proporción dentro del recortador de imágenes que funciona en el navegador, la selección queda bloqueada en esa forma: si la arrastras se mueve, si arrastras una esquina se escala, pero no puede cambiar de proporción. Los cuatro campos numéricos debajo de la vista previa se actualizan mientras arrastras y aceptan valores escritos, así que puedes ajustar una caja bloqueada en 16:9 hasta exactamente y = 378 en vez de dejarla ahí cerca. Con la vista previa enfocada, las flechas del teclado mueven la caja de diez en diez píxeles, o de uno en uno si mantienes alt.
Dos límites que conviene admitir. La vista previa se reduce para caber en tu pantalla, así que los campos de píxeles son la verdad y la caja que ves es una aproximación de ellos: si el rectángulo tiene que ser exacto, escríbelo. Y no hay rotación ni enderezado, así que un horizonte torcido sigue torcido.
Las proporciones que te van a pedir
| Proporción | Decimal | Dónde aparece |
|---|---|---|
| 1:1 | 1.0 | Avatares, iconos de apps, cuadrículas de productos, cualquier cosa que se muestre con una máscara redonda |
| 4:5 | 0.8 | El retrato más alto que la mayoría de los feeds muestra sin volver a recortarlo |
| 3:2 | 1.5 | Lo que dispara la mayoría de las cámaras; la forma de una copia de 6 × 4 pulgadas |
| 4:3 | 1.3333 | Sensores de celular a resolución completa, tablets, monitores antiguos |
| 16:9 | 1.7778 | Video y miniaturas de video; 1280 × 720 y 1920 × 1080 |
| 9:16 | 0.5625 | Video vertical e historias a pantalla completa |
| 1.91:1 | 1.9048 | Tarjetas de vista previa de enlaces; 1200 × 630 |
Esa última fila es una trampa que conviene conocer. 1.91:1 es una etiqueta redondeada de 1200:630, que se reduce a 40:21 y da 1.90476. Recorta una imagen de 1200 px de ancho con un 1.91 literal y obtienes un alto de 628, no de 630: dos píxeles de fondo a lo largo del borde inferior de una tarjeta que debía llenar el espacio. El preajuste del recortador usa el valor exacto, y tú deberías hacer lo mismo si lo calculas a mano.
Primero recorta, después redimensiona
Una proporción es una forma, no un tamaño. Recortar a 16:9 no te dice nada sobre si el resultado mide 1920 px de ancho o 480, y esa diferencia se le escapa a tanta gente que vale la pena leer qué te dice y qué no te dice la relación de aspecto antes de armar un conjunto de tamaños de banner sobre esa base.
Cuando necesitas a la vez una forma y un tamaño exacto en píxeles, hazlo en ese orden: recorta a las proporciones y después redimensiona a los números. Hacerlo al revés significa recortar dos veces o remuestrear dos veces, y cada remuestreo le quita un poco más de nitidez a la imagen. Recortar primero también hace que el redimensionado sea una sola división limpia: un recorte de 4032 × 2268 bajado a 1920 × 1080 es exactamente 2.1× en los dos ejes, sin redondeos que discutir.
Lo que cuesta un recorte
Resolución, de forma cuadrática. Reduce a la mitad el ancho y el alto y te queda una cuarta parte de los píxeles. Eso suele estar bien — una imagen web a todo lo ancho rara vez necesita más de 2 megapíxeles — pero vigila el lado largo. Por encima de unos 1600 px se verá bien en cualquier pantalla. Por debajo de unos 800 vas a empezar a notarlo.
Una generación de JPEG. Un navegador tiene que decodificar el archivo a píxeles en bruto, cortar el rectángulo y codificar un JPEG nuevo, así que los píxeles que conservas salen un poquito peor de lo que entraron. Herramientas de línea de comandos como jpegtran pueden recortar un JPEG sin pérdida copiando sus bloques comprimidos sin tocarlos, pero solo en un límite de bloque — 8 o 16 píxeles según el archivo — y un navegador no tiene acceso a esos bloques. El recortador de aquí usa por defecto calidad 92 en lugar del 85 habitual para que esa segunda generación quede cerca del original. PNG y WebP sin pérdida no tienen ese problema.
Todo lo que el archivo sabía sobre sí mismo. La salida es un archivo nuevo, lo que significa que no hay EXIF: ni modelo de cámara, ni marca de tiempo, ni coordenadas GPS, ni perfil de color incrustado, ni campo de copyright. En general eso es una ventaja, porque los metadatos dentro de una foto dicen más de lo que casi nadie espera, pero es una sorpresa si necesitabas que la etiqueta de atribución sobreviviera.
Cuándo recortar es la respuesta equivocada
Si el origen y el destino están muy lejos, el recorte deja de ser un ajuste y pasa a ser otra fotografía. Una toma vertical de 1080 × 1920 cortada a una tarjeta de enlace de 1.91:1 deja una tira de 1080 × 567: menos del 30% de la imagen, y elijas el 30% que elijas, la composición que pretendía el fotógrafo ya no está.
En ese punto, lo mejor suele ser rellenar en vez de recortar: poner la imagen entera sobre un lienzo con la forma objetivo y aceptar las bandas. Esa es otra operación distinta y este recortador no la hace. La otra opción es disparar o conseguir la imagen con una forma más cercana a la que necesitas, un consejo que solo sirve de antemano, pero es la razón por la que los fotógrafos encuadran un poco holgado cuando saben que la foto tiene que funcionar en tres lugares.
El camino más rápido a través de todo esto es abrir el recortador de imágenes, hacer clic en la proporción que necesitas y arrastrar la caja bloqueada hasta que la composición se vea bien: la línea de resumen te dice las dimensiones finales en píxeles y la proporción reducida, así que puedes comprobar que la aritmética salió donde esperabas. La imagen se decodifica y se vuelve a codificar en tu navegador y nunca se envía a ninguna parte.
Si el cuadrado que estás cortando va a terminar siendo el icono de un sitio, el recorte es la mitad fácil. Tamaños de favicon cubre qué dimensiones piden de verdad los navegadores y los teléfonos, y por qué un cuadrado de 512 px no es toda la respuesta.
Preguntas frecuentes
¿Cómo recorto una imagen a 16:9?
Divide 16 por 9 para obtener 1.7778 y compáralo con la proporción de tu imagen. Si la imagen es más alta que eso, conserva todo el ancho y pon el alto igual al ancho dividido por 1.7778; si es más ancha, conserva todo el alto y pon el ancho igual al alto por 1.7778. Una foto de 4032 por 3024 queda en 4032 por 2268, empezando 378 píxeles más abajo para un recorte centrado.
¿Cómo recorto una imagen a un tamaño exacto en píxeles?
Recorta primero a la forma correcta y después redimensiona a los números. Hacerlo en ese orden supone un solo remuestreo en vez de dos, y el redimensionado se vuelve una escala simple en los dos ejes. Recortar directamente a un tamaño pequeño en píxeles tira resolución que quizá querías conservar.
¿Cuánta imagen pierdo al pasar de 4:3 a 16:9?
Una cuarta parte del alto, y nada del ancho. Un encuadre de 4032 por 3024 conserva 2268 píxeles de alto, así que desaparecen 756 píxeles, repartidos en 378 arriba y 378 abajo si centras el recorte. En número de píxeles, eso es pasar de 12.2 megapíxeles a 9.1.
¿A qué tamaño debo recortar una imagen para una vista previa de enlace?
1200 por 630 píxeles, que es la forma 1.91:1. Usa la proporción exacta de 1.904762 en vez de 1.91, porque la cifra redondeada da un alto de 628 y deja un hueco de dos píxeles. Mantén grande cualquier texto que lleve, porque las vistas previas se muestran a menudo a un tercio de su tamaño.
¿Recortar una imagen reduce su calidad?
En un JPEG, un poco: el archivo se decodifica y se vuelve a codificar, y esa segunda codificación tiene pérdida. Con un ajuste de calidad de noventa y tantos, la diferencia es muy difícil de ver. PNG y WebP sin pérdida no se ven afectados, porque no se descarta nada al escribirlos.
¿Puedo recortar una foto sin subirla a ninguna parte?
Sí. Un navegador puede leer el archivo, dibujarlo en un canvas y codificar el resultado recortado en local, sin ninguna petición que se lleve la imagen fuera de tu dispositivo. El recortador de este sitio funciona así, y puedes comprobarlo en la pestaña Network de tus herramientas de desarrollo.
Última actualización 19 de septiembre de 2026