Avatar billede Lasse Novice
29. august 2006 - 22:51 Der er 20 kommentarer og
1 løsning

Hvorfor skifter farve paa billede?

Jeg har et billede paa 13x13 pixels som jeg skal have vist et sted hvor baggrundsfarven er #2D859B. Baggrundsfarven paa billedet er ogsaa #2D859B. Af en eller anden grund forvringes baggrundsfarven paa billedet idet det vises i browseren. Hvorfor?

Jeg har proevet at gemme billedet som png, bmp, gif og jpg. Det eneste der virker er jpg, men fil stoerrelsen bliver mange gange doblet (faktor 1000) hvilket jeg ikke er interesseret i. Hvordan kan jeg komme udenom dette, og hvorfor sker det?
Avatar billede mclemens Nybegynder
29. august 2006 - 23:45 #1
Komprimering af billedet / minimering af antallet af farver - det er ikke html specifikt men nærmere maleprogram specifikt - herunder håndteringen af programmet eller evt. programmets evner ... kast evt. et link til dit billede :o)
Avatar billede mclemens Nybegynder
29. august 2006 - 23:50 #2
http://ww  -  fjern dette -  w.dkif.com/users/clemens/tmp/test.html
Avatar billede mclemens Nybegynder
29. august 2006 - 23:52 #3
[ Hvordan kan jeg komme udenom dette, og hvorfor sker det? ]
Skifte til et andet maleprogram måske eller prøve at åbne den gemte fil
og rette baggrunden til den rigtige og så gemme filen igen ?
Avatar billede coderdk Praktikant
30. august 2006 - 03:32 #4
Bruger du photoshop til at gemme billedet? Hvilken palette bruger du? Det skal være sRGB...
Avatar billede olebole Juniormester
30. august 2006 - 10:45 #5
<ole>

Du kan ikke regne med, at en farve i et billede og en farve sat i CSS (eller HTML-attribut) renderer præcis ens.

I kritiske tilfælde bør du bruge et baggrundsbillede med den korrekte baggrundsfarve i stedet for en baggrundsfarve  ;o)

/mvh
</bole>
Avatar billede coderdk Praktikant
30. august 2006 - 10:50 #6
Heller ikke dét giver altid det korrekte udfald... Det bedste vil nok være at bruge en transparent gif (eller mere besværligt, png) og lade den farve være den transparente (og lave en matte der passer til baggrundsfarven)... Problemet har jeg kun oplevet i Internet Explorer - Det skulle kunne undgås ved at benytte en af de 212 "safe" farver i IE ;P
Avatar billede olebole Juniormester
30. august 2006 - 10:55 #7
Hvis du bruger gif eller png, vil jeg gerne garantere, det virker korrekt ... men ikke ved jpg  ;o)
Avatar billede Lasse Novice
30. august 2006 - 17:44 #8
Mclements>> Det har desvaerre intet med komprimering at goere.

Coderdk>> Jeg bruger rgb.

Olebole>> Png virker paa nogen sider, andre sider IKKE. GIF det samme problem. Dette er virkelig underligt.

Gif fejl kan ses paa: http://www.expertsys.com.mx/Test2/index.html (ramme r1c2 - midt oeverst, groenne farve er forskellig)

Png fejl kan ses paa: http://www.expertsys.com.mx/Test2/t1/test.html (groenne farve forskellig)
Avatar billede olebole Juniormester
31. august 2006 - 10:38 #9
Du må afgjort komprimere forkert. Jeg har ikke en Photoshop/ImageReady på den maskine, jeg sidder ved, så jeg kan ikke her se, hvad det er, du gør forkert ... men et eller andet gør du galt  =)
Avatar billede Lasse Novice
31. august 2006 - 17:39 #10
olebole>> Det ville jeg ikke tro af 2 grunde:

1) Hent billederne (gif og png) ned, og vis dem i dit favorit paint program. Her ses det at FARVERNE ER ENS.

2) De 2 hjemmesider med fejl bruger SAMME FILER. Ogsaa alligevel er de forskellige. Det er meget maerkeligt. Den eneste forskel er at den ene side bruger multi frames, hvor den anden bruger 1 frame.
Avatar billede mclemens Nybegynder
31. august 2006 - 18:47 #11
De vises præcis ens på min skærm (når jeg tager hensyn til at det er en fladskærm hvor farven varierer hvis man ikke sidder lige ud for) - og når jeg gør så jeg sørger for at mine øjne ikke bliver påvirket af den blå farve der står opad ... jeg kan ikke se nogle fejl i http://www.expertsys.com.mx/Test2/index.html - farverne er ens når jeg kigger på dem ...
Avatar billede Lasse Novice
31. august 2006 - 19:14 #12
mclemens>> Ser du ingen forskel mellem den groenne farve paa pladserne:

1) 0,0 - 0,10
2) 0,20 - 0,400

?

Hvis du ikke goer det (det er meget lidt, men tag evt. et screen shot og du vil kunne registrere det i photoshop eller lign.), saa maa der vaere forskel paa din IE og min!!!
Avatar billede mclemens Nybegynder
31. august 2006 - 19:36 #13
Målt i paint med eyedrop ud fra en printscreen...

http://www.expertsys.com.mx/Test2/t1/r1c2.gif
0,0 - 0,10 -> rgb(166,220,37)
0,12 - 0,27 -> rgb(166,220,37)

http://www.expertsys.com.mx/Test2/t1/r1c2.png
0,0 - 0,10 -> rgb(166,220,37)
0,12 - 0,27 -> rgb(166,220,37)

http://www.expertsys.com.mx/Test2/t1/r1c2.bmp
0,0 - 0,10 -> rgb(166,220,37)
0,12 - 0,27 -> rgb(166,220,37)

http://www.expertsys.com.mx/Test2/t1/r1c2.jpg
0,0 - 0,09 -> rgb(166,220,38)
0,10 -> rgb(166,220,36)
0,12 -> rgb(166,220,38)
0,13 -> rgb(166,220,36)
0,14 - 0,15 -> rgb(166,220,38)
0,16 -> rgb(166,220,36)
0,17 - 0,27 -> rgb(166,220,38)



http://www.expertsys.com.mx/Test2/index.html
0,0 - 0,10 -> rgb(166,220,37)
0,0 - 0,bunden -> rgb(166,220,37)
Avatar billede mclemens Nybegynder
31. august 2006 - 19:37 #14
(0,11 er den hvide px der adskiller de to linjer)
Avatar billede mclemens Nybegynder
31. august 2006 - 19:38 #15
[ paa din IE ] Hov prøver lige IE ...
Avatar billede mclemens Nybegynder
31. august 2006 - 19:44 #16
Png, går i ged - men IE understøtter jo heller ikke png
ordentligt ... men ellers er det samme resultat som det andet ...

Så det eneste der er ændret er fejl i png på http://www.expertsys.com.mx/Test2/t1/r1c2.jpg

og http://www.expertsys.com.mx/Test2/index.html
... så, jeg kan godt se fejlen nu ... men kunne ikke før

(du skrev: Gif fejl kan ses paa: http://www.expertsys.com.mx/Test2/index.html (ramme r1c2 - midt oeverst, groenne farve er forskellig) ) ... der er ikke fejl i gif'en ... det er png der ikke understøttes ordentligt af IE ... den første ramme på den side er png filen - og den anden er gif'en ...)
Avatar billede mclemens Nybegynder
31. august 2006 - 19:46 #17
Så du er nok nødt til at bruge gif
... den er der jo ingen fejl i :o)
Avatar billede Lasse Novice
31. august 2006 - 20:00 #18
mclemens>> Damn, jeg tror jeg er blevet forvirret midt under det hele, saa jeg troede at gif'en fejlede, men det var png'en i sidste ende. Mange tak for dine to oejne...
Avatar billede mclemens Nybegynder
31. august 2006 - 20:22 #19
Velbekom, og tak for point :)
... lad os håbe at det med png
bliver løst i 7'eren :P
Avatar billede olebole Juniormester
04. september 2006 - 12:39 #20
Det er vist kun PNG24, IE ikke understøtter. PNG8 burde ikke skabe problemer  :)
Avatar billede mclemens Nybegynder
04. september 2006 - 13:28 #21
Du har ret Ole :)
ww w.dkif.com/users/clemens/tmp/r1c2.png
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