Imagen Editar

Recortar, girar y voltear una imagen

Editada en tu navegador · el archivo no se sube nunca

En tu equipo · recortar y voltear no pierden nada, no se sube nada

Recorta arrastrando un recuadro o a una proporción fija, gira un cuarto de vuelta o a cualquier ángulo, voltea en cualquier sentido, redondea las esquinas hasta un círculo o añade un marco por fuera de la imagen. Cada edición se dibuja en un lienzo de esta página, así que no se sube nada, y recortar y voltear no cuestan nada de calidad.

Cómo recortar, girar y voltear una imagen

1 Elige una imagen o suéltala sobre el panel. Se lee en la página y no se sube nunca.
2 Elige la edición arriba: recortar, girar, voltear, redondear o marco.
3 Recorta arrastrando el recuadro y sus esquinas, o fíjalo a 1:1, 16:9 u otra proporción.
4 Gira un cuarto de vuelta o arrastra a cualquier ángulo; el lienzo crece para que no se corten las esquinas.
5 Guarda como JPEG para un archivo pequeño, o como PNG cuando importen la transparencia o los píxeles exactos.

Son un mismo trabajo sobre una misma imagen, y por eso están en una sola página: cada una es el mismo dibujo en un lienzo con otra transformación delante, y el archivo se lee, se dibuja y se vuelve a leer sin pasar nunca por un servidor. Lo que cambia entre ellas es lo que cuestan.

Recortar no cuesta nada. Redimensionar remuestrea: cada píxel de salida se interpola a partir de varios de entrada, y por eso una imagen ampliada se ve blanda. Recortar descarta los píxeles de fuera del recuadro y deja el resto exactamente como estaba, así que el recorte de una foto nítida sigue siendo nítido. Conviene saberlo porque significa que hay que recortar primero y redimensionar después, nunca al revés: redimensionar a un objetivo y luego recortar tira resolución que tenías. Las proporciones fijas existen porque casi todos los sitios donde publicas una imagen quieren una concreta, y una foto recortada con la proporción equivocada vuelve a recortarla la plataforma, normalmente mal y normalmente por la cara de alguien. 1:1 para casi todas las fotos de perfil, 16:9 para miniaturas de vídeo y diapositivas, 9:16 para historias y vídeo corto, 4:3 para el encuadre clásico de cámara.

Girar no cuesta nada a 90, 180 y 270 grados, porque cada píxel cae exactamente sobre otro. Cualquier otro ángulo tiene que interpolar, así que el detalle fino se suaviza un poco y los bordes duros cogen un leve escalonado; haz la corrección una vez desde el original y no en varios retoques. El detalle que casi todas las herramientas de girar hacen mal es el tamaño del lienzo. Un cuarto de vuelta solo intercambia ancho y alto, pero a 45° un cuadrado necesita un lienzo unas 1,41 veces más ancho o se cortan las esquinas, y como el corte ocurre en los bordes, a menudo no se nota hasta después. Aquí el lienzo se dimensiona a partir del recuadro girado, así que la imagen entera sobrevive a cualquier ángulo. Algo relacionado: una foto que se ve girada en un dispositivo y derecha en otro normalmente no está girada. Las cámaras guardan la orientación como una etiqueta EXIF y dejan los píxeles como están, así que el software que ignora la etiqueta la muestra tumbada. Guardar desde aquí incorpora la orientación actual a los píxeles y quita la etiqueta, y eso hace que el giro se mantenga en todas partes.

Voltear tampoco cuesta nada, porque solo reordena píxeles. La razón habitual es un selfi: las cámaras delanteras muestran una vista previa en espejo porque es lo que estás acostumbrado a ver, pero casi todas guardan la versión sin espejo, así que la foto te parece sutilmente rara a ti y normal a todos los demás. Lo único que hay que comprobar antes es el texto. Todo lo escrito en la imagen (un cartel, una etiqueta, una marca de agua, una matrícula) queda del revés, y es fácil no verlo cuando el texto es pequeño o está en un borde.

Redondear corta las esquinas con un trazado de recorte en lugar de rellenarlas de un color, que es la diferencia entre una imagen que funciona en cualquier parte y una que solo funciona sobre blanco. Una esquina rellena queda bien en la página para la que la diseñaste y se ve como una cuña blanca evidente sobre un fondo oscuro. Un círculo necesita una imagen cuadrada: el radio se mide sobre el lado más corto, así que al 50 % un rectángulo sale con forma de estadio. Las ediciones no se acumulan (cada pestaña dibuja desde el archivo que abriste, no desde el resultado de la anterior), así que para cuadrar un rectángulo hay que recortarlo a 1:1, guardarlo y volver a abrir el archivo guardado antes de redondearlo.

Un marco hace crecer el lienzo en lugar de pintar sobre los bordes, así que la imagen original sobrevive entera; un marco dibujado por dentro taparía una franja de la imagen. El grosor es el mismo en los cuatro lados, así que cambia el tamaño y apenas la forma: una foto de 300 × 400 con un marco de 20 píxeles sale de 340 × 440, todavía más alta que ancha. Sirve para dar margen: aire alrededor de una imagen en una diapositiva, o un borde visible para que una foto de fondo claro no se funda con una página blanca.

Al guardar: redondear, poner marco y girar fuera de los ejes conservan o crean transparencia, y JPEG no tiene canal alfa, así que esas se escriben como PNG. Recortar y voltear no pueden crear transparencia, así que ahí eliges, y la elección importa más de lo que parece. PNG guarda cada píxel conservado con exactitud, y una fotografía guardada así ocupa a menudo dos o tres veces lo que el JPEG del que salió: tiraste píxeles y el archivo creció. JPEG cuesta una pasada más de compresión, que no verás en una fotografía a calidad alta, y es lo adecuado para lo que vuelve a la web; PNG es lo adecuado para una captura, un logotipo o cualquier cosa con color plano y bordes duros.

Un efecto secundario que conviene conocer antes de publicar una foto que no hiciste tú: ninguna de estas ediciones toca los metadatos directamente, pero dibujar en un lienzo elimina el bloque EXIF, así que la ubicación, la cámara y la fecha no sobreviven.

Para qué la usa la gente

  • Recortar una foto a 1:1 para una foto de perfil
  • Sacar una miniatura 16:9 de una foto más alta
  • Dejar una captura de pantalla solo con la parte que interesa
  • Cuadrar una foto de producto antes de meterla en una cuadrícula
  • Poner derecho un escaneo que llegó tumbado
  • Deshacer el espejo de un selfi para que la cara sea la del espejo
  • Redondear un avatar en círculo para una diapositiva o un PDF que no lo recortan solos
  • Enmarcar una foto de fondo claro para que no se funda con una página blanca

Preguntas

Ninguna de las dos toca los píxeles que conserva. Un recorte descarta lo que queda fuera del recuadro; voltear reordena píxeles sin remuestrear ninguno, mientras que redimensionar interpola cada uno. Lo que cuesta algo es guardar: PNG conserva los píxeles exactos, JPEG recomprime una vez, y en una fotografía a calidad alta no lo verás.

MDN, CanvasRenderingContext2D.drawImage()MDN, HTMLCanvasElement.toBlob()
¿Te ha servido esta herramienta?
Señal interna · me sirve para saber qué herramientas vale la pena rehacer