Rotar PNG
Original: x
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
Decodificar el PNG
Los datos de píxeles comprimidos con deflate se descomprimen en un búfer ARGB sin procesar.
-
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
Re-codificar como PNG
El búfer de píxeles rotado se re-comprime usando deflate. La salida es siempre sin pérdida.
-
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
Selector de Color de Material Design
Explora la paleta de colores de Material Design. Copia cualquier tono (50 a A700) como HEX, RGB o HSL con un toque.
Convertir foto en dibujo
Convierte fotos JPEG, PNG o WebP en dibujos de grafito, lápiz suave o carboncillo en el navegador y exporta el resultado como PNG o JPEG.
Comprimir GIF
Reduce el tamaño de un GIF animado en el navegador: baja dimensiones, conserva menos fotogramas y ajusta la calidad de codificación. Previsualiza el bucle antes de descargar.
Convertidor de Pantone a HEX
Convierte colores Pantone PMS a los valores HEX, RGB y CMYK más cercanos para la coincidencia en pantalla e impresión, con vista previa de muestra.
Generador de papel rayado
Crea papel rayado imprimible gratis. Elige pauta universitaria, ancha o estrecha, ajusta el interlineado en mm, el tamaño de página y una línea de margen, e imprime o descarga el SVG.
Creador de banderas
Diseña una bandera personalizada sencilla 3:2 en tu navegador con seis composiciones, colores, texto y un símbolo. Descarga SVG o PNG, o abre el cuadro de impresión del navegador.
Herramienta disponible en otros idiomas
- Putar PNG [ID]
- PNG drehen [DE]
- تدوير صورة PNG [AR]
- PNG draaien [NL]
- PNG 회전 [KO]
- Faire pivoter PNG [FR]
- Obróć PNG [PL]
- Rita PNG [SV]
- หมุน PNG [TH]
- PNGを回転 [JA]
- Xoay ảnh PNG [VI]
- Rotacionar PNG [PT]
- PNG Döndür [TR]
- 旋转 PNG [ZH]
- Rotate PNG [EN]
- Ruota PNG [IT]
- Повернуть PNG [RU]