webForumDet fria alternativet

Genomskinlig bild.

Design & grafik

15 svar · 447 visningar · startad av Rödalacket

Medlem sedan feb. 20002 612 inlägg
Frågan#1

Kan man skapa en genomskinlig bild i t.ex Photoshop och spara den så att den är genomskinlig om man publicerar den på webben....eller måste man skapa genomskinligheten med hjälp av css?

------------------
www.lns.nu
------------------
Cave canem

Medlem sedan dec. 19996 588 inlägg
#2

Klart det går!

Har du Photoshop 5.5 och uppåt är det busenkelt. Skapa en ny bild med de mått du vill i Photoshop, välj transparent bakgrund. Själv använder jag vanligast en 1x1 pixel som transparent bild. Gå sedan under Arkivmenyn och välj "Spara för web" och där kan du välja om du vill som gif eller jpg.... gif är den du ska välja.

När det gäller Photoshop 5.0 och tidigare måste du ha en typ av plugin där du väljer att exportera till Gif-89 (eller vad det nu var för nummer, kommer inte ihåg numret nu) under Arkiv-menyn.

Jag brukar använda en transparent gif när jag vill ha fasta bredder i tabeller till exempel, då anger jag bredd och höjd på den i originalet 1x1 pixle stora bilden. Funkar jättebra och går fort att ladda in.

------------------
/Petra
Veni, Vidi, Visa - Jag kom, jag såg, jag handlade

Medlem sedan feb. 20002 612 inlägg
#3

Okej....jag var nog inte riktigt tydlig ..
Det jag menade var att man har en bild på t.ex 150*150 px och fyller den med rött. Då kan man i lager paletten dra ner opaciteten till 50 %. Kan man spara den bilden med dom egenskaperna så att när man publicerar den bilden på en sida
så ser man bakgrunden igenom bilden.

------------------
www.lns.nu
------------------
Cave canem

Medlem sedan dec. 19996 588 inlägg
#4

Njae, då måste du gå in och göra varannan pixel transparent.

------------------
/Petra
Veni, Vidi, Visa - Jag kom, jag såg, jag handlade

Medlem sedan feb. 20002 612 inlägg
#5

Hmm....
Det låter lite krångligt....då är det bättre att göra det med css i stället.

------------------
www.lns.nu
------------------
Cave canem

Medlem sedan maj 200010 687 inlägg
#6

då är det bättre att göra det med css i stället

Inte alls, det är ett Microsoft påhitt som inte funkar i någon annan webbläsare än IE.
Följ istället standarden och spara bilden som en png bild så funkar det bra!

------------------
/Erik
www.juhlin.nu /sk8files/ /mp2d/

Medlem sedan feb. 20002 612 inlägg
#7

Jag har gjort det men får inte genomskinlighetet på bilden när jag lägger den på en sida. Funkar i grafikprogramet men när man exporterar den...nope..

------------------
www.lns.nu
------------------
Cave canem

Medlem sedan maj 200010 687 inlägg
#8

I vilken webbläsare har du testat det?
Jag tror bara det är Mozilla (Netscape 6) och Internet Explorer 5 till Mac som stöder det..

------------------
/Erik
www.juhlin.nu /sk8files/ /mp2d/

Medlem sedan feb. 20002 612 inlägg
#9

Jag har testat i IE 5.5.

------------------
www.lns.nu
------------------
Cave canem

Medlem sedan maj 200010 687 inlägg
#10

Nej, IE 5.5 har inte stöd för det. Men troligen kommer nästa IE version ha stöd för det.
Netscape kommer nog aldrig stöda CSS varianten. Det skulle vara om den infördes i standarden i så fall..

------------------
/Erik
www.juhlin.nu /sk8files/ /mp2d/

Medlem sedan feb. 20002 612 inlägg
#11

Ok....testade i NS 4.7 och det funkade inte där heller.
Får ladda hem 6:an och testa om det funkar i den.

------------------
www.lns.nu
------------------
Cave canem

Medlem sedan dec. 19996 592 inlägg
#12

Fireworks 3 har ett utmärkt stöd för .PNG. 30 dagars testversion kan laddas hem från macromedia.com.

------------------
matti.intelligens.nu

Medlem sedan maj 200010 687 inlägg
#13

Varför inteanvända ImageReady?
Följer med Photoshop 5.5 och är ett alldeles utmärkt program att spara bilder till webben i! :)

------------------
/Erik
www.juhlin.nu /sk8files/ /mp2d/

Medlem sedan feb. 20002 612 inlägg
#14

Det är det jag har prövat med men det vill sig inte riktigt ändå. :(

------------------
www.lns.nu
------------------
Cave canem

Medlem sedan dec. 19996 592 inlägg
#15

Fireworks fireworks.. ;)

------------------
matti.intelligens.nu

Medlem sedan mars 20011 964 inlägg
#16

Detta är ju ett ganska gammalt inlägg men jag har lösningen på ditt problem ifall du inte redan har fixat det vid det här laget. IE 6 stödjer ju tyvärr inte detta med PNG heller vilket jag tyckte var lite märkligt men om du går in på www.webfx.nu och tittar under rubriken PNG Behavior på första sidan så finns lösningen där.

527 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
129 ms — deklarationer (db)
125 ms — hämta statistik (db)
266 ms — hämta tråd, inlägg och bilagor (db)
128 ms — ändringar (db)