Transparent picture

Jo PNG er et forholdsvis nyt format. Det er ikke alle browsere som kan læse det format - kun nyere...

Er den baggrund du skal placere billederne på ikke ensfarvet?

Hey zantral...

Det du beskriver er et kendt problem efterhånden...
Hvis du læser dette spørgsmål vil du få nogle tips
til hvordan du muligvis kan undgå de hakkede kanter.

http://www.eksperten.dk/spm/291772

Det største problem i dit tilfælde tror jeg vil være
at billederne bliver placeret på et fadet billede.
Når man arbejder med transparente gif'er kan man komme
ud i seriøse problemmer hvis baggrundsbillede har mange
farver og overgange hvis man kan sige sådan :)

Det kunne være meget fedt hvis vi kunne se det fadet billede.
Har du mulighed for det?

Sig til hvis du ikke kan finde en løsning.

Sup.

Kik her.
der er de scootere i bunden jeg har bøvl med.
jeg har lige nu lavet den i gif, men som i kan se er det jo svært at definere en bestemt farve omkring, unden det kan ses.

http://www.zentral.dk/scootercity/index.htm

Jeg synes de 3 billeder i midten er rimlig okay. Men giver dig ret med de andre.
Hvordan har du skåret motorcyklen ud til at starte med?
Har du motorcyklen i et stort billede?

Sup.

Grunden til de 3 midten er bedre en de andre er pga din gradient baggrund og den hvide farve optræder mere i midten end i siderne. Det ser ud til du har brugt hvid som transperant farve. Bare lige en info til det :)

Sup.

Her kan i virkelig se problemet.

det er jo meningen billederne skal være transparante uden nogen form for kant eller farve omkring.

http://www.zentral.dk/scootercity/view_model.asp?id=1

Jeg har svært ved at se dit problem på dit link. Du har en helt sort baggrund på den side så hvori består det fadede billede?

Men genrelt som de øvrige har været inde på er det svært at lave et transperant billede der ikke hakker hvis det skal placeres på en nuanceret baggrund.

Der er dog en mulighed hvis du i dit design kan acceptere en skyggevirkning omkring de fritlagte billeder men en skygge som duer på en hvilken somhelst baggrund. Er du interesseret i dette laver jeg gerne en beskrivelse af hvordan du gør.

Jeg kan se en lille fejl i billede nr 4 nede i bunden og så har du scaleret nr 2 ser det ud til. Ikke så godt. det er billederne i bunden du mener ik?

Problemmet kan sagtens løses er jeg sikker på. Spørgsmålet er bare hva du helt
har tænkt dig. Jeg går ud fra at det er en menu nede i bunden. Du snakkede
om noget med at scrolle, det vil sige der kommer altså flere knapper i bunden?
Prøv at beskriv lidt mere så er jeg sikker på vi finder en løsning.
Ellers kan du sikkert spørge spe om hun er flink til at lave en beskrivelse.

Sup.

okay, måske er det mig som forklare mig forket.
kik lige på det link igen.

alle 6 billeder med grå baggrund skal jo være transparante.
den fadede baggrund er jo den brune...

mit spørgsmål er enkelt, hvordan får jeg de 6 billeder til at ha en transparant baggrund så jeg slippe af med det grå.
uden at der komme en kant rundt om. kan det ikke lade sig gøre ?

Hvordan virker dette billede på dit website?

Link: http://www.kazoma.dk/eksperten/ny1.jpg

/per

Jeg ser din side som du kan se her www.dtpkursus.dk/eksperten/scooterproblem.html
og så vidt jeg kan se fader din side ikke under billederne,men er blot ensfarvet brunsort, så hvori består problemet med at bruge matte?

Set ud fra din side ville jeg gøre følgende:
I dit Photoshop dokument vil jeg sørge for at det lag billedet ligger i er et almindeligt lag. Hvis dit lag med billedet hedder Background kan du dobbeltklikke på det og sige ok til layer 0, så er det et almindeligt lag.
Derefter ville jeg slette baggrunden så kun scooteren er tilbage.
Så vælge Save for web og her gemme som gif med matte defineret som den brune farve der ligger i baggrunden der hvor billederne skal være.

jeg forstår ikke noget, på min skærm ser det sådan ud
http://www.zentral.dk/a.jpg

Hmmm...ja det er da underligt. Hos mig er det kun det ene billede, der har grå baggrund.
Men har du gemt som gif fra et almindeligt lag hvor du har slettet baggrunden og sat Matte til den brune?

Prøv at sende billderne til mig sup@tdcadsl.dk

Sådan ser det også ud på min skærm som dette billede:
http://www.zentral.dk/a.jpg

billederne er png og transparant og jeg har fjernet andre lag, så der kun er et almindeligt lag.

Mon så problemmet kunne være at din browser ikke understøtter transperante PNG-er?

jeg har kun det almindelige IE som medfølger windows XP
hvis det er det, er problemet jo stort for der er jo mange brugere som ska ku se min side, og det er jo ik fedt hvis de kommer til at se den ligesom jeg gør nu.

det vil sige at det eneste jeg kan gøre er at bruge gif, med en defineret matt farve ?????

Hvis du vil være sikker på at alle kan se dine billeder så skal du gemme som gif med den brune baggrundsfarve som Matte-farven

Hey zentral. Jeg har leget lidt med dit billede og det ser egentlig okay ud, selvom det er gået lidt hurtigt med udskærringen af motorcyklen. Det er der sku sikkert ingen som lægger mærke til :)

Jeg har lavet 2 eksempler, hvor jeg bruger det samme transparente gif over en gradient baggrund ligesom din.

http://hjem.get2net.dk/supscave/transparent/trans1.html
http://hjem.get2net.dk/supscave/transparent/trans2.html (her er motorcyklen bare flyttet over mod højre)

Jeg kom til at tænke på hvorfor du overhovedet behøver at bruge transparent, med mindre dine små motorcykler kommer til at scolle som jeg har lidt på fornemmelsen er din plan.

Du er velkommen til at få min Photoshop fil hvis det er, jeg er bare ikke sikker på at man må det herinde. Nogen som ved noget om det?

Sup.

Der er mange som bruger transparente gif's fordi en knap på en hjemmeside måske skal lave et eller anden smart. Det er jo også fedt nok, men man behøver nødvendigvis ikke lave ens gif'er transparente. Man skal sørge for at have sit baggrundsbillede med når man gemmer sine knapper. Problemmet kommer med selve placeringen af knappen. Den skal jo sætte præsist det sted hvor baggrunden passer. Ved ikke om det lyder for kryptisk :)
Det ville svare til jeg have gemt motorcykel billede med gradient baggrunden. Det svære ville så være at placere den så gradient baggrunden på motorcykel billedet passer præsist ind i baggrunden på hjemmesiden. Men det er nu ikke så stort et problem. Det virker ihvertfald....

Det var bare lidt info..

Sup.

sup >> jeg kan se du har fået det til at virke, og det har jeg os selv nu, uden at definere matt.. så det er kanon... håbede bare på min ku bruge png men det er jo ike så fedt at det ik virker i alle browsere.

jeg takker mange gange for alle svar og meninger.

ps. til sup... ja menuen med scooterene skal bruges til at scrolle i, det er derfor de skal være transparante :o). men tak for hjælpen

Fedt du har fået det til at køre :)
Husk nu ikke at scalere billederne inde i html'en eller flash som du nok bruger. Gem billedet i Photoshop med den størrelse du skal bruge på hjemmesiden, det giver altid det bedste resultat. Grunden til jeg siger det er fordi jeg tror mange laver den lille fejl. De tager et stort billede som motorcyklen f.eks og importerer til flash, hvorefter de scalerer billedet ned i størrelse måske. Det virker bare ikke skide godt..
Bare lige en reminder :)

Sup.