Jiné barvy JPG a PNG

11. 9. 2011 23:07:46

Zdravím!

Již delší dobu pozoruji barevné rozdíly při ukládání do JPG a PNG. Absolutně si s tím nevím rady, proto se obracím sem.

Jednoduše řečeno - ten samý obrázek uložím jednou do JPG a jednou do PNG. Ve výsledku má každý obrázek o několik odstínů jiné barvy (= vzájemně na sebe nenavazují).

Příklad 1: http://sklad.romanbartos.cz/test.html

Stránka je rozdělena na 5 řádků (1 řádek = 120 px).

První 2 řádky jsou PNG a zbylé 3 řádky jsou JPG.

Vidíte onen naprosto evidentní rozdíl? JPG řádky vypadají mnohem sytěji než řádky PNG.

Při ukládání jsem se proklikal snad vším. Různé prokládání, barevné profily, komprese, ... A nic. Dospěl jsem k tomu, že buď obrázek uložím jako obrovské PNG se správnými barvami, nebo jako malé JPG se špatnými barvami.

Setkal jste se s tím už někdo? Nenapadá vás něco?

11. 9. 2011 23:07:46

https://webtrh.cz/diskuse/jine-barvy-jpg-a-png/#reply676185

David Kácha

(39 hodnocení)

11. 9. 2011 23:25:01

Toto beru jako běžnou věc. Řeším to tak, že ukládám obrázky stále pouze do PNG.

11. 9. 2011 23:25:01

https://webtrh.cz/diskuse/jine-barvy-jpg-a-png/#reply676184

Roman Bartoš

(4 hodnocení)

11. 9. 2011 23:32:14

Já ale potřebuji malý PNG obrázek jako repeat na background a na to velký JPG obrázek fixně. Když velký JPG nahradím velkým PNG, mám background o velikosti 1 MB...

Nicméně teď se mi podařilo nějak pozoruhodně uložit JPG se správnými barvami. A absolutně netuším, jak jsem to udělal.

11. 9. 2011 23:32:14

https://webtrh.cz/diskuse/jine-barvy-jpg-a-png/#reply676183

P-ierre

(43 hodnocení)

11. 9. 2011 23:42:12

PNG a JPG fungují na jiném principu, proto taky výsledné obrázky budou vypadat trochu jinak. Zatímco u PNG se ti ukládá pozice každého bodu, u JPG se ukládá pozice většiny bodů (ale většinou ne všech) a ta malá část se dopočítává a pak se ty barvy zprůměrují. Proto ta horší kvalita.

Předpokládám, že se ti nakonec povedlo uložit JPG ve 100% kvalitě a proto ty barvy vypadají stejně (nic se nedopočítává). Výsledné soubory jsou pak jinak velké, protože PNG i JPG používá jinou metodu komprese... Jestli se ti přesto zdá výsledek moc datově velký, zkus všechno uložit jako JPG s menší kvalitou.

11. 9. 2011 23:42:12

https://webtrh.cz/diskuse/jine-barvy-jpg-a-png/#reply676182

Daniel Pospíšil

(13 hodnocení)

12. 9. 2011 08:54:19

Pro kompresi JPG zkus pouzit http://www.jpegmini.com/main/home

12. 9. 2011 08:54:19

https://webtrh.cz/diskuse/jine-barvy-jpg-a-png/#reply676181

Kovboj

(13 hodnocení)

12. 9. 2011 08:58:52

Napsal Roman Bartoš;699959

Jednoduše řečeno - ten samý obrázek uložím jednou do JPG a jednou do PNG. Ve výsledku má každý obrázek o několik odstínů jiné barvy (= vzájemně na sebe nenavazují).

Na první pohled se mi zdálo že tam ten rozdíl vidím. Pak jsem si zkusmo stáhnul jeden jpeg a jeden png a podíval se na něm v grafickém editoru. Nezkoumal jsem to pixel po pixelu, tam kde jsem to zkoušel porovnat byla barva v obou případech zcela stejná.

Spíš bych viděl ten barevný rozdíl až v možná rozdílném vykreslování v prohlížeči, který (možná) používá jiný postup pro zobrazení ztrátového JPEGu a proto může být zobrazený obrázek o něco rozmazanější nebo barevně jiný než neztrátový PNG.

12. 9. 2011 08:58:52

https://webtrh.cz/diskuse/jine-barvy-jpg-a-png/#reply676180

Petr Široký

(26 hodnocení)

20. 9. 2011 00:31:18

Je to asi zvláštní, ale já ten rozdíl nevidím.

20. 9. 2011 00:31:18

https://webtrh.cz/diskuse/jine-barvy-jpg-a-png/#reply676179

(20 hodnocení)

20. 9. 2011 00:56:31

ten rozdil se muze projevovat v nekterych prohlizecich, vsiml jsem si ze cas od casu jiny prohlizec zobrazuje obrazek lehce odlisne... ma to asi co docineni s trochu jinym pouzitym algoritmem pro zobrazeni (v opere 11.51, firefoxu 6 a IE 8 taky nevidim rozdil)

20. 9. 2011 00:56:31

https://webtrh.cz/diskuse/jine-barvy-jpg-a-png/#reply676178

Erik

(2 hodnocení)

20. 9. 2011 07:30:52

Mně to tenkrát dělal nějakej starší photoshop CS ? a pak to vypadalo jinak i v prohlížečích. Ale v novějším photoshopu myslím už to nedělá a je to v pohodě.

20. 9. 2011 07:30:52

https://webtrh.cz/diskuse/jine-barvy-jpg-a-png/#reply676177

Roman Bartoš

(4 hodnocení)

30. 9. 2011 16:01:44

Přestal jsem to na nějakou dobu řešit, ale dlouho mě to nenechalo a začal jsem s tím znovu a důkladně. A problem solved.

Problém je v (ne)připojování barevných profilů k obrázkům a v chování se různých operačních systémů (možná i prohlížečů) k těmto obrázkům.

Ve zkratce:

K obrázku barevný profil buď připojený je nebo není.
Připojení barevného profilu k obrázku se projeví na jeho velikosti.
Obrázky optimalizované pro web připojený barevný profil nemají (velikost).
Windows automaticky k obrázkům bez profilu přidělí profil sRGB IEC61966-2.1.
Mac OS X automaticky k obrázkům bez profilu přidělí profil Monitor RGB.

30. 9. 2011 16:01:44

https://webtrh.cz/diskuse/jine-barvy-jpg-a-png/#reply676176

David Kotulán

(1 hodnocení)

3. 10. 2011 07:47:37

Barevné profily nemají valný význam pro toho kdo nemá kvalitní kalibrovatelný monitor. Přes 80 % pozorovatelů rozdíl prostě nepozná. Takže na bodu 1. hledej chybu na monitoru. Bod 2. Jak už tu někdo psal, Tiff, jpg, png, gif, svg mají naprosto rozdílný popis barev, notabene při kompresi. Sloučit tak tyto barvy navzájem "základním" nastavením je zhola nemožné. Bod 3. Barevnou korekci si můžete zkusit doladit v sw, ale opět se dostanete k bodu 1. :-) Bod 4. Prostě použijte obojí jako png, jeden pruhledný a jeden neprůhledný a je to, nemixujte voloviny ušetříte si tím zbytečně zahozený čas :-D

---------- Příspěvek doplněn 03.10.2011 v 07:54 ----------

Pane Bartoš, MacOS X nepřiřazuje Monitor RGB, ale AppleRGB (skoro identickej s AdobeRGB - adobe začalo na applu pak na windows). Profily si můžete změnit, nebo je vypnout. Ale jak jsem psal u nekalibrovatelných monitorů je to fuk. Sice je laicky sRGB světlejší a AdobeRGB mavší, ale spousta uživatelů má monitory přesvícené, takže ten rozdíl u profilů moc nevnímá. Pravdou ale je že to zbytečně zvětšuje velikost obrázku diametrálně.

3. 10. 2011 07:47:37

https://webtrh.cz/diskuse/jine-barvy-jpg-a-png/#reply676175

Roman Bartoš

(4 hodnocení)

5. 10. 2011 19:04:08

http://www.gballard.net/psd/saveforwebshift.html

Windows Vista and Windows 7 apply sRGB and Mac OS-X applies its Default monitor profile.

Takže jestli Default monitor profile = AppleRGB, pak ano :)

5. 10. 2011 19:04:08

https://webtrh.cz/diskuse/jine-barvy-jpg-a-png/#reply676174

David Kotulán

(1 hodnocení)

10. 10. 2011 07:51:48

hlavně si neplést profil v jakým vám zobrazuje monitor a v jakém vám dělají aplikace. Ono často bývá humorné, když někdo nastaví monitor na AdobeRGB a pak v pohtoshopu ma sRGB. Musíte sladit. Tak jsem si reinstaloval jednoho starého macka, abych se podíval na ty zobrazovací profily. Tak po instalu vám automaticky používá profil monitoru, Generic RGB, takovej sRGB paskvil. Na Apple nebo Adobe RGB se musí přepnout. Jak to dělá člověk automaticky tak zapomene že to musel dělat ... :-)

10. 10. 2011 07:51:48

https://webtrh.cz/diskuse/jine-barvy-jpg-a-png/#reply676173

Pro odpověď se přihlašte.

Přihlásit