Använda genomskinlighet och maskfärg

Senast uppdaterad den 12 jan. 2022

Om genomskinliga och mattade webbbilder

Genomskinlighet gör det möjligt att skapa icke-rektangulära bilder för webb. Bakgrundstransparens, som stöds av GIF- och PNG-formaten, bevarar genomskinliga pixlar i bilden och låter webbsidans bakgrund synas genom de genomskinliga områdena i din bild. (Även om JPEG-formatet inte stöder genomskinlighet kan du ange en mattfärg för att simulera genomskinlighet i originalbilden.)

Webbknapp utan genomskinlighet (vänster) och med genomskinlighet (höger)

Med bakgrundsmattning, som stöds i GIF-, PNG- och JPEG-formaten, simulerar du genomskinlighet genom att fylla eller blanda genomskinliga pixlar med en mattningsfärg som matchar webbsidans bakgrund. Bakgrundsmattning fungerar bäst om webbsidans bakgrund är enfärgad och om du vet vilken färg det är.

Om du vill skapa genomskinlig bakgrund eller bakgrundsmattning för den optimerade bilden måste du utgå från en bild som innehåller genomskinlighet. Du kan skapa genomskinlighet när du skapar ett nytt lager eller använder Bakgrundssuddgummi eller Magiskt suddgummi.

När du arbetar med GIF- eller PNG-8-filer kan du skapa genomskinlighet med hårda kanter: alla pixlar som har mer än 50 % genomskinlighet på den ursprungliga bilden blir fullständigt genomskinliga på den optimerade bilden medan alla pixlar som är mer än 50 % ogenomskinliga på den ursprungliga bilden blir fullständigt ogenomskinliga på den optimerade bilden. Använd genomskinlighet med hårda kanter när du inte känner till bakgrundsfärgen på webbsidan eller när webbsidans bakgrund innehåller en struktur eller ett mönster. Tänk dock på att genomskinlighet med hårda kanter kan medföra taggiga kanter på bilden.

GIF utan hård genomskinlighet (vänster) och med hård genomskinlighet (höger)

Bevara bakgrundstransparens i en GIF- eller PNG-bild

GIF- och PNG‑8-formaten stöder en nivå av genomskinlighet – pixlar kan vara helt genomskinliga eller helt ogenomskinliga, men inte delvis genomskinliga. (PNG‑24-formatet stöder däremot flernivågenomskinlighet, det vill säga du kan ha upp till 256 grader av genomskinlighet i en bild, från ogenomskinlig till helt genomskinlig.)

```json { "trancreatedText": [ "Öppna eller skapa en bild som innehåller genomskinlighet,\noch välj Arkiv > Spara för webben.
I dialogrutan Spara för webben väljer du GIF, PNG‑8 eller\nPNG‑24 som optimeringsformat.
Markera Genomskinlighet.
För GIF- och PNG‑8-formaten anger du hur delvis genomskinliga pixlar i originalbilden ska behandlas. Du kan blanda dessa pixlar med en mattfärg eller skapa hård genomskinlighet.

Skapa en GIF- eller PNG-bild med maskfärg

När du känner till bakgrundsfärgen på webbsidan där en bild ska visas kan du använda mattningsfunktionen för att fylla eller blanda genomskinliga pixlar med en mattfärg som matchar webbsidans bakgrund.

Öppna eller skapa en bild som innehåller genomskinlighet,\noch välj Arkiv > Spara för webben.
I dialogrutan Spara för webben väljer du GIF, PNG‑8 eller\nPNG‑24 som optimeringsformat.
För GIF- och PNG‑8-formaten gör du något av följande:
  • För att behålla helt genomskinliga pixlar genomskinliga och blanda delvis genomskinliga pixlar med mattfärgen väljer du Genomskinlighet. Det här alternativet förhindrar haloeffekten som uppstår när du placerar en kantutjämnad bild på en webbsidebakgrund som skiljer sig från bildens bakgrund. Det här alternativet förhindrar också de taggiga kanterna hos hård genomskinlighet.

  • För att fylla genomskinliga pixlar med mattfärgen och blanda delvis genomskinliga pixlar med mattfärgen avmarkerar du Genomskinlighet.

Välj en färg på menyn Projektionsyta.
  • Pipettfärg (för att använda färgen i pipettens exempelruta)

  • Vit, Svart eller Annan (för att välja en färg med Färgväljaren)

Skapa hård genomskinlighet i en GIF- eller PNG‑8-fil

Använd hård genomskinlighet när du inte känner till bakgrundsfärgen på en webbsida eller när webbsidans bakgrund innehåller en textur eller ett mönster. Tänk dock på att hårdkantad genomskinlighet kan orsaka ojämna gränser i bilden.

Öppna eller skapa en bild som innehåller genomskinlighet,\noch välj Arkiv > Spara för webben.
I dialogrutan Spara för webben väljer du GIF eller PNG‑8 som\noptimeringsformat.
Markera Genomskinlighet.
Välj Ingen på menyn Projektionsyta.

Skapa en JPEG-bild med maskfärg

Även om JPEG-formatet inte stöder genomskinlighet kan du ange en mattfärg för att simulera genomskinlighetens utseende i originalbilden. Mattfärgen fyller helt genomskinliga pixlar och blandas med delvis genomskinliga pixlar. När du placerar JPEG-filen på en webbsida med en bakgrund som matchar mattfärgen verkar bilden smälta samman med bakgrunden.

Öppna eller skapa en bild som innehåller genomskinlighet,\noch välj Arkiv > Spara för webben.
I dialogrutan Spara för webben väljer du JPEG som\noptimeringsformat." ] } ```
Välj en färg från menyn Matt: Ingen, Färg från pipett (för att använda färgen i pipettens exempelruta), Vit, Svart, eller Annan (för att välja en färg med Färgväljaren).

När du väljer Ingen, används vitt som projektionsytefärg.