Dela bilder

Varför ligger bilden på sidan efter uppladdning? Så rättar du till den

Ligger bilden på sidan när du har laddat upp den? Läs om EXIF-orientering, spara en rättvänd kopia och felsök webbplatsens miniatyrbilder.

Av Pixilo · Uppdaterad

Rätta till en bild som ligger på sidan i sex steg

Behåll originalet och arbeta med en kopia att dela. Pixilos rotationsverktyg tar emot en JPG-, PNG- eller WebP-fil på högst 25 MB. Bilder får vara högst 8 000 pixlar per sida och totalt 32 miljoner pixlar. Ett original på 48 megapixlar överskrider alltså pixelgränsen även om filstorleken är liten. Exportera först en mindre kopia från din bildredigerare om någon gräns överskrids. För HEIC börjar du med HEIC till JPG och kontrollerar den konverterade filen.

  1. Öppna verktyget Rotera och spegelvänd bild och välj en bild i ett format som stöds.
  2. Kontrollera förhandsvisningen. Om bilden redan är rättvänd ska du inte rotera den. Webbläsaren kan redan ha läst bildens orienteringsanvisning. När du laddar ner en ny kopia sparas den visade riktningen i bildens pixlar.
  3. Rotera bara vid behov. Välj Rotera 90° åt vänster eller Rotera 90° åt höger. Om bilden är upp och ner använder du två vridningar. Låt alternativen för spegelvändning vara avstängda om bilden inte också är spegelvänd.
  4. Välj Ladda ner PNG. Pixilo ritar om bilden i webbläsaren och sparar en kopia. Originalet ändras inte, och bilden skickas inte till Pixilos server.
  5. Förbered filen för uppladdning. Ett foto som sparas som PNG kan bli mycket större än den ursprungliga JPG-filen. Om webbplatsen kräver JPG använder du PNG till JPG. Finns det en gräns för filstorleken använder du därefter Komprimera bild till en viss storlek och kontrollerar att resultatet håller sig inom gränsen.
  6. Öppna den färdiga filen igen och ladda upp just den. Kontrollera riktning, bildkvalitet och filstorlek. Ge kopian ett tydligt namn, till exempel portratt-rattvant.jpg, och kontrollera både miniatyren och den större bilden på webbplatsen.

Om den färdiga filen är rättvänd men webbplatsen ändå vrider den ska du låta filen vara och fortsätta med kontrollerna nedan. Att rotera en korrekt kopia igen löser inte ett problem i webbplatsens bildbehandling.

Samma gula blomma ligger på sidan i ett webbläsarfönster och står rättvänd i ett annat, med en böjd rotationspil mellan fönstren.

Varför är bilden rättvänd i mobilen men felvänd på webben?

Ett mobilfoto kan ha pixlar som lagrats på sidan och en anvisning som talar om hur appar ska visa bilden. För många JPG-foton är den anvisningen en EXIF-tagg för orientering. EXIF är metadata, alltså extra information som sparas tillsammans med bilden.

Bildgalleriet kan följa anvisningen, medan webbplatsens bildbehandling tar bort den innan pixlarna vrids. Ett annat fel är att samma vridning görs två gånger. Moderna webbläsare brukar använda inbäddad orienteringsinformation som standard. Problemet är alltså inte bara att webbläsare ignorerar den. Läs MDN:s förklaring av bildorientering.

När den korrekt visade bilden sparas som en ny fil blir riktningen en del av dess pixlar. Att bara ta bort orienteringstaggen gör inte det, utan kan lämna bilden på sidan. Annan inbäddad information behandlas i guiden om fotometadata.

Ta reda på var riktningen ändras

Jämför den färdiga sparade filen med bilden på webbplatsen. Förhandsvisningen i bildbiblioteket, en exporterad fil och webbplatsens miniatyr kan vara olika kopior.

Välj nästa kontroll utifrån det du ser
Det du serNästa steg
Den färdiga filen ligger redan på sidanGå tillbaka till rotationsverktyget, rätta till förhandsvisningen och spara en ny kopia
Filen är rättvänd, men alla bildstorlekar på webbplatsen ligger på sidanKontrollera vilken fil du valt och kontakta sedan webbplatsens ansvariga om bildbehandlingen vid uppladdning
Den stora bilden är rättvänd men miniatyren ligger på sidanBe den ansvariga kontrollera skapade miniatyrer och äldre sparade kopior
Samma bild är rättvänd när den öppnas separat men ligger på sidan på webbsidanKontrollera rotationsinställningarna i sidredigeraren eller be den ansvariga granska sidans stilmallar

Högerklicka på webbplatsens bild på en dator och leta efter Öppna bild i ny flik. Jämför sedan bilden med hur den ser ut på sidan. På mobilen håller du fingret på bilden och letar efter ett alternativ för att öppna eller spara den. Menynamnen varierar, och vissa webbplatser erbjuder inte dessa val. Om du inte kan öppna bilden separat skickar du sidans adress och en skärmbild av problemet till den ansvariga.

En miniatyr kan använda en annan fil än den stora bilden. Mobil- och datorvyer kan också använda olika kopior, vilket förklaras i guiden om responsiva bilder. Ange vilken vy som är fel när du rapporterar problemet.

Om den rättade bilden fortfarande ligger på sidan efter uppladdning

  1. Kontrollera den valda filen. Ladda upp den rättade kopian med det tydliga namnet som en ny bild. Se till att sidan använder den nya bilden och inte den gamla posten i mediebiblioteket.
  2. Ladda om sidan. Uppdatera sidan och öppna den om möjligt i ett privat webbläsarfönster. Det kan avslöja en gammal lokalt sparad vy, men raderar inte webbplatsens egna lagrade kopior.
  3. Beskriv exakt vad som skiljer sig. Skicka den rättade filen, sidans adress och en skärmbild till den ansvariga. Ange om miniatyren, den större bilden eller båda ligger på sidan.

Om du sköter webbplatsen själv kontrollerar du bildens rotationsreglage i sidredigeraren. Om det uppladdade originalet är korrekt men en skapad bildstorlek är fel ska du undersöka bildbehandlingen först. Skapa sedan den berörda storleken på nytt och töm motsvarande cache för webbplatsen eller bildleveransen. Besökare kan vanligtvis inte göra detta.

Teknisk information för webbplatsansvariga

Läs källbildens orientering, tillämpa den en gång på pixlarna och ta sedan bort eller återställ den gamla orienteringsanvisningen innan andra bildversioner skapas. Om den gamla anvisningen finns kvar efter vridningen kan bilden vridas en gång till. Sharps dokumentation för autoOrient beskriver detta, även för spegelvända orienteringar.

Om exakt samma levererade bild är rättvänd i en egen flik men vriden på sidan ska du även kontrollera sidstilar som roterar bilden. Undvik att lägga på en generell korrigering på 90 grader för alla bilder.

Behöver bilden roteras eller spegelvändas?

Rotation vrider hela bilden. Använd det när en persons huvud pekar åt sidan eller bilden är upp och ner. Spegelvändning vänder bilden som i en spegel. Horisontell spegelvändning byter plats på vänster och höger, exempelvis när text visas baklänges. Kontrollera en skylt eller en bekant detalj innan du använder funktionen, särskilt för selfier.

Ett kvarts varv byter plats på bredd och höjd utan att beskära bilden. En lite sned horisont kräver ett upprätningsverktyg med mindre vinkelsteg. Pixilos rotationsverktyg arbetar i steg om 90 grader.

Vanliga frågor

Ska jag rotera en bild som redan är rättvänd i Pixilo?

Nej. Ändra inte rotationen, utan ladda ner PNG-filen. Bilden som webbläsaren visar korrekt ritas om i den nya filen. Kontrollera filen och målwebbplatsen i stället för att lägga till en onödig vridning.

Rättar konvertering till PNG alltid till riktningen?

Nej. Konverteringen måste spara bilden åt rätt håll. Att byta filändelse varken konverterar eller roterar bilden. PNG kan också bli för stort eller sakna stöd på målwebbplatsen, så kontrollera kraven för uppladdning.

Försämras bildkvaliteten?

PNG undviker ytterligare ett steg med förstörande JPEG-komprimering, men när webbläsaren sparar om bilden finns ingen garanti för att alla ursprungliga färgprofiler, metadatafält eller HDR-egenskaper bevaras. Konvertering till JPG lägger till förstörande komprimering. Granska detaljer och undvik att spara som JPG upprepade gånger. Behåll originalet i ditt arkiv.

Kan jag rätta till en hel mapp på en gång?

Pixilos rotationsverktyg redigerar en bild i taget. En mapp kan innehålla olika riktningar och spegelvända foton. Kontrollera varje förhandsvisning i stället för att vrida alla bilder lika mycket.

Gör en rättvänd kopia att dela

Kontrollera förhandsvisningen, spara den rättade kopian och granska resultatet på webbplatsen.

Rätta till bildens riktningBehöver du JPG? Konvertera den sparade PNG-filen →