Rotar PNG

Suelta un PNG y obténlo rotado 90, 180 o 270 grados. Debido a que PNG es un formato sin pérdida, puedes rotar tantas veces como desees sin degradación de calidad, a diferencia de JPG, donde la re-codificación repetida acumula artefactos. Se preserva la transparencia, y para múltiplos de 90, las dimensiones rotadas se intercambian automáticamente (1920x1080 se convierte en 1080x1920).

Cómo funciona la rotación de PNG

  1. 1

    Decodificar el PNG

    Los datos de píxeles comprimidos con deflate se descomprimen en un búfer ARGB sin procesar.

  2. 2

    Rotar el búfer

    Los píxeles se re-direccionan para la nueva orientación. 90° intercambia filas y columnas; 180° invierte ambas.

  3. 3

    Re-codificar como PNG

    El búfer de píxeles rotado se re-comprime usando deflate. La salida es siempre sin pérdida.

  4. 4

    Preservar la transparencia

    El canal alfa se rota junto con RGB, por lo que las regiones transparentes permanecen transparentes.

Por qué la rotación de PNG siempre es sin pérdida

PNG codifica píxeles exactamente, sin cuantización, sin bloques DCT de 8x8 como JPEG. Rotar por un múltiplo de 90 es una re-dirección pura de píxeles; los valores de color permanecen idénticos. Incluso ángulos arbitrarios mantienen la calidad de los datos siempre que elijas un filtro de re-muestreo razonable (bicúbico, Lanczos) en lugar de vecino más cercano.

Opciones de rotación

Operación Cambio de ancho/alto Uso común
90° CW Intercambiado Foto vertical a paisaje
180° Sin cambios Escaneo volteado, captura al revés
270° CW Intercambiado Paisaje a vertical de la otra manera
Cualquier ángulo Crece para ajustarse Enderezar un escaneo o foto inclinada

Tamaño del archivo después de la rotación

La compresión deflate de PNG es sensible a la redundancia por filas. Una foto de paisaje con bordes mayormente horizontales se comprime de manera eficiente porque las filas adyacentes a menudo se ven similares. Rotada 90 grados, esos bordes se vuelven verticales, y la compresión puede disminuir notablemente para contenido fotográfico.

Tipo de contenido Cambio de tamaño típico después de 90°
Gráficos de color plano <1% de cambio
Capturas de pantalla de UI 1–5% de cambio
Fotografías (codificadas en PNG) hasta 15–20% más grandes
Activos de UI transparentes Negligible

Para fotos, JPG es un mejor formato independientemente de la orientación. Si una foto PNG crece significativamente después de la rotación, eso es una señal para convertirla a JPG en su lugar.

Transparencia

Los píxeles completamente transparentes, los píxeles semi-transparentes y los píxeles opacos se rotan juntos, el canal alfa sigue a los canales RGB. Un logo con una sombra suave permanece idéntico después de la rotación (la sombra simplemente apunta en la otra dirección ahora).

Cuándo rotar en el navegador vs en CSS

  • Rotar el archivo cuando la imagen está en la orientación incorrecta en el disco, se subirá a algún lugar que no respete los metadatos de rotación, o se imprimirá.
  • Rotar en CSS con transform: rotate(...) cuando solo necesitas una rotación visual temporal en una página web. El archivo permanece igual; el navegador compone la rotación.

Múltiples rotaciones

PNG te permite encadenar rotaciones libremente. 90 + 90 + 90 + 90 regresa a los bytes originales exactos (al menos en términos de contenido de píxeles, los parámetros del codificador pueden diferir en unos pocos bytes). JPG no ofrece la misma garantía debido a la pérdida de re-codificación.

Metadatos

PNG puede llevar bloques de texto (tEXt, iTXt, zTXt) con autor, derechos de autor o notas incrustadas. Esta herramienta rota redibujando los píxeles en un canvas y exportando un PNG nuevo, por lo que esos bloques de texto no se conservan en el archivo rotado. Si necesitas mantener los metadatos incrustados, rota con una herramienta que copie los bloques, o vuelve a añadir los metadatos después.

Preguntas frecuentes

Sí, ligeramente. La compresión de PNG es sensible a las filas, por lo que rotar 90 puede cambiar el tamaño del archivo entre 1–20% dependiendo del contenido de la imagen.

Sí. PNG codifica píxeles exactamente, por lo que rotar y volver a guardar nunca pierde calidad, a diferencia de JPG.

Sí. El canal alfa se rota junto con los canales RGB, por lo que las áreas transparentes permanecen transparentes.

La herramienta soporta ángulos arbitrarios con re-muestreo anti-aliasing. La rotación en sí sigue siendo sin pérdida en términos de fidelidad de color, pero los bordes se vuelven anti-aliasing en lugar de perfectos en píxeles.

No. La decodificación, rotación y re-codificación se realizan en el navegador utilizando canvas más un codificador PNG.

Herramientas relacionadas

Herramienta disponible en otros idiomas