Rotacionar PNG

Solte um PNG e faça-o girar em 90, 180 ou 270 graus. Como o PNG é um formato sem perdas, você pode girar quantas vezes quiser sem degradação de qualidade, ao contrário do JPG, onde a re-encodificação repetida acumula artefatos. A transparência é preservada, e para múltiplos de 90, as dimensões giradas trocam automaticamente (1920x1080 se torna 1080x1920).

Como funciona a rotação de PNG

  1. 1

    Decodificar o PNG

    Os dados de pixel comprimidos com deflate são descomprimidos em um buffer ARGB bruto.

  2. 2

    Girar o buffer

    Os pixels são reendereçados para a nova orientação. 90° troca linhas e colunas; 180° inverte ambos.

  3. 3

    Recodificar como PNG

    O buffer de pixel rotacionado é recomprimido usando deflate. A saída é sempre sem perdas.

  4. 4

    Preservar transparência

    O canal alfa é rotacionado junto com o RGB, então as regiões transparentes permanecem transparentes.

Por que a rotação de PNG é sempre sem perda

PNG codifica pixels exatamente, sem quantização, sem blocos DCT 8x8 como JPEG. Rotacionar em múltiplos de 90 é um simples reendereçamento de pixels; os valores de cor permanecem idênticos. Mesmo ângulos arbitrários mantêm a qualidade dos dados, desde que você escolha um filtro de reamostragem razoável (bicúbico, Lanczos) em vez de vizinho mais próximo.

Opções de rotação

Operação Mudança de Largura/Altura Uso comum
90° CW Trocado Foto retrato para paisagem
180° Inalterado Digitalização invertida, captura de cabeça para baixo
270° CW Trocado Paisagem para retrato do outro lado
Qualquer ângulo Cresce para ajustar Endireitar uma digitalização ou foto inclinada

Tamanho do arquivo após rotação

A compressão deflate do PNG é sensível à redundância por linha. Uma foto de paisagem com bordas predominantemente horizontais se comprime de forma eficiente porque linhas adjacentes costumam parecer semelhantes. Rotacionadas 90 graus, essas bordas se tornam verticais, e a compressão pode cair significativamente para conteúdo fotográfico.

Tipo de conteúdo Mudança de tamanho típica após 90°
Gráficos de cor sólida <1% de mudança
Capturas de tela de UI 1–5% de mudança
Fotografias (codificadas em PNG) até 15–20% maiores
Ativos de UI transparentes Negligível

Para fotos, JPG é um formato melhor, independentemente da orientação. Se uma foto PNG crescer significativamente após a rotação, isso é um sinal para convertê-la em JPG.

Transparência

Pixels totalmente transparentes, pixels semi-transparentes e pixels opacos são todos rotacionados juntos, o canal alfa segue os canais RGB. Um logotipo com uma sombra suave permanece idêntico após a rotação (a sombra simplesmente aponta para o outro lado agora).

Quando rotacionar no navegador vs em CSS

  • Rotacione o arquivo quando a imagem estiver na orientação errada no disco, for carregada em algum lugar que não respeita os metadados de rotação ou for impressa.
  • Rotacione em CSS com transform: rotate(...) quando você só precisa de uma rotação visual temporária em uma página da web. O arquivo permanece o mesmo; o navegador compõe a rotação.

Múltiplas rotações

PNG permite encadear rotações livremente. 90 + 90 + 90 + 90 retorna exatamente aos bytes originais (pelo menos em termos de conteúdo de pixel, os parâmetros do codificador podem diferir por alguns bytes). JPG não oferece a mesma garantia devido à perda de re-encodificação.

Metadados

PNG pode conter blocos textuais (tEXt, iTXt, zTXt) com autor, direitos autorais ou notas incorporadas. Esta ferramenta gira redesenhando os pixels em um canvas e exportando um novo PNG, portanto esses blocos textuais não são mantidos no arquivo girado. Se você precisa manter os metadados incorporados, gire com uma ferramenta que copie os blocos, ou adicione os metadados novamente depois.

Perguntas frequentes

Sim, levemente. A compressão do PNG é sensível à linha, então rotacionar em 90 pode mudar o tamanho do arquivo em 1–20% dependendo do conteúdo da imagem.

Sim. PNG codifica pixels exatamente, então rotacionar e re-salvar nunca perde qualidade, ao contrário do JPG.

Sim. O canal alfa é rotacionado junto com os canais RGB, então as áreas transparentes permanecem transparentes.

A ferramenta suporta ângulos arbitrários com reamostragem com suavização de bordas. A rotação em si ainda é sem perdas em termos de fidelidade de cor, mas as bordas se tornam suavizadas em vez de perfeitas em pixels.

Não. A decodificação, rotação e re-encodificação ocorrem no navegador usando canvas e um codificador PNG.

Ferramentas relacionadas

Ferramenta disponível em outros idiomas