Softonic

Rita PNG

Steg 1 / 3

Ladda upp en PNG-fil och rotera den med 90, 180 eller 270 grader. Eftersom PNG är ett förlustfritt format kan du rotera den så många gånger som du vill utan att kvaliteten försämras – till skillnad från JPG, där upprepade omkodningar kan leda till artefakter. Transparentheten bevaras, och vid rotationer med multipler av 90 växlas bildens dimensioner automatiskt (1920×1080 blir 1080×1920).

Hur PNG-rotation fungerar

  1. 1

    Avkoda PNG-filen

    De deflaserade och komprimerade pixeldatorna komprimeras inte längre och lagras i en rå ARGB-buffer.

  2. 2

    Rota buffern

    Pixeler omadresseras för den nya orienteringen. Vid 90° vänds rader och kolumner; vid 180° vänds båda.

  3. 3

    Omkoda till PNG

    Den roterade pixelbuffern komprimeras på nytt med deflate. Utdata är alltid förlustfri.

  4. 4

    Bevara genomskinlighet

    Alphakanalen roteras tillsammans med RGB, så att transparenta områden förblir transparenta.

Varför rotation av PNG-filer alltid sker utan förlust

PNG kodar pixlar exakt – utan kvantisering och utan 8×8 DCT-block som i JPEG. Att rotera med en multiplum av 90 grader innebär endast en omadressering av pixlar; färgvärdena förblir identiska. Även vissa vinklar bevarar datakvaliteten så länge man använder ett lämpligt omprovtagningsfilter (bicubiskt eller Lanczos) istället för närmaste grann-filteret.

Rotationsalternativ

Operation Bredd/höjdändring Vanlig användning
90° CW Utskiftat Porträttbild till landskapsbild
180° Obestående Inverterad skanning, nedvänd bild
270° CW Utskiftat från landskaps- till porträttläge på motsatt sätt
Vänd horisontellt Obestående Spegling, designvarianter
Vänd vertikalt Obestående Nödvändigt ibland vid skanning

Filstorlek efter rotation

PNG:s deflate-komprimering är känslig för redundans mellan rader. En landskapsbild med främst horisontella kanter komprimeras effektivt eftersom intilliggande rader ofta ser likartade ut. När bilden roteras 90 grader blir dessa kanter vertikala – och komprimeringsgraden kan då minskas avsevärt för fotografiskt innehåll.

Innehållstyp Typisk storleksförändring efter 90°
Grafik i plattfärg <1 % förändring
UI-skärmbilder förändring på 1–5 %
Fotografier (kodade i PNG-format) upp till 15–20 % större
Transparenta UI-aktiva element Obetydligt

För fotografier är JPG ett bättre format oavsett orientering. Om en PNG-foto blir betydligt större efter rotation bör du istället konvertera den till JPG.

Transparens

Alla typer av pixlar – fullt genomskinliga, halvgenomskinliga och opakta – roteras samtidigt; alfa-kanalen följer RGB-kanalerna. Ett logotyp med en mjuk skugga förblir oförändrad efter rotationen (skuggan pekar nu helt enkelt i motsatt riktning).

När du ska rotera i webbläsaren jämfört med i CSS

  • Vrid filen om bilden har fel orientering på disken; den kommer då att laddas upp på en plats som inte respekterar rotationsmetadata eller skrivas ut.
  • Rotera i CSS med transform: rotate(...) när du endast behöver en tillfällig visuell rotation på en webbsida. Filen förblir oförändrad; webbläsaren komponerar rotationen automatiskt.

Flera rotationer

PNG gör det möjligt att koppla samman rotationer fritt. En sekvens av rotationer på 90° + 90° + 90° + 90° återgår till exakt de ursprungliga bytevärdena (åtminstone vad gäller pixelinnehållet – kodningsparametrarna kan dock skilja sig med några byte). JPG erbjuder inte samma garanti på grund av förluster vid omkodning.

Metadata

PNG stöder textfragment (tEXt, iTXt, zTXt) för metadata. Verktyget bevarar dessa som standard vid rotation och behåller därmed författarens uppgift, upphovsrätt samt eventuella inbäddade anmärkelser. Genom en avstängningsknapp kan du ta bort dessa element om du vill ha en ren, publicerbar fil.

Vanliga frågor

Ja – något. PNG:s komprimering är radkänslig, så en rotation med 90 grader kan förändra filstorleken med 1–20 % beroende på bildens innehåll.

Ja. PNG-kodningen kodar pixlar exakt, så att rotation och omspinning aldrig leder till kvalitetsförlust – till skillnad från JPG.

Ja. Alpha-kanalen roteras tillsammans med RGB-kanalerna, så att genomskinliga områden förblir genomskinliga.

Verktyget stöder godtyckliga vinklar med anti-aliaserad omprovsampling. Roteringen är fortfarande förlustfri när det gäller färgtrohet, men kanterna blir anti-aliaserade istället för pixelperfekta.

Nej. Avkodning, rotation och omkodning sker alla i webbläsaren med hjälp av en canvas och en PNG-kodare.

Relaterade verktyg

Material Design-färgväljare

Bläddra i Material Design-färgpaletten. Kopiera valfri nyans (50 till A700) som HEX, RGB eller HSL med en tryckning.

Rutpappersgenerator

Skapa utskrivbart rutpapper online: välj rutnät eller punktnät, ange avståndet i mm, välj A4 eller Letter och en egen linjefärg, och skriv sedan ut eller ladda ner en skarp SVG.

Flaggskapare

Formge en enkel egen 3:2-flagga i webbläsaren med sex layouter, färger, text och en symbol. Hämta SVG eller PNG, eller öppna webbläsarens utskriftsdialog.

Skapa kontaktkarta

Ordna foton på utskrivbara kontaktkartor i A4 eller Letter med bildtexter och beskärning, förhandsgranska och hämta JPEG eller PDF.

Pixelgrafikverktyg

Rita pixelgrafik från grunden på ett rutnät från 4×4 till 64×64. Använd penna, fyllning, pipett, symmetri och ångra, och exportera sedan skarp transparent PNG, SVG eller projektfil.

Skapa visionboard

Förvandla dina mål till en visuell tavla: ladda upp bilder, lägg till en personlig rubrik och bildtexter, välj färger och layout och hämta en utskrivbar PNG. Allt stannar i din webbläsare.

Verktyget finns på andra språk