Recortar imagen
Recortar imagen deja la foto en la parte que quieres —arrastra un cuadro sobre ella o escribe un ancho y un alto exactos—. El cuadro se mide contra el tamaño real de la foto y no contra la vista previa en pantalla, así que 600 por 240 significa 600 por 240 sin importar lo grande que sea tu ventana, y los píxeles que conservas quedan intactos.
Suelta aquí una imagen
o suéltalo en cualquier parte de la página · Elegir un archivo · 100 MB
Aceptados: JPG, JPEG, PNG, WebP, AVIF, HEIC, HEIF
¿Cómo funciona Recortar imagen?
Recortar es la única operación de imagen que no cuesta nada en calidad. Las demás ediciones remuestrean o requantizan píxeles; un recorte simplemente se queda un rectángulo de ellos y tira el resto. Los píxeles que sobreviven son los píxeles con los que empezaste, dibujados a escala uno a uno en un lienzo más pequeño.
Por qué el rectángulo se mide en píxeles del origen
La vista previa de esta página mide lo que el diseño le dé —más pequeña en un teléfono, más grande en un ordenador, y distinta otra vez tras redimensionar la ventana—. Si el rectángulo de recorte se guardara en esos píxeles de pantalla, el mismo arrastre daría un resultado distinto según la ventana del navegador, y el redondeo caería en un límite diferente cada vez.
Por eso el rectángulo se guarda en las coordenadas de la propia imagen y la vista previa se proyecta a partir de él. Arrastra la misma esquina en un teléfono y en un monitor y obtendrás el mismo recorte, y los campos numéricos muestran los valores reales de píxel y no una aproximación escalada.
Las proporciones, y por qué merece la pena fijarlas
La mayoría de los lugares donde acaba una imagen esperan una forma concreta, y si no la eliges la recortan ellos: un cuadrado para un avatar, 1.91:1 para una vista previa de enlace, 16:9 para vídeo. Elegir tú el recorte es la diferencia entre un retrato con el sujeto dentro del cuadro y uno al que el recorte centrado de una plataforma le ha cortado la cabeza. Con la proporción fijada, arrastrar cualquier esquina conserva la forma y solo cambia el tamaño.
Las guías de la regla de los tercios
Las líneas que cruzan el cuadro de recorte lo dividen en nueve. Colocar al sujeto en una de las intersecciones, y no en el centro exacto, es el consejo de composición más antiguo que existe —funciona porque un sujeto centrado aplana la imagen y uno descentrado deja al ojo con algún sitio adonde ir—. Dibujar las guías no cuesta nada y están ahí porque un recorte es una decisión de composición, no solo de tamaño.
Dónde sí interviene la calidad
El recorte en sí no tiene pérdida, pero escribir el resultado sí —si la salida es JPEG o WebP, los píxeles conservados se vuelven a codificar, y eso es una generación de compresión con pérdida encima de la que ya tuviera el origen. Por esa razón el control de calidad de aquí viene alto por defecto. Recortar un PNG a un PNG no tiene pérdida de principio a fin.
Qué pasa con una imagen transparente
La transparencia sobrevive a un recorte hacia PNG o WebP. Hacia JPEG no puede —no hay canal alfa—, así que las zonas transparentes se componen sobre blanco antes de codificar, que es lo que evita que salgan negras.
Todo se queda en tu equipo
El archivo se procesa en esta pestaña. La página puede descargar las bibliotecas o los modelos necesarios; esta operación no sube el archivo.
Entrada
portrait.jpg 3024 x 4032 ratio locked 1:1
Salida
portrait-3024x3024.jpg 3024 x 3024 pixels kept, not resampled
¿Qué opciones y casos límite admite Recortar imagen?
| Parámetro | Tipo | Valor predeterminado | Comportamiento y casos límite |
|---|---|---|---|
| Libre | relación de aspecto | predeterminado | Cualquier rectángulo. |
| 1:1 | relación de aspecto | — | Avatares, fotos de productos, la mayoría de publicaciones en redes sociales. |
| 4:3 | relación de aspecto | — | La proporción clásica de cámaras y pantallas. |
| 3:2 | relación de aspecto | — | Película de 35 mm y la mayoría de sensores DSLR. |
| 16:9 | relación de aspecto | — | Vídeo y banners anchos. |
| 1.91:1 | relación de aspecto | — | Vistas previas de enlaces de Open Graph. |
| X / Y / W / H | píxeles | — | El rectángulo de recorte en las coordenadas propias de la imagen. Los valores escritos y los arrastrados son los mismos números. |
| Calidad | 0.1 – 1.0 | 0.9 | Se aplica cuando el resultado es JPG o WebP. Es alto por defecto, porque el recorte no pierde nada y la codificación tampoco debería. |
| Igual que el origen | formato | predeterminado | PNG entra, PNG sale — lo que mantiene toda la operación sin pérdida. |
Preguntas frecuentes
¿Recortar reduce la calidad de la imagen?
El recorte en sí no —se queda intacto un rectángulo de los píxeles originales y descarta el resto, sin remuestrear nada—. Lo que puede costar calidad es escribir el resultado: si el formato de salida es JPEG o WebP, los píxeles conservados se vuelven a codificar, lo que supone una generación más de compresión con pérdida. Recorta un PNG a un PNG y toda la operación no tiene pérdida. El control deslizante de calidad de aquí viene por defecto en 0.9 precisamente para que la codificación no deshaga lo que el recorte conservó.
¿Cómo recorto a un tamaño exacto en píxeles?
Escribe en los campos «X», «Y», «Ancho» y «Alto»: son el rectángulo de recorte en las coordenadas de la propia imagen, y son los mismos números que producen los tiradores al arrastrar. Fijar «Ancho» y «Alto» te da un tamaño de salida exacto; «X» e «Y» posicionan el rectángulo. Si necesitas una forma concreta más que un tamaño concreto, fija una proporción y arrastra.
¿Qué proporción debería usar?
1:1 para avatares y la mayoría de publicaciones sociales; 1.91:1 para vistas previas de enlace de Open Graph, que es lo que aparece cuando alguien comparte una URL; 16:9 para miniaturas de vídeo y banners anchos; 4:3 o 3:2 para fotografías, que es lo que las cámaras producen de forma nativa. Elegir tú el recorte importa porque, si no, el destino lo recorta por ti, normalmente desde el centro y normalmente mal.
¿Puedo recortar varias imágenes a la vez?
Aquí no, y es a propósito. Un rectángulo de recorte es específico de lo que hay en el cuadro —las mismas coordenadas aplicadas a veinte fotos dejarían al sujeto fuera en la mayoría—. Las operaciones por lotes que de verdad se aplican de forma uniforme, como redimensionar o convertir, sí aceptan varios archivos; recortar es una decisión por imagen, así que esta herramienta toma una imagen y te da los controles para tomar bien esa decisión.
¿Por qué el cuadro de recorte se frena cuando arrastro más allá del borde?
Porque el rectángulo está limitado a la imagen: un recorte no puede incluir área que no existe. Con una proporción fijada, llegar a un borde también restringe la otra dimensión, ya que la forma tiene que conservarse —el cuadro deja de crecer en lugar de adoptar una forma equivocada—. Cambia a «Libre» si quieres que el rectángulo siga al puntero sin esa restricción.
¿Se sube la imagen para recortarla?
No. Se descodifica, se dibuja en un canvas y se codifica por completo en esta pestaña con el código de imágenes del propio navegador. Puedes comprobarlo en el panel Network de DevTools: recortar no produce ninguna petición.
¿Qué más puede hacer Recortar imagen?
¿Qué herramientas relacionadas debería usar después?
- Redimensionar imagenReduce imágenes sin los dientes de sierra que dejan otras herramientas
- Convertir imagenJPG, PNG, WebP y AVIF, con la transparencia bien tratada
- Convertir HEIC a JPGAbre fotos de iPhone en un equipo que se niega a hacerlo
- Convertir imagen a Base64Incrusta un recurso y mira cuánto te cuesta el 33 % extra