Varför har min genomskinliga bild en svart eller vit bakgrund?

Finns bakgrunden verkligen i filen?

Bildvisare visar vitt, svart eller schackrutor bakom genomskinliga pixlar. Samma fil kan därför se olika ut i olika appar och teman.

Lägg bilden över en ljus och en mörk bakgrund i en redigerare. Om omgivningen ändras men motivet är intakt fungerar genomskinligheten. En bestående vit rektangel är bildinnehåll.

Testa inte en skärmbild: den fångar även bildvisarens bakgrund.

Vanliga orsaker

PNG kan vara helt ogenomskinligt. Filändelsen bevisar inget; att döpa om JPG konverterar inte bilden och tar inte bort bakgrunden.

Vilka format behåller genomskinlighet?

PNG och WebP stöder den, JPEG gör det inte. Se MDN:s formatguide.

PNG bevarar skarpa grafiska kanter utan förlust. WebP kan passa webben om det godkänns. Genomskinlighet innebär inte automatiskt förlustfri export: granska text och kanter. Läs PNG jämfört med WebP.

Om JPG krävs väljer du en fast färg. Vitt passar ofta vita sidor; en logotyp för mörka ytor kan behöva en annan version.

Välj bakgrund före JPEG-export

1. Hitta den genomskinliga källan. Använd PNG eller WebP, inte skärmbilder eller sökförhandsvisningar.
2. Öppna Pixilos bakgrundsfärgsverktyg. Välj källa och färg bakom de genomskinliga delarna.
3. Bearbeta. Resultatet är JPEG med fast bakgrund, utan genomskinlighet.
4. Ladda ned och granska. Kontrollera kanter, skuggor och hörn där bilden ska användas.
5. Behåll originalet. Det behövs vid senare färgändringar.

Verktyget fyller bakom genomskinliga pixlar. Det tar inte bort befintliga vita, svarta eller rutiga pixlar. Det kräver en mask eller bakgrundsborttagning.

Använd PNG till WebP för att behålla genomskinligheten. Konvertering från en ogenomskinlig JPEG återskapar inte den ursprungliga friläggningen.

Varför syns en vit kant?

Delvis genomskinliga kantpixlar mjukar upp kurvor. Kanter som förberetts på vitt kan lämna en ljus rand på svart, särskilt kring hår, skuggor och text.

Kontrollera originalet. En ny filändelse eller högre kvalitet reparerar inte en befintlig rand. Använd mask- eller kantjustering mot den tänkta bakgrunden.

Be formgivaren om en ren export eller vektororiginalet. Det är ofta bättre än att laga en liten kopia. Testa ljusa och mörka ytor.

En mask talar om för redigeraren vilka delar som ska behållas och vilka som ska bli transparenta. Kantrensning ändrar de delvis transparenta pixlarna runt motivet. Att byta filändelse gör inte det.

Skuggor och halvgenomskinliga detaljer

Mjuka skuggor, glaseffekter och utjämnade kurvor blandas med bakgrunden. Att utseendet ändras mellan vitt och svart är normalt.

En svart skugga kan försvinna på svart; ett ljust sken fungerar tvärtom. Gör versioner för ljusa och mörka ytor om utseendet måste vara konsekvent.

JPEG förenar bild och vald bakgrund till ogenomskinliga pixlar. På en annan sidfärg syns rektangeln. Att ändra webbplatsens färg ändrar inte JPEG-filens lagrade bakgrund.

En tunn kant kan även komma från skalning i förhandsvisningen. Kontrollera i originalstorlek och en annan bildvisare innan du reparerar ett rent visningsfel.

Exempel: logotyp för ett vitt formulär

Om bara JPG tillåts, testa PNG på vitt först. Kontrollera ljus text, skuggor och marginaler. En logotyp för mörk bakgrund kan behöva en annan variant.

Välj vitt i Pixilo, exportera JPEG och öppna kopian utanför verktyget. Kvarvarande rutor fanns troligen i källan. Reparera en ljus rand i originalet, inte genom upprepad JPEG-export.

För genomskinlig WebP konverterar du direkt från PNG utan JPEG-mellansteg. Granska uppladdningen: tjänsten kan skapa en ogenomskinlig förhandsvisning.

Om det fungerar lokalt men inte på webben

Ladda ned filen som faktiskt visas. Publiceringssystem eller optimering kan ha skapat JPEG från PNG.

En vit bildbehållare kan se ut som bildbakgrund. Ändras den med behållarens färg kan filen vara korrekt. Vitt på vitt kan dölja logotypen.

Kontrollera den publicerade sidan och gamla cacheversioner. Ändra tjänstens formatinställningar eller använd en medvetet bakgrundsfylld version.

Vanliga frågor

Bevisar schackrutor genomskinlighet?

Bara om redigeraren visar tomma områden så. Rutorna kan också vara bildinnehåll. Testa en annan bakgrund.

Blir JPG genomskinlig som PNG?

Nej. Du behöver en mask eller den genomskinliga källan.

Försvinner vitt i logotypen?

Nej. Avsiktligt vita delar finns kvar; verktyget arbetar bakom genomskinliga områden.

Varför får kopiering en bakgrund?

En app kan överföra en ogenomskinlig version. Ladda upp eller infoga originalfilen och kontrollera vad som sparats.

Kan jag konvertera WebP till PNG?

Ja. Använd WebP till PNG för att skapa en PNG-kopia som behåller genomskinliga områden i WebP-bilden. Konverteringen återställer inte detaljer som tidigare har försvunnit vid komprimering med förlust.