Genomskinliga webbilder och webbilder med maskfärg

Med genomskinlighet är det möjligt att skapa bilder för webben som inte är rektangulära. Med genomskinlig bakgrund som stöds i GIF- och PNG-formaten bevaras genomskinliga pixlar i bilden så att webbsidans bakgrund visas genom bildens genomskinliga delar. (JPEG-formatet saknar stöd för genomskinlighet men du kan ange en mattningsfärg som simulerar genomskinligheten hos den ursprungliga bilden.)

Knapp med och utan genomskinlighet
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 med och utan genomskinlighet med skarpa kanter
GIF utan genomskinlighet med skarpa kanter (vänster) och med genomskinlighet med skarpa kanter (höger)

Bevara bakgrundsgenomskinligheten i en GIF- eller PNG-bild

GIF- och PNG‑8-formaten har stöd för en genomskinlighetsnivå - pixlar kan vara fullständigt genomskinliga eller fullständigt ogenomskinliga, men inte partiellt genomskinliga. (Som motsats har PNG‑24-formatet stöd för genomskinlighet med flera nivåer, dvs. du kan ha upp till 256 grader av genomskinlighet i en bild, från helt ogenomskinlig till helt genomskinlig.)

  1. Öppna eller skapa en bild med genomskinlighet och välj Arkiv > Spara för webben.
  2. I dialogrutan Spara för webben väljer du GIF, PNG‑8 eller PNG‑24 som optimeringsformat.
  3. Markera Genomskinlighet.
  4. För GIF- och PNG-8-formaten anger du hur partiellt genomskinliga pixlar i den ursprungliga bilden ska hanteras. Du kan blanda dessa pixlar med en mattningsfärg eller så kan du skapa genomskinlighet med hårda kanter.

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

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

  1. Öppna eller skapa en bild med genomskinlighet och välj Arkiv > Spara för webben.
  2. I dialogrutan Spara för webben väljer du GIF, PNG‑8 eller PNG‑24 som optimeringsformat.
  3. För GIF- och PNG‑8-formaten gör du något av följande:
    • Om du vill behålla de helt genomskinliga pixlarna genomskinliga och blanda partiellt genomskinliga pixlar med mattningsfärgen, väljer du Genomskinlighet. Med det här alternativet förhindrar du den haloeffekt du kan se om du placerar en icke kantutjämnad bild på en webbsida med en bakgrund som skiljer sig från bildens bakgrund. Med det här alternativet förhindrar du också de taggiga kanter som genomskinlighet med hårda kanter kan medföra.

    • Om du vill fylla genomskinliga pixlar med mattningsfärgen och blanda partiellt genomskinliga pixlar med mattningsfärgen avmarkerar du Genomskinlighet.

  4. Välj en färg på menyn Projektionsyta.
    • Pipettverktyget (om du vill använda färgen i pipettverktygets provruta)

    • Vit, Svart eller Annan (om du vill välja en färg med hjälp av Färgväljaren)

Skapa genomskinlighet med hårda kanter i en GIF- eller PNG-8-fil

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.

  1. Öppna eller skapa en bild med genomskinlighet och välj Arkiv > Spara för webben.
  2. I dialogrutan Spara för webben väljer du GIF eller PNG‑8 som optimeringsformat.
  3. Markera Genomskinlighet.
  4. Välj Ingen på menyn Projektionsyta.

Skapa en JPEG-bild med maskfärg

JPEG-formatet saknar stöd för genomskinlighet men du kan ange en projektionsytefärg som simulerar genomskinligheten hos den ursprungliga bilden. Projektionsytefärgen fyller helt genomskinliga pixlar och blandas med partiellt genomskinliga pixlar. När du placerar JPEG-bilden på en webbsida med en bakgrund som matchar projektionsytefärgen, ser det ut som om bilden blandas med bakgrunden.

  1. Öppna eller skapa en bild med genomskinlighet och välj Arkiv > Spara för webben.
  2. I dialogrutan Spara för webben väljer du JPEG som optimeringsformat.
  3. Välj en färg på menyn Projektionsyta: Ingen, Pipettverktyget (om du vill använda färgen i pipettverktygets provruta), Vit, Svart eller Annan (om du vill välja en färg med hjälp av Färgväljaren).

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

Denna produkt är licensierad enligt en Creative Commons Erkännande-Ickekommersiell-Dela Lika 3.0 Unported-licens  Twitter™- och Facebook-inlägg omfattas inte av villkoren i Creative Commons-licensen.

Juridiska meddelanden   |   Onlinesekretesspolicy