{"id":183,"date":"2009-02-18T02:18:20","date_gmt":"2009-02-18T02:18:20","guid":{"rendered":"http:\/\/minicube.kr\/wp\/?p=183"},"modified":"2009-02-18T02:18:20","modified_gmt":"2009-02-18T02:18:20","slug":"use-8bit-png-for-website","status":"publish","type":"post","link":"https:\/\/blog.neue.nz\/?p=183","title":{"rendered":"\uc6f9\uc0ac\uc774\ud2b8 \ucd5c\uc801\ud654 : 8bit PNG \ud65c\uc6a9\ud558\uae30"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">21\uc138\uae30\uac00 \uc2dc\uc791\ub41c \uc9c0 \uac70\uc758 10\ub144\uc774 \ub2e4 \ub418\uc5b4\uac00\ub294 2009\ub144\uc5d0 \uc774\ub974\ub7ec \ub124\ud2b8\uc6cc\ud06c\uc640 \uc778\ud130\ub137\uc740 \ub180\ub77c\uc6b4 \ubc1c\uc804\uc744 \uc774\ub904\uc654\uc2b5\ub2c8\ub2e4. \uc6f9\ube0c\ub77c\uc6b0\uc800 \uc2dc\uc7a5\uc740 MS\uc758 Internet Explorer\uac00 \ub3c5\uc810\ud558\ub294 \uc0c1\ud669\uc744 \ubc97\uc5b4\ub098\uc11c, \uc9c0\uae08\uc740 \ud30c\uc774\uc5b4\ud3ed\uc2a4, \uc0ac\ud30c\ub9ac, \uc624\ud398\ub77c, \ud06c\ub86c, \u2026 \uae30\ud0c0 \ub4f1\ub4f1 \uc218\ub9ce\uc740 \ube0c\ub77c\uc6b0\uc800\uac00 \uc11c\ub85c \uc6f9\ud45c\uc900\uc744 \ud5a5\ud574 \uacbd\uc7c1\ud558\ub294 \ud589\ubcf5\ud55c(?) \uc2dc\ub300\uac00 \ub418\uc5c8\uc9c0\uc694.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud558\uc9c0\ub9cc, \uc774\ub7f0 \uc0c1\ud669\uc5d0\uc11c\ub3c4 \uc6f9\ube0c\ub77c\uc6b0\uc800\uac00 \uacf5\uc2dd\uc801\uc73c\ub85c \uc9c0\uc6d0\ud558\ub294 \uc774\ubbf8\uc9c0 \ud615\uc2dd\uc740 \uc544\uc9c1\uae4c\uc9c0\ub294 GIF, JPG, PNG \uc138 \uac00\uc9c0 \ubfd0\uc785\ub2c8\ub2e4. (BMP\ub294 \ub17c\uc678) \uadf8 \uc911\uc5d0\uc11c \uac00\uc7a5 \ub3cb\ubcf4\uc774\ub294 \ud3ec\ub9f7\uc740 \ubc14\ub85c <strong>PNG<\/strong> \uc778\ub370\uc694&#8230; \ud558\uc9c0\ub9cc, \uc774\uc804\uc5d0 \uc791\uc131\ud588\ub358 <a href=\"https:\/\/blog.neue.nz\/png-bug-in-ie6\/\">\ub098\ub97c \ubbf8\uce58\uac8c \ud558\ub294 PNG<\/a>\u00a0\ub77c\ub294 \ud3ec\uc2a4\ud2b8\uc5d0\uc11c\ub3c4 \ubc1d\ud614\ub4ef\uc774.. IE6 \uc758 \uc810\uc720\uc728\uc774 10% \uc774\ud558\ub85c \ub5a8\uc5b4\uc9c0\uc9c0 \uc54a\ub294 \ud55c, PNG\uc758 \ud61c\ud0dd\uc744 \ub204\ub9ac\uae30\uc5d0\ub294 \ubb34\ub9ac\uac00 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\ub7f0 \uc0c1\ud669\uc5d0\uc11c \uac11\uc790\uae30 8bit PNG \ub97c \ud65c\uc6a9\ud558\uc790\ub2c8\u2026 \uc774\uac8c \ubb34\uc2a8 \uc18c\ub9b0\uac00 \ud558\uc2dc\uaca0\uc8e0? \uc800\ub3c4 \uadf8\ub7ac\uc2b5\ub2c8\ub2e4. IE6 \uc774 \ubc84\ud2f0\uace0 \uc788\ub294 \ud55c, png\uc758 p\uc790\ub3c4 \uaebc\ub0b4\uc9c0 \ub9d0\uc544\uc57c \ud560 \uc0c1\ud669\uc774 \uc544\ub2cc\uac00! \ub77c\uace0 \ubc18\ubb38\ud588\uc9c0\uc694.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">png\uc758 \ud3ec\ub9f7\uc740 \uba87\uac00\uc9c0\uac00 \uc788\uc2b5\ub2c8\ub2e4. color field\uc5d0 \ub530\ub77c 8bit, 24bit \ub85c \ub098\ub258\ub294\ub370\uc694&#8230;<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>bit<\/td><td>\ud2b9\uc9d5<\/td><\/tr><tr><td>8bit<\/td><td><strong>Pallete PNG<\/strong><br>\uc774\ubbf8\uc9c0 \ub0b4\uc758 \uc0c9\uc0c1\uc744 index\ud654 \ud558\uc5ec 256 \uce7c\ub77c\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub2e4\ub294 GIF \uc640 \ube44\uc2b7\ud55c \ud2b9\uc131\uc744 \uac00\uc9c0\uc9c0\ub9cc, \ub3d9\uc77c \uc774\ubbf8\uc9c0\uc758 GIF \ud30c\uc77c\ubcf4\ub2e4 \ud06c\uae30\uac00 \uc791\uc2b5\ub2c8\ub2e4. \uadf8 \uc678\uc758 \uc18d\uc131\uc740 png\uc640 \uac19\uc2b5\ub2c8\ub2e4. (Alpha Transparency, No Animated)<\/td><\/tr><tr><td>24bit<\/td><td><strong>Truecolor PNG<\/strong><br>JPG\uc640 \uac19\uc740 1670\ub9cc \uce7c\ub77c\ub97c \uc9c0\uc6d0\ud558\uba70, JPG\uc640 \ub2ec\ub9ac \uc774\ubbf8\uc9c0\uc758 \uc190\uc2e4(\uc5f4\ud654)\uc774 \uc5c6\uc2b5\ub2c8\ub2e4. \uadf8\ub798\uc11c \uc774\ubbf8\uc9c0\uc758 \ud06c\uae30\ub294 JPG\ubcf4\ub2e4 \ud06c\uc9c0\ub9cc, JPG\uc758 \ucd5c\uc0c1\ud004\ub9ac\ud2f0\uc758 \ud30c\uc77c \ud06c\uae30\uc5d0 \ube44\ud558\uba74 \uc624\ud788\ub824 \uc791\ub2e4\uace0 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\uc678\uc5d0 \uc5ed\uc2dc Alpha Transparency\ub97c \uc9c0\uc6d0\ud558\uba70 \uc560\ub2c8\uba54\uc774\uc158\uc740 \uc9c0\uc6d0\ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/td><\/tr><tr><td>Apng<\/td><td><strong>Animated PNG<\/strong><br>\uc560\ub2c8\uba54\uc774\uc158\uc774 \uc9c0\uc6d0\ub418\ub294 png\uc785\ub2c8\ub2e4.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">PNG \uc5d0 \ub300\ud55c \uc790\uc138\ud55c \uc6d0\uc804\uc740 \ub2e4\uc74c URL \uc5d0\uc11c \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/tools.ietf.org\/html\/rfc2083\" target=\"_blank\">https:\/\/tools.ietf.org\/html\/rfc2083<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc5ec\uae30\uc11c \uc8fc\ubaa9\ud560 \ub9cc\ud55c \uac83\uc740 <strong>8bit PNG<\/strong> \uc785\ub2c8\ub2e4. GIF\uc640 \uc131\uc9c8\uc740 \uac70\uc758 \ube44\uc2b7\ud55c\ub370 GIF\ubcf4\ub2e4 \ud30c\uc77c \ud06c\uae30\uac00 \ub300\uccb4\ub85c \ub354 \uc791\uc2b5\ub2c8\ub2e4. \uac8c\ub2e4\uac00 IE6 \uc5d0\uc11c\ub3c4 8bit PNG\ub294 GIF\uc640 \ube44\uc2b7\ud55c Transparency \ub97c \uc9c0\uc6d0\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc801\uc5b4\ub3c4 24bit PNG \ucc98\ub7fc \ud22c\uba85 \uc601\uc5ed\uc774 \ud68c\uc0c9\uc73c\ub85c \ubcf4\uc774\ub294 \ubb38\uc81c\uac00 \uc5c6\uc9c0\uc694. \uadf8\ub798\uc11c 8bit PNG\ub97c GIF\ub97c \ub300\uccb4\ud558\ub294 \uc6f9\uc774\ubbf8\uc9c0\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc9c0 \uc54a\uc744\uae4c \ud558\ub294 \uac83\uc774 \ubc1c\uc0c1\uc758 \uc804\ud658\uc774\uc8e0.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.neue.nz\/wp-content\/uploads\/2019\/04\/ietestpng.png\" alt=\"\" class=\"wp-image-665\"\/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\ub2e4\ub9cc PNG \ub294 \uc774\uc804 \ud3ec\uc2a4\ud2b8\uc5d0\uc11c\ub3c4 \ubc1d\ud614\ub4ef, \uac01\uac01\uc758 \uc6f9\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc2e4\uc81c \uc0c9\uc0c1\uc740 \ub2e4\ub974\uac8c \ud45c\ud604\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc9c1\uc811\uc801\uc778 \uc6d0\uc778\uc740 PNG \uc774\ubbf8\uc9c0\uac00 \uc790\uccb4\uc801\uc73c\ub85c \uac10\ub9c8\uac12\uc744 \uac00\uc9c0\uace0 \uc788\uace0, \uc774 \uac12\uc744 \ud574\uc11d\ud558\ub294 \ube0c\ub77c\uc6b0\uc800\uac00 \uc0c1\uc774\ud55c \uacb0\uacfc\ub97c \ub0b4\uae30 \ub54c\ubb38\uc778\ub370\uc694\u2026<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">PNG \ud30c\uc77c\uc758 \uad6c\uc870\ub294 8bit\uc758 \ud5e4\ub354(png\uc774\ubbf8\uc9c0\ub77c\ub294 \uac83\uc744 \uc54c\ub9ac\ub294 \ubd80\ubd84)\uc640 \uc5ec\ub7ec \uac1c\uc758 chunk \ub77c\ub294 \uac83\uc73c\ub85c \uad6c\uc131\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \ub514\uce74\ub85c \uc0ac\uc9c4 \uc880 \ucc0d\uc5b4\ubcf4\uc2e0 \ubd84\ub4e4\uc740 \uc544\uc2dc\uaca0\uc9c0\ub9cc jpg\ud30c\uc77c\ub3c4 \uc774\ubbf8\uc9c0\ubdf0\uc5b4\ub85c \ubcf4\uba74 \uac01\uc885 \uc815\ubcf4(\uce74\uba54\ub77c\uae30\uc885, \uc870\ub9ac\uac1c, \uc154\ud130, WB \ub4f1)\uac00 \ub530\ub85c \uc800\uc7a5\ub418\ub294 \uac83\uc744 \ubcfc \uc218 \uc788\ub294\ub370\uc694, PNG\ub3c4 \uc2e4\uc81c \uc774\ubbf8\uc9c0 \ub370\uc774\ud130\uc640 \ubcc4\ub3c4\ub85c \uc774\ub7ec\ud55c \uc815\ubcf4\ub4e4\uc774 \ud558\ub098\uc758 \uc870\uac01(chunk)\uc73c\ub85c \uc800\uc7a5\ub41c\ub2e4\uace0 \ubcf4\uc2dc\uba74 \ube44\uc2b7\ud569\ub2c8\ub2e4. \uc0c9\uc0c1\uc758 \ubd88\uc77c\uce58 \ubb38\uc81c\ub97c \uc77c\uc73c\ud0a4\ub294 \uac83\uc740 \ubc14\ub85c <code>gAMA chunk<\/code> \ub77c\ub294 \uac83\uc778\ub370\uc694, \uc774 \uac12\uc744 \uc81c\ub300\ub85c \ucc98\ub9ac\ud558\ub294 \uc6f9\ube0c\ub77c\uc6b0\uc800\uac00 \uc788\uace0, \uc774\ub97c \uc81c\ub300\ub85c \ucc98\ub9ac\ud558\uc9c0 \ubabb\ud558\ub294 \uc6f9\ube0c\ub77c\uc6b0\uc800\uac00 \uc788\uae30 \ub54c\ubb38\uc5d0 \uc0c9\uc0c1\ucc28\uc774\uac00 \ubcf4\uc774\uac8c \ub418\ub294 \uac83\uc774\uc9c0\uc694.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uacb0\uad6d, \ubaa8\ub4e0 \uc6f9 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uac19\uac8c \ud45c\ud604\ub418\uac8c \ud558\ub824\uba74 gAMA chunk \ub97c \uc5c6\uc560\ub294 \uacfc\uc815\uc774 \ud544\uc694\ud569\ub2c8\ub2e4. \uc0ac\uc2e4 \uc774 chunk\ub97c \uc81c\uac70\ud558\ub294 \uac83\uc740 \uadfc\ubcf8\uc801\uc778 \ud574\uacb0\ucc45\uc740 \uc544\ub2d0 \uac81\ub2c8\ub2e4. \uadfc\ubcf8\uc801\uc73c\ub85c \ud574\uacb0\ud558\uae30 \uc704\ud574\uc11c\ub294, png\uc758 \uac10\ub9c8 \uac12\uc744 \ubaa8\ub4e0 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc81c\ub300\ub85c \uc9c0\uc6d0\ud558\uace0 JPG\ub098 GIF\ub3c4 \uc774\ub97c \uc9c0\uc6d0\ud574\uc57c \ud55c\ub2e4\ub294 \ub73b\uc785\ub2c8\ub2e4. \uadf8\ub798\uc11c \uc870\uae08 \uc6b0\ud68c\ud558\uc5ec <strong>png \ub3c4 \ub2e4\ub978 \uc774\ubbf8\uc9c0\uc640 \ub9c8\ucc2c\uac00\uc9c0\ub85c \ud558\ud5a5\ud3c9\uc900\ud654 \uc2dc\ud0a8\ub2e4..<\/strong> \ub77c\uace0 \uc774\ud574\ud558\ub294 \uac83\uc774 \uc88b\uc744 \uac83 \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.softpedia.com\/get\/Multimedia\/Graphic\/Graphic-Others\/TweakPNG.shtml\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"TweakPNG (opens in a new tab)\">TweakPNG<\/a> \uc774\ub77c\ub294 \ud504\ub85c\uadf8\ub7a8\uc73c\ub85c \uc0d8\ud50c PNG \ud30c\uc77c\uc758 \uc815\ubcf4\ub97c \uc5f4\uc5b4\ubcf4\uc558\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.neue.nz\/wp-content\/uploads\/2019\/04\/chunk11.png\" alt=\"\" class=\"wp-image-666\"\/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\ubb54\uac00 \uad49\uc7a5\ud788 \ub9ce\uc8e0? IHDR\uc774 png\ud30c\uc77c\uc758 \ud5e4\ub354\uc774\uba70 \ub098\uba38\uc9c0 bKGD, sRGB, sBIT, pHYs \u2026 \ubb54\uac00 \ubabb\uc54c\uc544\ubcfc \ub370\uc774\ud130\ub4e4\uc774 \ub9ce\uc9c0\ub9cc \uc5b4\uca0c\ub4e0 \ubb38\uc81c\uac00 \ub418\ub294 chunk\ub294 \uc704\uc5d0 \ud45c\uc2dc\ud55c gAMA chunk\uc785\ub2c8\ub2e4. \uc5ec\uae30\uc11c gAMA\uac12\uc744 \uc0ad\uc81c\ud558\ub294 \uac83 \ub9cc\uc73c\ub85c png\ud30c\uc77c\uc744 \uc6f9\uc5d0\uc11c \uc815\uc0c1\uc801\uc73c\ub85c \ud45c\uae30\ud558\uac8c \ud558\ub294 \uac83\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4. \ub4dc\ub514\uc5b4 \ubb38\uc81c \ud574\uacb0! 24bit\uc758 Truecolor PNG\ub294 \uc5b4\uca54 \uc218 \uc5c6\uc9c0\ub9cc GIF\ub97c \ub300\uc2e0\ud558\uc5ec 8bit Palleted PNG \ub97c \ud65c\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub2e4\ub9cc \uc774\uac83\uc5d0 \ub9cc\uc871\ud558\uc9c0 \uc54a\uace0 \uc6f9\uc0ac\uc774\ud2b8\ub97c \uc704\ud55c \uc774\ubbf8\uc9c0 \ucd5c\uc801\ud654\ub97c \uc704\ud574 PNG \ud30c\uc77c \uc790\uccb4\uc758 \ub2e4\uc774\uc5b4\ud2b8\ub97c \ud560 \uc218 \uc5c6\uc744\uae4c \uace0\ubbfc\ud574\ubcfc \uc218\ub3c4 \uc788\uc744 \uac83 \uac19\ub124\uc694. \ub2e4\ud589\ud788 \ubc29\ubc95\uc740 \uc788\uc5c8\uc2b5\ub2c8\ub2e4. gAMA\uac12 \uc678\uc5d0\ub3c4 \uc774\ubbf8\uc9c0\ub97c \ud45c\uae30\ud558\ub294\ub370\uc5d0 \uad73\uc774 \ud544\uc694\uc5c6\ub294 \uc815\ubcf4\ub4e4\uc744 \uc0ad\uc81c\ud558\uace0 \ub370\uc774\ud130\uc601\uc5ed\uc744 \ub2e4\uc2dc \uc555\ucd95\ud558\uc5ec \ucd5c\uc801\ud654\uc2dc\ud0ac \uc218 \uc788\ub294 \ud234\uc774 \uba87\uac00\uc9c0 \uc874\uc7ac\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>pngcrush : <a href=\"https:\/\/sourceforge.net\/projects\/pmt\/files\/pngcrush-executables\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">https:\/\/sourceforge.net\/projects\/pmt\/files\/pngcrush-executables\/<\/a><\/li><li>pngrewrite : <a rel=\"noreferrer noopener\" aria-label=\"http:\/\/entropymine.com\/jason\/pngrewrite\/ (opens in a new tab)\" href=\"http:\/\/entropymine.com\/jason\/pngrewrite\/\" target=\"_blank\">http:\/\/entropymine.com\/jason\/pngrewrite\/<\/a><\/li><li>OptiPNG : <a rel=\"noreferrer noopener\" aria-label=\"http:\/\/optipng.sourceforge.net\/ (opens in a new tab)\" href=\"http:\/\/optipng.sourceforge.net\/\" target=\"_blank\">http:\/\/optipng.sourceforge.net\/<\/a><\/li><li>PNGOut : <a rel=\"noreferrer noopener\" aria-label=\"http:\/\/advsys.net\/ken\/utils.htm (opens in a new tab)\" href=\"http:\/\/advsys.net\/ken\/utils.htm\" target=\"_blank\">http:\/\/advsys.net\/ken\/utils.htm<\/a><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\uac83\uc800\uac83 \ud14c\uc2a4\ud2b8\ub97c \ud574\ubcf4\uc558\ub294\ub370\uc694, \uccab\ubc88\uc9f8 \uc81c\uc2dc\ub41c pngcrush\uc758 \uacbd\uc6b0 windows\uc758 \uba85\ub839\ud504\ub86c\ud504\ud2b8 \uc704\uc5d0\uc11c \uc2e4\ud589\ud574\uc57c \ud558\ub294 \ubd88\ud3b8\ud568\uc774 \uc874\uc7ac\ud588\uc9c0\ub9cc \uac00\uc7a5 \ud655\uc2e4\ud560 \uac83 \uac19\uc544 \ud14c\uc2a4\ud2b8\ud574\ubcf4\uc558\uc2b5\ub2c8\ub2e4. \uc2e4\ud589 \ubc29\ubc95\uc740 \uc870\uae08 \ubcf5\uc7a1\ud569\ub2c8\ub2e4. \uac04\ub2e8\ud788 \ud504\ub86c\ud504\ud2b8 \uc0c1\uc5d0\uc11c pngcrush \ub77c\uace0 \uc785\ub825\ud558\uba74 \uc5ec\ub7ec\uac00\uc9c0 \uc635\uc158\uc774 \ub098\uc635\ub2c8\ub2e4. \uc77c\ub2e8 \ub808\ud37c\ub7f0\uc2a4 \ucf54\ub4dc\uac00 \uc788\uc5b4\uc11c \ub2e4\uc74c\uacfc \uac19\uc774 \uc785\ub825\ud574\ubcf4\uc558\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"msdos\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">C:>pngcrush -rem alla -brute -reduce sample.png sample1.png<\/pre>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.neue.nz\/wp-content\/uploads\/2019\/04\/chunk33.png\" alt=\"\" class=\"wp-image-668\"\/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\uc704 \uba85\ub839\uc744 \uc2e4\ud589\ud558\ub2c8 \ub9c8\uc9c0\ub9c9\uc5d0 \ub098\uc628 \uc815\ubcf4\ub85c 17.16%\uc758 \ud30c\uc77c \uc0ac\uc774\uc988\ub97c \uc904\uc77c \uc218 \uc788\ub2e4\uace0 \ub098\uc624\ub294\uad70\uc694. \uadf8\ub798\uc11c \uc774\ub807\uac8c \ub098\uc628 \ud30c\uc77c\uc744 \ub2e4\uc2dc TweakPNG\ub85c \uc5f4\uc5b4\ubcf8 \uacb0\uacfc \uaf2d \ud544\uc694\ud55c \ud5e4\ub354\uc640 \ud478\ud130 chunk(IEND), \uadf8\ub9ac\uace0 \ub370\uc774\ud130 \uc601\uc5ed(IDAT)\uc744 \uc81c\uc678\ud558\uace0 \ubaa8\ub4e0 chunk \uac00 \uc5c6\uc5b4\uc9c4 \uac83\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.neue.nz\/wp-content\/uploads\/2019\/04\/chunk22.png\" alt=\"\" class=\"wp-image-669\"\/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\uc544\ub798 \uc0c1\ud0dc\ud45c\uc2dc\uc904\uc744 \ud655\uc778\ud558\uba74 sample.png \ud30c\uc77c\uc758 \ud06c\uae30\uac00 13479byte\uc5d0\uc11c 11166byte\ub85c \uc555\ucd95\ub418\uc5c8\uc74c\uc744 \uc54c \uc218 \uc788\uc2b5\ub2c8\ub2e4. GIF \uc5d0 \ube44\ud574\uc11c PNG \uac00 \uc6a9\ub7c9 \uba74\uc5d0\uc11c \ud6a8\uc728\uc801\uc778\ub370\ub3c4, \ub364\uc73c\ub85c \ud544\uc694\uc5c6\ub294 \uc815\ubcf4\ub97c \ub2e4\uc774\uc5b4\ud2b8 \ud558\uc5ec \ub354 \ud06c\uae30\ub97c \uc904\uc77c \uc218 \uc788\ub294 \uc88b\uc740 \ud301\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \uacfc\uc815\uc740 \uc870\uae08 \ubcf5\uc7a1\ud558\uc9c0\ub9cc, \uc774 \uc791\uc5c5\uc744 \uc5b4\ub290\uc815\ub3c4 \uc790\ub3d9\ud654\uc2dc\ud0a4\uba74 \ucda9\ubd84\ud788 \uc2e4\ubb34\uc5d0\ub3c4 \ud65c\uc6a9 \uac00\ub2a5\ud560 \uac83\uc73c\ub85c \ubcf4\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc800\ub3c4 \ud604\uc7ac \uc9c4\ud589\uc911\uc778 \ubaa8 \uac1c\ud3b8 \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c 8bit png\uc758 \ud65c\uc6a9\uacfc \ud568\uaed8 CSS \uc2a4\ud504\ub77c\uc774\ud2b8 \ub4f1\uc758 \ucd5c\uc801\ud654 \ubc29\uc548\uc744 \uc801\uc6a9\ud558\uc5ec \uc9c4\ud589\ud558\uace0 \uc788\ub294 \uc911\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">png\ud30c\uc77c\uc774 \uc788\ub294 \ud3f4\ub354 \ub300\uc0c1\uc73c\ub85c pngcrush\ub97c \uc2e4\ud589\ud560 \uc218 \uc788\ub294 \ubc29\ubc95\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"shell\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">C:>pngcrush -rem alla -brute -reduce -d \"\ud3f4\ub354\uba85\" *.png<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\uc704\uc640 \uac19\uc774 \ud558\uba74 &#8220;\ud3f4\ub354\uba85&#8221;\uc758 \ud3f4\ub354\uac00 \uc0dd\uc131\uc774 \ub418\uace0, \uadf8 \uc548\uc5d0 pngcrush\uac00 \ucc98\ub9ac\ud55c png\ud30c\uc77c\uc774 \ubaa8\ub450 \uc800\uc7a5\uc774 \ub429\ub2c8\ub2e4.<br>-brute \uc635\uc158\uc740 \ud30c\uc77c\uc744 \uc904\uc77c \uc218 \uc788\ub294 \ubc29\ubc95\uc744 \ubaa8\ub450 \uc218\ud589\ud558\ub294 \ubc29\ubc95\uc774\uae30 \ub54c\ubb38\uc5d0 \uc2dc\uac04\uc774 \uc624\ub798\uac78\ub9b0\ub2e4\ub294 \ub2e8\uc810\uc774 \uc788\uc9c0\ub9cc \uc694\uc998\uc758 \ucef4\ud4e8\ud130 \ud37c\ud3ec\uba3c\uc2a4\uac00 \uc88b\uae30 \ub54c\ubb38\uc5d0 \uc6f9 \ud658\uacbd\uc5d0\uc11c \uc0dd\uc131\ub418\ub294 png \ud30c\uc77c\ub4e4\uc774\ub77c\uba74 \ub9ce\uc740 \uc2dc\uac04\uc740 \uac78\ub9ac\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \uc2e4\uc81c\ub85c \uc800\ub294 \ud1b5\uac80\uac1c\ud3b8 \uc791\uc5c5\uc5d0\uc11c \uc0dd\uc131\ub41c 15\uac1c \uc815\ub3c4\uc758 png\ud30c\uc77c\uc744 \ubaa8\ub450 \ub3cc\ub9ac\ub294\ub370&#8230;&nbsp;<strong>30\ucd08<\/strong>&nbsp;\uc815\ub3c4 \uac78\ub9b0 \uac83 \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em><span style=\"color:#f78da7\" class=\"tadv-color\">\uc774 \ud3ec\uc2a4\ud2b8\ub294 NHN WSG(Web Standardization Guide) \ube14\ub85c\uadf8\uc640 \ub124\uc774\ubc84\uc758 \uac1c\uc778 \ube14\ub85c\uadf8\uc5d0 \ud568\uaed8 \uc5f0\uc7ac\ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/span><\/em><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>21\uc138\uae30\uac00 \uc2dc\uc791\ub41c \uc9c0 \uac70\uc758 10\ub144\uc774 \ub2e4 \ub418\uc5b4\uac00\ub294 2009\ub144\uc5d0 \uc774\ub974\ub7ec \ub124\ud2b8\uc6cc\ud06c\uc640 \uc778\ud130\ub137\uc740 \ub180\ub77c\uc6b4 \ubc1c\uc804\uc744 \uc774\ub904\uc654\uc2b5\ub2c8\ub2e4. \uc6f9\ube0c\ub77c\uc6b0\uc800 \uc2dc\uc7a5\uc740 MS\uc758 Internet Explorer\uac00 \ub3c5\uc810\ud558\ub294 \uc0c1\ud669\uc744 \ubc97\uc5b4\ub098\uc11c, \uc9c0\uae08\uc740 \ud30c\uc774\uc5b4\ud3ed\uc2a4, \uc0ac\ud30c\ub9ac, \uc624\ud398\ub77c, \ud06c\ub86c, \u2026 \uae30\ud0c0 \ub4f1\ub4f1 \uc218\ub9ce\uc740 \ube0c\ub77c\uc6b0\uc800\uac00 \uc11c\ub85c \uc6f9\ud45c\uc900\uc744 \ud5a5\ud574 \uacbd\uc7c1\ud558\ub294 \ud589\ubcf5\ud55c(?) \uc2dc\ub300\uac00 \ub418\uc5c8\uc9c0\uc694. \ud558\uc9c0\ub9cc, \uc774\ub7f0 \uc0c1\ud669\uc5d0\uc11c\ub3c4 \uc6f9\ube0c\ub77c\uc6b0\uc800\uac00 \uacf5\uc2dd\uc801\uc73c\ub85c \uc9c0\uc6d0\ud558\ub294 \uc774\ubbf8\uc9c0 \ud615\uc2dd\uc740 \uc544\uc9c1\uae4c\uc9c0\ub294 GIF, JPG, PNG \uc138 \uac00\uc9c0 \ubfd0\uc785\ub2c8\ub2e4. (BMP\ub294 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":674,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[22,68,104,121,243],"class_list":["post-183","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-frontend-dev-story","tag-8bit-png","tag-gama-chunk","tag-pngcrush","tag-tweakpng","tag-243"],"_links":{"self":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/posts\/183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=183"}],"version-history":[{"count":0,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/posts\/183\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=183"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=183"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}