Rotar GIF

Endereza un GIF animado, refléjalo o inclínalo unos grados, sin convertirlo en una imagen fija ni cambiar la velocidad a la que se reproduce.

1. 1

   Añade tu GIF

   Arrastra un GIF animado a la zona de carga o haz clic para buscarlo. También funcionan WebP animado y APNG. El archivo se lee en tu dispositivo y nunca se sube.

2. 2

   Gíralo

   Pulsa rotar a la izquierda o rotar a la derecha para un cuarto de vuelta, o elige 90, 180 o 270 directamente. Añade un espejo si la imagen además está del revés. La vista previa gira contigo.

3. 3

   Inclínalo, si lo necesitas

   El deslizador de ángulo fino añade hasta 45 grados a cada lado sobre el cuarto de vuelta. Cualquier cosa que no sea un cuarto de vuelta amplía el lienzo y deja esquinas nuevas, así que elige si esas esquinas son transparentes, blancas o negras.

4. 4

   Rota y descarga

   Pulsa Rotar y luego Descargar. El retardo de cada fotograma, el número de repeticiones y cualquier transparencia pasan sin cambios, así que la animación se reproduce exactamente igual que antes, solo que bien orientada.

La mayoría de las rotaciones son correcciones, no decisiones. Un clip grabado con el móvil de lado llega de lado, porque la orientación vivía en una etiqueta que escribió la aplicación de captura y que la exportación tiró a la basura. Una grabación de pantalla de un monitor girado sale tumbada. Un GIF extraído de un vídeo rodado en vertical se reproduce de espaldas. Y un número sorprendente de animaciones están simplemente reflejadas, capturadas con la cámara frontal, donde la vista previa que estabas mirando era un reflejo de ti y el archivo no lo es. Nada de eso es una decisión artística, y nada de eso debería costarte volver a exportar.

Gira o refleja un GIF animado sin perder un solo píxel, inclínalo cualquier ángulo con esquinas transparentes y conserva intactos los tiempos de cada fotograma y el número de repeticiones.

Lee GIF, WebP animado y APNG. Escribe un GIF89a estándar conservando los retardos por fotograma, el número de repeticiones y la transparencia.

Para qué sirve realmente un giro

• La orientación, corregida en el archivo. Un GIF no tiene una etiqueta de orientación que los visores respeten, así que una animación de lado está de lado en todas partes: en un README, en un cliente de chat, en una diapositiva. Girar los píxeles es el único arreglo que viaja con el archivo.
• Metraje reflejado, sin reflejo. Las capturas de la cámara frontal son reflejos. El texto que aparece en ellas se lee al revés y cualquier cosa asimétrica queda mal, y ninguna rotación lo corrige: solo un volteo lo hace.
• Una imagen más recta. Una pantalla fotografiada o una captura hecha a pulso suele estar uno o dos grados fuera de nivel. Un pequeño giro de ángulo fino es la diferencia entre un clip que parece capturado y uno que parece hecho.
• Encajar en una forma. Una animación vertical girada a horizontal llena un hueco ancho en lugar de quedarse entre dos barras grises. Con el lienzo mantenido a su tamaño original, el giro ocurre dentro de la forma que el destino ya espera.

La rotación no es una sola cosa. Son dos operaciones que se comportan de manera completamente distinta, y casi todas las herramientas de esta categoría las presentan como un único control, que es como un giro de 90 grados acaba pasando por una maquinaria diseñada para 37 grados, suavizando todos los bordes de un archivo sin ningún motivo. Esta herramienta las mantiene separadas, te dice en cuál estás y no deja que la cara contamine a la barata.

Un cuarto de vuelta y un espejo no cuestan nada

Girar 90, 180 o 270 grados, o reflejar de izquierda a derecha o de arriba abajo, mueve cada píxel a otra posición de la cuadrícula. Ningún píxel se promedia con un vecino, ninguno se inventa, ninguno se descarta. El conjunto de colores del archivo es por tanto exactamente el que era, y como la paleta se construye a partir de un recuento de esos colores, la paleta que sale es idéntica bit a bit a la que ese mismo archivo obtendría sin rotación alguna. Cada píxel se asigna después a la misma entrada de paleta a la que se habría asignado. Eso es lo que significa aquí «sin pérdida», y se mide en lugar de afirmarse: el fotograma girado se compara píxel a píxel contra una biblioteca de imágenes independiente que realiza el mismo giro, y contra un cálculo entero aparte de dónde debería haber caído cada píxel, y ambos coinciden con diferencia cero sobre 255.

El detalle que lo decide

El coseno de 90 grados, calculado de la forma obvia, no es cero: es aproximadamente un 6 seguido de diecisiete ceros y luego un 1. Construye una rotación a partir de ese número y cada píxel cae una fracción infinitesimal fuera de la cuadrícula, algo que el proceso gráfico resuelve interpolando entre vecinos. La imagen parece idéntica. Cualquier comprobación con tolerancia la da por buena. Y la operación deja de ser, en silencio, una permutación: los bordes se suavizan, el conjunto de colores ha cambiado y la paleta ya no es la que tendría el archivo sin rotar. Los cuatro ángulos rectos de aquí llevan en su lugar valores enteros exactos, y el suavizado está desactivado para ellos, así que no hay ningún camino por el que un cuarto de vuelta pueda remuestrear.

Cualquier otro ángulo remuestrea y crece

Un ángulo fraccionario coloca la imagen sobre una cuadrícula con la que no encaja, así que cada píxel de salida es una mezcla de los píxeles de origen cercanos. Eso es inevitable y es lo que hace que una imagen inclinada se vea suave en vez de dentada. También hace crecer el lienzo: el rectángulo recto más pequeño que contiene un rectángulo girado es mayor que cualquiera de los dos. Un fotograma de 200 por 100 girado 30 grados necesita 223 por 187, más del doble de píxeles, y la diferencia entre las dos formas son las esquinas, que es justo donde esta categoría falla de verdad.

Un rectángulo girado nunca cubre su propio rectángulo envolvente. Gira un cuadrado 45 grados y exactamente la mitad de la salida nunca formó parte de la imagen. Algo tiene que estar ahí, y lo que la mayoría de las herramientas pone ahí es blanco.

• El blanco es una decisión, no un valor por defecto. En una animación con fondo transparente, las esquinas blancas son cuatro triángulos que no estaban en tu archivo y que ya no se pueden quitar después. En una animación oscura son un marco luminoso. Ninguna de las dos cosas es lo que se pidió.
• Recortar en su lugar pierde las esquinas. La otra respuesta habitual es mantener el lienzo original y dejar que la imagen girada se desborde, lo que corta en silencio las cuatro esquinas de la imagen real. Puede ser la elección correcta (aquí se ofrece como Conservar tamaño original), pero debería ser una elección.
• Transparente es el valor por defecto honesto. La zona nueva se deja transparente salvo que digas lo contrario, así que las esquinas están ausentes en lugar de inventadas. El blanco y el negro están a una pulsación cuando el destino necesita un archivo opaco.

Cómo se prueba esto de verdad

Esto importa porque una prueba equivocada es indistinguible de no tener prueba. Una herramienta de este repositorio comprobaba en su día que las esquinas tras una rotación de enderezado fueran opacas, cosa que un relleno blanco satisface perfectamente, y la comprobación se quedó en verde mientras todos los ángulos por encima de 10 grados exportaban triángulos blancos visibles que cubrían el 5,9 % de la imagen. La afirmación apuntaba a una propiedad que no podía ser falsa. Aquí las esquinas se leen en el canal alfa, que es la única lectura capaz de distinguir una esquina transparente de una blanca, sobre un origen totalmente opaco para que cualquier transparencia de la salida tenga que venir de la rotación. La misma comprobación se ejecuta después con el relleno en blanco y se exige que falle, porque una afirmación que no puede ponerse en rojo no es una afirmación.

Una limitación que pertenece al formato

El GIF almacena la transparencia como una única ranura de paleta y no como un canal alfa, así que un píxel o es totalmente transparente o es totalmente opaco. Eso significa que el borde diagonal de una imagen inclinada queda escalonado en lugar de difuminado, y no hay nada que ninguna herramienta pueda hacer al respecto dentro del formato. Dos consecuencias prácticas: una animación inclinada sobre un fondo con mucho detalle se lee mejor con un color sólido en las esquinas que con transparencia, y un color sólido produce además un archivo más pequeño, porque la transparencia y la optimización entre fotogramas necesitan las dos la única ranura de paleta reservada y no pueden tenerla las dos.

Una vez que la imagen ya no cabe en su fotograma, solo hay dos respuestas honestas, y esta herramienta ofrece ambas en lugar de elegir por ti.

• Ampliar para que quepa. El lienzo se expande hasta el rectángulo recto más pequeño que contiene la imagen girada. No se corta nada. Es la opción por defecto y es lo que hacen todas las demás herramientas, en silencio.
• Conservar tamaño original. El lienzo mantiene el ancho y el alto propios del origen y la imagen girada se centra dentro: lo que sobresale se corta y lo que falta se rellena. Esto es lo que quieres cuando el resultado tiene que volver a un hueco de forma fija, y no hemos podido encontrarlo ofrecido en ningún otro sitio.
• Cuál es sin pérdida. Ampliar para que quepa mantiene sin pérdida un cuarto de vuelta, porque todos los píxeles siguen teniendo dónde ir. Conservar tamaño original en un fotograma no cuadrado no lo hace, porque una imagen de 300 por 100 puesta en vertical no cabe en una caja de 300 por 100. La herramienta te dice en cuál estás en lugar de dejarte deducirlo.

Por qué los números se intercambian

Un cuarto de vuelta intercambia los dos ejes, así que una animación de 300 por 100 pasa a ser de 100 por 300. Eso no es un efecto secundario que haya que corregir; es lo que un cuarto de vuelta es. Merece la pena mencionarlo porque es lo más fácil de probar mal de toda esta herramienta: una entrada cuadrada lo oculta por completo, y un rotador que en silencio no hiciera absolutamente nada pasaría todas las comprobaciones hechas sobre un cuadrado. La línea de resultado muestra ambos tamaños para que el intercambio sea visible, y las dimensiones del archivo se leen del GIF terminado en lugar de darse por buenas.

Rotar una imagen fija es una transformación y un dibujado. Un GIF animado es una pila de fotogramas, y el formato hace falsa casi cualquier suposición que te gustaría hacer sobre ellos. Un fotograma no tiene por qué tener el tamaño de la animación: legalmente puede ser un rectángulo más pequeño colocado en un desplazamiento, que almacena solo la región que cambió desde el anterior. Cada fotograma lleva un método de descarte que dice qué hacer con el fotograma previo antes de dibujarlo. Cada uno puede declarar su propio color transparente, y cada uno puede llevar su propia paleta. Un rotador que gire esos fragmentos almacenados y los devuelva a sus desplazamientos antiguos produce una salida que parpadea, deja fantasmas o coloca media animación en la esquina equivocada.

Qué le ocurre aquí a cada fotograma

• Composición. Cada fotograma se dibuja sobre un lienzo del tamaño lógico de la animación, respetando su desplazamiento, su método de descarte y su transparencia, de modo que lo que se gira es la imagen que un espectador vería realmente y no el fragmento que el archivo almacenó por casualidad.
• Girar, una sola vez. El espejo, la rotación y el techo de tamaño del plan son una única transformación aplicada en un solo dibujado sobre tu hardware gráfico. Hacerlo en pasadas separadas remuestrearía dos o tres veces donde basta con una.
• Recuantizar. La paleta se construye a partir de una muestra repartida por toda la animación, no a partir del primer fotograma, y después cada píxel se asigna a ella. Construirla por fotograma es lo que hace que los colores cambien visiblemente entre fotogramas en otras herramientas, y en un cuarto de vuelta este paso demostrablemente no cambia absolutamente nada.
• Reoptimizar. Las regiones que no cambian entre fotogramas se vuelven a marcar como transparentes en la nueva geometría. De ahí sale la mayor parte del tamaño de un GIF, y es lo que impide que un giro haga el archivo innecesariamente más grande.

Cuándo desaparece el control de tramado, y por qué

El tramado ordenado empuja cada píxel una cantidad que depende de dónde está, que es lo que rompe las bandas de una paleta reducida. Se oculta en dos situaciones, y en ambas haría daño en vez de bien. En un cuarto de vuelta, esa dependencia de la posición es fatal: el mismo color en una posición nueva se empujaría de otra forma y podría caer en otra entrada de paleta, así que un giro que no cambió nada saldría habiendo cambiado algo — y además no hay nada que tramar, porque no se está haciendo ninguna aproximación. Con un relleno de esquinas sólido, el tramado le da textura: medido en una animación inclinada con un contorno blanco, una pequeña muestra de lo que debía ser blanco plano contenía tres grises distintos, porque el límite suavizado entre el relleno y la imagen mete tonos casi blancos en la paleta sobre los que el tramado puede caer. Un color que has elegido debe salir como ese color, así que el tramado se desactiva siempre que el relleno es sólido y el control no se ofrece ahí.

Casi toda rotación real es uno de estos cuatro casos, y saber en cuál estás te ahorra las conjeturas.

• Metraje de móvil de lado. Un cuarto de vuelta, en un sentido o en el otro. Si no estás seguro de cuál, gira una vez y mira la vista previa: no cuesta nada y no se escribe nada hasta que pulsas Rotar.
• Del revés. 180 grados. Ten en cuenta que 180 grados y un doble espejo se ven idénticos en una imagen simétrica y son operaciones distintas en todo lo demás; si aparece texto, solo 180 lo mantiene legible.
• Reflejo de la cámara frontal. Un volteo horizontal, sin ninguna rotación. El texto al revés es la señal fiable.
• Una captura torcida. Un ángulo fino de uno a cuatro grados, con Conservar tamaño original si el pequeño recorte es aceptable y Ampliar para que quepa si no lo es. Este es el único caso en el que el coste es real, y a esos ángulos no se ve.

Por material

• Grabaciones de pantalla. Solo cuartos de vuelta, si puedes. Los bordes de la interfaz son lo más nítido de cualquier captura y un ángulo fraccionario los suaviza todos a la vez.
• Pixel art y sprites. Los cuartos de vuelta son exactos sobre una cuadrícula de píxeles y los ángulos fraccionarios la destruyen. Si tienes que inclinar pixel art, usa el modo de remuestreo Píxel, que mantiene los bordes duros en lugar de mezclarlos.
• Clips fotográficos. Aquí un ángulo fraccionario va bien: una fotografía no tiene ninguna cuadrícula que romper. El remuestreo suave es la elección correcta, y es la que viene por defecto.
• Cualquier cosa con transparencia. Deja el relleno de esquinas transparente, o el fondo transparente ganará cuatro triángulos opacos en el momento en que salgas de un cuarto de vuelta.

• Documentación y READMEs. Una captura hecha desde un monitor girado es ilegible en un documento y un cuarto de vuelta lo arregla de forma permanente, en el archivo, sin volver a grabar.
• Chat y publicaciones sociales. Ningún cliente de chat ofrece un botón de rotar sobre una animación que está mostrando. La orientación tiene que ser correcta en el archivo antes de enviarlo.
• Diapositivas y presentaciones. El software de presentaciones puede rotar en pantalla una imagen colocada, pero el PDF o el vídeo exportados suelen fijar la original. Girar el archivo primero elimina la duda.
• Capturas de cámara reflejadas. Todo lo grabado con una cámara frontal sale invertido. Un volteo es la única corrección, y es gratis.

Qué le hace el intercambio a tus dimensiones

Planifica el intercambio antes de girar. Una animación vertical de 1080 por 1920 pasa a ser horizontal de 1920 por 1080, que es la forma que quiere un feed pero cuatro veces el ancho de una columna de chat. Los emojis personalizados de Discord y Slack son de 128 por 128, así que un cuarto de vuelta de un cuadrado sale gratis y el de cualquier otra cosa cambia lo que cabe. La columna de un README de GitHub tiene en la práctica unos 700 píxeles. X muestra las imágenes en línea hasta 506 píxeles de ancho. Si un giro te lleva más allá de esas cifras, la herramienta de redimensionar es la siguiente parada y está a un enlace de distancia.

Hay cuatro cosas que salen mal con los GIF rotados lo bastante a menudo como para merecer un nombre, y las cuatro tienen una causa concreta en lugar de un misterio. Ninguna de ellas significa que tu archivo esté roto.

• Volvió convertido en una imagen fija. La herramienta leyó el primer fotograma y descartó el resto. Casi todos los editores de imagen de uso general le hacen esto a una animación, en silencio, porque se crearon para imágenes y un GIF es una imagen válida para ellos. Aquí el número de fotogramas aparece en la línea de resultado, así que puedes ver que sobrevivió en lugar de limitarte a esperarlo.
• Hay triángulos blancos en las esquinas. El ángulo no era múltiplo de 90, el lienzo creció y algo tenía que ocupar la zona nueva. Elige el relleno de esquinas transparente, o un color que combine con el sitio de destino. Un cuarto de vuelta no genera ninguna zona nueva.
• Ahora se reproduce a la velocidad equivocada. Las esperas se aplanaron a un único valor medio, o se descartaron y se sustituyeron por una tasa de fotogramas por defecto. En un GIF las esperas son por fotograma y suelen ser irregulares; una herramienta que da por hecho un ritmo constante produce un archivo válido que se reproduce mal. Compara la duración total antes y después: esta herramienta muestra las dos.
• El archivo es mucho más grande que antes. O bien el lienzo creció, algo inevitable en un ángulo fraccionario, o bien se perdió la optimización entre fotogramas. La transparencia y esa optimización compiten por la misma casilla reservada de la paleta, así que un relleno de esquinas transparente cuesta bytes; uno sólido no.

Parpadeo y estelas, y por qué aquí no hay ningún ajuste para eso

Hay un fallo más, propio de las animaciones que guardan diferencias entre fotogramas, donde cada fotograma almacena solo lo que cambió respecto al anterior. Gira esos fragmentos guardados y vuelve a colocarlos en sus antiguas posiciones y obtendrás trozos de fotogramas anteriores repartidos por el resultado. El editor más conocido de esta categoría incluye un selector manual de tres modos y una página de ayuda que explica que su modo rápido por defecto estropea esos archivos, que el lento funciona pero elimina toda la optimización y produce archivos más grandes, y que el tercero tiene peor calidad. Eso son tres formas de equivocarse presentadas como una elección. Aquí cada fotograma se compone sobre el lienzo completo antes de girar nada, así que no hay ningún camino rápido pero incorrecto que ofrecer ni nada entre lo que elegir.

La lista de entrada es cerrada y se aplica en el diálogo de archivos y no en el motor, así que un archivo que esta herramienta no puede abrir se rechaza en milisegundos con una ruta hacia la que sí puede, en lugar de aceptarse y fallar más tarde detrás de un indicador de carga.

• GIF de entrada. Animado o de un solo fotograma, entrelazado o no, con una paleta global o una paleta local distinta en cada fotograma. Los fotogramas que son subrectángulos en un desplazamiento se componen sobre el lienzo completo antes de girar nada.
• WebP animado y APNG de entrada. Ambos los leen nuestros propios lectores en todos los entornos en lugar de un decodificador nativo, así que los fotogramas y los tiempos son idénticos en todas partes.
• GIF de salida, siempre. Un GIF89a estándar con tabla de colores global, retardos por fotograma, métodos de descarte y una extensión de repetición que lleva el número de repeticiones propio del origen.
• Cualquier otra cosa se rechaza con una ruta. Un vídeo se envía a Vídeo a GIF y una foto fija al Creador de GIF. Ninguno de los dos se describe como un error de tu archivo, porque no lo es.

Qué lee la herramienta

El GIF se decodifica de forma nativa allí donde el sistema dispone de un decodificador para él, y con nuestro propio lector en todos los demás casos, de modo que una animación se abre igual en cualquier entorno en lugar de llegar como su primer fotograma. El WebP animado y el APNG usan siempre nuestro propio lector, que es lo que mantiene idénticos el número de fotogramas y los tiempos entre entornos. Un detalle que conviene nombrar: el decodificador nativo informa del número de repeticiones de un GIF de bucle infinito como infinito, que no es un número que un archivo GIF pueda almacenar; se traduce de vuelta a cero, la codificación que el propio formato usa para «siempre», en lugar de escribirse como lo que produjera la aritmética.

Límites de tamaño y de lote

• Gratis. Un archivo de hasta 50 MB y hasta 300 fotogramas, con salida de hasta 2048 píxeles en el lado largo. Calidad completa y todos los controles de esta página: el plan gratuito no es una rotación de calidad reducida, es una rotación de un solo archivo.
• Pro. Hasta 20 archivos a la vez, descargados en un único ZIP y sin límite de dimensiones impuesto. El lote es lo que compra Pro aquí, porque girar una carpeta de clips de uno en uno es la verdadera tarea pesada.
• El límite que comparten ambos planes. Cada fotograma se expande a color completo mientras se trabaja con él, así que un presupuesto de memoria acota el trabajo antes de empezar en lugar de dejar que la pestaña deje de responder mientras el indicador de progreso sigue girando.

No se sube nada. El archivo se decodifica fotograma a fotograma en tu máquina, cada fotograma se compone y se gira con una única transformación, se construye una paleta para toda la animación, las regiones sin cambios se vuelven a marcar como transparentes y el resultado se escribe como un GIF89a estándar. Todo ello se ejecuta en un hilo en segundo plano para que la página siga respondiendo, y el giro en sí se ejecuta en tu hardware gráfico cuando está disponible.

Por qué el mismo archivo rota igual todas las veces

• Un cuantizador determinista. Corte por la mediana, no el cuantizador neuronal aleatorizado que usan la mayoría de las bibliotecas de GIF, así que la misma entrada con los mismos ajustes produce siempre una salida idéntica byte a byte.
• Resultados idénticos por cualquier camino. Se exige que el camino con aceleración gráfica y el del procesador produzcan los mismos bytes, no meramente unos parecidos: un camino que eligiera otra entrada de paleta se vería como un parpadeo de color entre fotogramas.
• Geometría comprobada contra otra implementación. El giro se compara píxel a píxel contra una biblioteca de imágenes independiente que realiza el mismo giro, y contra un cálculo entero aparte de dónde debería caer cada píxel. Que dos respuestas coincidan es una prueba; que una respuesta coincida consigo misma no lo es.

Qué no debe cambiar un rotador

Cuatro cosas tienen que salir exactamente como entraron: el retardo propio de cada fotograma, el tiempo total de reproducción, el número de repeticiones y qué píxeles son transparentes. Una herramienta que cambia los tiempos de una animación al rotarla produce un GIF perfectamente válido que simplemente se reproduce a la velocidad equivocada; una que aplana la transparencia produce una imagen con una caja alrededor; una que pone el número de repeticiones por defecto convierte una animación de tres pases en una interminable. Las cuatro se miden aquí en cada ejecución en lugar de darse por hechas, y los números están en la línea de resultado para que puedas leerlos.

Resultados medidos

• Precisión del cuarto de vuelta Cero. La mayor diferencia por canal entre nuestro giro y el de una biblioteca de imágenes independiente que realiza el mismo giro es de 0 sobre 255, en todos los cuartos de vuelta y en ambos espejos: una igualdad y no una tolerancia, porque una permutación no remuestrea nada.
• Ida y vuelta Cuatro cuartos de vuelta devuelven exactamente los píxeles originales, y 180 grados aplicados dos veces hacen lo mismo. Ambos con 0 sobre 255.
• Las esquinas A 45 grados, el 50 % de la salida es relleno y las cuatro esquinas leen alfa 0: transparentes, no blancas. La misma comprobación con el relleno en blanco tiene que fallar, y falla.
• Velocidad 100 fotogramas de 480 por 270 girados un cuarto de vuelta en 256 ms; el mismo archivo con un ángulo arbitrario en 692 ms.

Los cuartos de vuelta y los espejos son permutaciones exactas de píxeles, verificadas con diferencia cero contra una biblioteca de imágenes independiente y contra un cálculo entero aparte. La rotación está acelerada por hardware allí donde tu dispositivo lo admite, y el camino acelerado y el de reserva producen una salida idéntica byte a byte. Medido en el dispositivo de referencia: 100 fotogramas de 480 por 270 girados en 256 ms. Se ejecuta en tu dispositivo, no en nuestros servidores.

• Recortar GIF
• Redimensionar GIF
• Comprimir GIF
• Rotar imagen
• Rotar vídeo
• Todas las herramientas GIF