Varför en transparent PNG blir svart eller vit, och hur du behåller den

En transparent PNG blir svart eller vit när ett program sparar den som JPG, eller när en app kodar om bilden, eftersom JPG saknar alfakanal för att lagra transparens. Programmet måste lägga en färg bakom de genomskinliga pixlarna. Antingen målar det vitt, eller så behåller det de färgvärden som pixlarna redan har, och de är ofta svarta. Spara filen som PNG eller WebP om den ska vara transparent, eller välj bakgrund själv innan du sparar som JPG.

Ta bort bakgrundBakgrunden ska bortGör det gratis

Vad transparens är i en PNG

En PNG kan lagra en alfakanal tillsammans med röd, grön och blå färg för varje pixel. Alfa anger hur ogenomskinlig en pixel är. En helt transparent pixel visar det som ligger bakom bilden, till exempel en sidfärg eller bakgrunden i ett dokument. Det är visningsprogrammet som blandar färgerna, så samma fil ser rätt ut på en vit sida och på en mörk.

JPG saknar alfakanal. Varje pixel är en ogenomskinlig färg, så ett transparent område måste skrivas som någon färg, och formatet ger konverteraren inget sätt att behålla idén om genomskinlighet.

Varför den blir svart eller vit

När en konverterare tar bort alfakanalen måste den bestämma vad varje tidigare transparent pixel ska bli. Två resultat är vanliga:

• Lagrad färg. En transparent pixel har fortfarande värden för rött, grönt och blått, och i många utklippta bilder är de värdena svarta. En konverterare som bara slänger alfa behåller dessa värden, så bakgrunden ser svart ut.
• En fyllnadsfärg. Andra konverterare målar först en bakgrund, oftast vit, och ritar bilden över den. Konverteringsverktyget gör så: när du sparar som JPG fylls transparenta områden med vitt, och verktyget säger det bredvid sina inställningar.

Appar lägger till en tredje väg. Uppladdningsformulär, chattappar och e-postprogram kodar ofta om bilder innan de visar dem, och vissa konverterar till JPG på vägen. Resultatet beror på appen, så samma PNG kan se rätt ut på ett ställe och svart på ett annat.

Behåll transparensen eller välj bakgrunden

Bestäm vilket av de två resultaten du behöver:

Du behöver	Spara som	Resultat
Ett utklipp till en webbplats eller en design	PNG eller WebP	Transparensen behålls
Samma utklipp på en enkel bakgrund	JPG	En bakgrundsfärg du valt

För att behålla transparensen öppnar du konverteringsverktyget och väljer PNG, eller WebP där din webbläsare kan spara i det formatet. Båda behåller transparenta områden. Komprimeringsverktyget behåller också transparensen: det sparar en transparent bild som WebP, eller som PNG i webbläsare som inte kan skriva WebP, till exempel Safari.

Om du först behöver skapa transparensen använder du verktyget för att ta bort bakgrund. Det kör en AI-modell i din webbläsare, och valet vid nedladdningen avgör formatet:

1. Behåll den transparent, så sparar verktyget en PNG.
2. Välj vitt, en färg eller oskärpa, så sparas en JPG med den bakgrunden.

Om ett formulär kräver en JPG väljer du bakgrund i steget där du klipper ut motivet. Låt inte konverteraren avgöra det, eftersom den kan välja svart.

Kontrollera att transparensen blev kvar

Öppna den konverterade filen mot två bakgrunder innan du litar på den. Lägg den på en enkel vit webbsida och på en mörk, eller placera den på en färgad bild eller ett dokument. Om bilden visar samma bakgrund i båda fallen saknar filen transparens och färgen är inbakad. Om den omgivande färgen ändras behölls transparensen.

Bildredigerare visar transparens på ett annat sätt. Många bildredigerare ritar ett rutmönster i grått och vitt bakom transparenta områden, medan enkla visningsprogram kan visa svart eller vitt. Rutmönstret är redigerarens sätt att visa att ingenting finns där, inte ett mönster i bilden. Kontrollera filen i det program där den ska användas, och betrakta andra förhandsvisningar som en grov uppskattning.

Välj fyllnaden med avsikt

När resultatet måste vara en JPG bestämmer du bakgrunden innan konverteraren gör det. Vitt passar en sida eller ett dokument som är vitt. En heltonsfärg passar ett varumärkesblock eller en färgad sida, och den bör matcha sidan bakom bilden så att de mjuka kanterna smälter in. Verktyget för att ta bort bakgrund har ett oskärpealternativ som fyller bakgrunden med en mjukt suddig kopia av samma foto, vilket kan se mer naturligt ut än en enfärgad fyllning för ett fotografi. Välj det alternativ som passar där bilden ska sitta, och kontrollera det där.

Så gör du med fixmint

1. Behåll den ursprungliga transparenta PNG-filen, och spara den inte som JPG, eftersom JPG tar bort transparensen.
2. Till en webbplats eller en design konverterar du den till PNG eller WebP så att de transparenta områdena förblir tomma.
3. Om du behöver en JPG lägger du på bakgrunden själv. Verktyget för att ta bort bakgrund kan placera en bakgrund i vitt, färg eller oskärpa bakom ett motiv, och det sparar en JPG.
4. Öppna filen mot två bakgrunder innan du använder den. Om den omgivande färgen ändras behölls transparensen. Komprimera den sist, om ett formulär har en storleksgräns.

Specialfall

• Mjuka kanter. Hår, skuggor och glas har delvis transparenta pixlar som ändå bär färgen från den gamla bakgrunden. På en ny bakgrund kan en ljus eller mörk kant synas. Använd ett utklipp med rena kanter, eller välj en bakgrundsfärg nära den ursprungliga.
• JPG kan inte behålla transparens. Om ett formulär bara accepterar JPG måste transparensen ersättas med en färg. Ingen JPG-inställning ändrar det.
• Kontrollera på målet. Titta på filen där den ska användas, till exempel i formuläret, på sidan eller i appen. En förhandsvisning kan använda en annan bakgrund än den verkliga.
• Att välja format. För grafik på webben är PNG det vanliga valet. JPG, PNG och WebP jämför dem mer i detalj. Om en WebP-fil inte går att öppna i en app, se varför en WebP-bild inte öppnas.