Avatar billede mik789 Nybegynder
29. maj 2003 - 08:48 Der er 17 kommentarer og
1 løsning

IE, .png og html farveværdier

Hvor mange særheder ved de enkelte browsere skal man finde sig i????

Jeg har et .png billede som logo med en baggrundsfarve der skal falde i ét med omgivelserne som er en grå #cccccc. Men i IE vises dem som #c6c6c6. Det sker ikke i Netscape eller Mozilla. I kan selv prøve at se her: http://www.dahr.dk/Web/imgTest.html og så tjekke med en colorpicker i hhv IE og NS/Mozilla.

Og hvad gør man så ved det???
Avatar billede googolplex Novice
29. maj 2003 - 08:57 #1
Det er sandsynligvis fordi #c6c6c6 af en af de websikre farver, det er #cccccc ikke (kommer an på hvilket png format der benyttes.). Se her:

http://www.html.dk/dokumentation/farver/
Avatar billede googolplex Novice
29. maj 2003 - 09:00 #2
Men det kan også bare være IE :( (#cccccc er vidst websikker nu jeg tænker over det).
Avatar billede mikmakmuk Nybegynder
29. maj 2003 - 09:10 #3
er det med websikre farver ikke ret ligegyldigt i dag :-)
Avatar billede boris Mester
29. maj 2003 - 09:14 #4
Den eneste sikre måde at ramme den rigtige baggrundsfarve er at lave billedet transparent (png/gif) og sætte baggrundsfarven i html.
baggrundsfarven vil også se forskellig ud på forskellige skærme, f.eks. kan en mørkeblå blive næsten sort, men i det mindste ens i hele billedet.
Avatar billede mik789 Nybegynder
29. maj 2003 - 10:20 #5
prøv at kigge igen (det link jeg angav i sp.). nu har jeg tre billeder:

1) .png ikke-transparent; dette var det oprindelige hvor IE viser #cccccc (ER en websikker farve) som #c6c6c6; ingen problemer i NS/Mozilla

2) .png transparent; her viser IE baggrunden helt misfarvet (nærmest blålig) - ingen problemer i NS/Mozilla

3) .gif transparent; her er resultatet dårligt for begge browsere
Avatar billede boris Mester
29. maj 2003 - 10:25 #6
(Jeg går ud fra at der med pnp menes png?)
Den transparente gengives ikke som transparent.
Gif'en er god nok, problemet er, at den har dithering.
Til den slags er gif afgjort nummer 1.
Avatar billede boris Mester
29. maj 2003 - 10:27 #7
Hvad jeg mener om gif'en er, at du kan ikke laste browseren for, at den korrekt gengiver det fnidder, som billedet indeholder.
Hvis der er dithering i en transp. gif, bliver fnidderet ikke transparent.
Avatar billede boris Mester
29. maj 2003 - 10:29 #8
Din transparente png er virkelig ikke transparent. Jeg har lige prøvet den på grøn baggrund.
Avatar billede boris Mester
29. maj 2003 - 10:31 #9
Jeg har lige prøvet at gøre din png transparent, og så står den flot, endda på grøn baggrund.
Avatar billede mik789 Nybegynder
29. maj 2003 - 10:33 #10
boris> ok, så er det mig der ikke er godt nok til min PhotoShop. Jeg troede jeg havde lavet det tranparent (brugte det magiske viskelæder). Hvordan gør du den "rigtigt" transparent? Har du mulighed for at sende mig dit billede?
Avatar billede boris Mester
29. maj 2003 - 10:41 #11
Avatar billede mik789 Nybegynder
29. maj 2003 - 10:47 #12
boris> nu har jeg også lagt dit billede med ind til sammenligning. Men prøv at se på den mørkegrå outline - det er hakket i kanten på den transparente png.

Hvorfor er gif det bedste til det her?
Avatar billede boris Mester
29. maj 2003 - 11:00 #13
Problemet både med gif og png er tilsyneladende, at dit oprindelige billede er med dithering - altså ikke helt rent i kanten.
Det ses ekstremt tydeligt ved transparens, fordi fnidder adskiller sig fra baggrundsfarven, altså den farve, som bliver transparent.
Gif kan give fantastisk klart afgrænsede kanter, hvis de bliver tegnet rigtigt. Ulempen med gif er kun, at man er begrænset til 255 farver, men det er ikke noget problem i dit billede.
Avatar billede boris Mester
29. maj 2003 - 11:04 #14
Et nærbillede af dit png:
http://www.erslev.dk/png/trx.png
Baggrundsfarven bliver transparent, andre farver bliver det ikke
Avatar billede mik789 Nybegynder
29. maj 2003 - 11:06 #15
ok, jeg er ikke meget for at starte helt forfra med det billede. kan jeg fjerne dithering på det jeg har og få kanten ren? eller skal jeg virkelig starte forfra?

hvad gør dithering?
Avatar billede mik789 Nybegynder
29. maj 2003 - 11:08 #16
boris> du har allerede hjulpet et godt stykke ud over de 30 point, så de er hermed givet, og så kan vi altid lave et tillægssp. med flere, hvis du gider fortsætte dette
Avatar billede boris Mester
29. maj 2003 - 11:14 #17
Tak for points.
Jeg ville enten:
1) Forstørre billedet (det oprindelige) så meget op, at jeg pixel for pixel kan fjerne fnidderet med viskelæder
2) Vælge snydeløsningen, hvor du har fået baggrundsfarven til at se nogenlunde rigtig ud i IE.
3) Starte forfra.
Og så anbefaler jeg PSP (Paint Shop Pro)
Avatar billede mik789 Nybegynder
29. maj 2003 - 11:23 #18
boris> tak for rådene. i første omgang vælger jeg løsning 2. jeg får jo faktisk ramt baggrundsfarven ikke bare nogen lunde men helt præcist, nemlig som #cccccc; jeg har bare justeret baggrundsfarven i billedet ligeså mange html værdier lysere, som IE viste de oprindelige værdier mørkere. og så prøver jeg også løsning 1 og ser om der kommer noget godt ud af det. tak for hjælp.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester