{"id":111,"date":"2007-04-20T16:29:45","date_gmt":"2007-04-20T15:29:45","guid":{"rendered":"http:\/\/eriz.pc-inside.org\/weblog\/photoshoppng-problemy-111.html"},"modified":"2007-05-04T00:21:50","modified_gmt":"2007-05-03T23:21:50","slug":"photoshoppng-problemy","status":"publish","type":"post","link":"https:\/\/eriz.pcinside.pl\/weblog\/photoshoppng-problemy-111.html","title":{"rendered":"Photoshop+PNG = problemy?"},"content":{"rendered":"<p>Czy nie zastanawia\u0142e\u015b(a\u015b) si\u0119 czasem, \u017ce Photoshop zapisuje odrobin\u0119 za du\u017ce PNG-i? Gdy pliki stworzone w konkurencyjnych programach maj\u0105 np. 10kB, to w PS-ie 20? Manipulowanie opcj\u0105 przeplotu przynosi mizerne efekty? Z powodu wskaza\u0144 w &#8222;Save For Web&#8221; wolisz wybra\u0107 JPEG\/GIF?<\/p>\n<p>Do tego dochodzi niemo\u017cno\u015b\u0107 wkomponowania obrazka w t\u0142o strony pod IE pomimo, \u017ce kolory te\u0142 s\u0105 takie same, tak jak tutaj?<\/p>\n<p class=\"images\"><img decoding=\"async\" src=\"\/weblog\/stuff\/111-ie.png\" style=\"width:353px;height:276px;\" alt=\"zrzut w IE\" class=\"image\" \/><\/p>\n<p>Jest na to spos\u00f3b!<\/p>\n<p><!--more--><\/p>\n<p>Wystarczy <a href=\"http:\/\/psydk.org\/PngOptimizer.php\">PngOptimizer<\/a>.<\/p>\n<p>Swego czasu, boryka\u0142em si\u0119 z tymi problemami i musia\u0142em unika\u0107 PNG &#8211; raz: obrazki wychodzi\u0142y wi\u0119ksze obj\u0119to\u015bciowo, dwa: wspomniany przeze mnie problem z IE.<\/p>\n<p>Tak naprawd\u0119, zacz\u0119\u0142o si\u0119 od tego, \u017ce po wstawieniu mojej stopki (ma\u0142y pasek @PNG24) na forum, kt\u00f3ro nak\u0142ada\u0142o limit 10kB na obrazki w podpisie. M\u00f3j obrazek mia\u0142 ~16kB. W\u00f3wczas, praktycznie bezradny popyta\u0142em, co jest nie tak z obrazkiem, bo powinien by\u0107 troch\u0119 l\u017cejszy. Poradzono mi w(y)\u0142\u0105czenie przeplotu przy eksporcie (ju\u017c nie pami\u0119tam ;P), ale niewiele to da\u0142o &#8211; musia\u0142em po prostu obci\u0105\u0107 graficzk\u0119.<\/p>\n<p>G\u0142owi\u0142em si\u0119 troch\u0119, jak rozwi\u0105za\u0107 m.in. ten problem (IE wtedy by\u0142o na dalszym planie). Par\u0119 dni (sic!) googlowania i natrafi\u0142em na <a href=\"http:\/\/psydk.org\/PngOptimizer.php\">PngOptimizer<\/a>. Jest to aplikacja dla Win2k\/WXP (nie wiem, jak jest z Vist\u0105) na licencji GPL (co\u015b dla grzebi\u0105cych albo developer\u00f3w:)). Program jest niewielki i mo\u017cna go u\u017cy\u0107 na dwa sposoby: &#8222;wyklikaczem&#8221; albo z konsolki. W przypadku tego programu o niebo wygodniejsze jest &#8222;wyklikanie&#8221;, poniewa\u017c ca\u0142a filozofia sprowadza si\u0119 do przeci\u0105gni\u0119cia interesuj\u0105cych nas plik\u00f3w do okna programu. Dodatkowo, mo\u017cemy przekonwertowa\u0107 np. GIF\/JPG\/TGA na PNG w ten sam spos\u00f3b. <img src=\"https:\/\/eriz.pcinside.pl\/weblog\/wp-includes\/images\/smilies\/e_wink.png\" alt=\";)\" class=\"wp-smiley\" style=\"height: 1em; max-height: 1em;\" \/><\/p>\n<p>Jakie wyniki? W zale\u017cno\u015bci od urozmaicenia grafiki mo\u017cna osi\u0105gn\u0105\u0107 ciekawe rezultaty. Zazwyczaj, po eksporcie do PNG z Photoshopa i optymalizacji otrzymujemy maksimum (statystycznie) 90% pocz\u0105tkowego rozmiaru pliku. Niejednokrotnie mi si\u0119 zdarzy\u0142o, \u017ce po optymalizacji by\u0142o to zaledwie kilkana\u015bcie procent!<\/p>\n<p>A co z IE? Wszystko jest ju\u017c OK:<\/p>\n<p class=\"images\"><img decoding=\"async\" src=\"\/weblog\/stuff\/111-ie-after.png\" style=\"width:366px;height:259px;\" alt=\"zrzut w IE, po wszystkim\" class=\"image\" \/><\/p>\n<p>IMHO niezb\u0119dne narz\u0119dzie w warsztacie webdesignera.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Czy nie zastanawia\u0142e\u015b(a\u015b) si\u0119 czasem, \u017ce Photoshop zapisuje odrobin\u0119 za du\u017ce PNG-i? Gdy pliki stworzone w konkurencyjnych programach maj\u0105 np. 10kB, to w PS-ie 20? Manipulowanie opcj\u0105 przeplotu przynosi mizerne efekty? Z powodu wskaza\u0144 w &#8222;Save For Web&#8221; wolisz wybra\u0107 JPEG\/GIF? Do tego dochodzi niemo\u017cno\u015b\u0107 wkomponowania obrazka w t\u0142o strony pod IE pomimo, \u017ce kolory [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,12],"tags":[46,88],"_links":{"self":[{"href":"https:\/\/eriz.pcinside.pl\/weblog\/wp-json\/wp\/v2\/posts\/111"}],"collection":[{"href":"https:\/\/eriz.pcinside.pl\/weblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eriz.pcinside.pl\/weblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eriz.pcinside.pl\/weblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eriz.pcinside.pl\/weblog\/wp-json\/wp\/v2\/comments?post=111"}],"version-history":[{"count":0,"href":"https:\/\/eriz.pcinside.pl\/weblog\/wp-json\/wp\/v2\/posts\/111\/revisions"}],"wp:attachment":[{"href":"https:\/\/eriz.pcinside.pl\/weblog\/wp-json\/wp\/v2\/media?parent=111"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eriz.pcinside.pl\/weblog\/wp-json\/wp\/v2\/categories?post=111"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eriz.pcinside.pl\/weblog\/wp-json\/wp\/v2\/tags?post=111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}