{"id":2525,"date":"2018-05-02T18:26:00","date_gmt":"2018-05-02T09:26:00","guid":{"rendered":"https:\/\/www.beusable.net\/blog\/?p=2525"},"modified":"2020-04-23T18:38:33","modified_gmt":"2020-04-23T09:38:33","slug":"ux-%eb%94%94%ec%9e%90%ec%9d%b4%eb%84%88%ea%b0%80-%ec%95%8c%ec%95%84%eb%91%90%ec%96%b4%ec%95%bc-%ed%95%a0-png%ec%99%80-jpeg%ec%9d%98-%ec%b0%a8%ec%9d%b4","status":"publish","type":"post","link":"https:\/\/www.beusable.net\/blog\/?p=2525","title":{"rendered":"UX \ub514\uc790\uc774\ub108\uac00 \uc54c\uc544\ub450\uc5b4\uc57c \ud560 PNG\uc640 JPEG\uc758 \ucc28\uc774"},"content":{"rendered":"\n<p>\uc548\ub155\ud558\uc138\uc694 \ubdf0\uc800\ube14\uc785\ub2c8\ub2e4. \uc774\uc804 \uc2dc\uac04\uc5d0\ub294&nbsp;\uc6f9 \uc0ac\uc774\ud2b8\uc758 \ub85c\ub4dc \uc2dc\uac04\uc774 \uae38\uba74 \uc0ac\uc6a9\uc790\uc758 \uc774\ud0c8\ub960\uc774 \ub192\uc544\uc9c4\ub2e4\uace0 \ub9d0\ud558\uc600\uc2b5\ub2c8\ub2e4. \ub610\ud55c \uc774 \ub85c\ub4dc \uc2dc\uac04\uc758 \uc8fc\ubc94\uc740 \uc8fc\ub85c &#8216;\ubb34\uac70\uc6b4 \uc774\ubbf8\uc9c0&#8217;\ub77c\uace0 \ub9d0\uc500\ub4dc\ub838\uc2b5\ub2c8\ub2e4. \uadf8\ub807\ub2e4\uba74 \uc774\ubbf8\uc9c0 \ud30c\uc77c \uc0ac\uc774\uc988\ub97c \uc904\uc774\uba74\uc11c\ub3c4 \ud654\uc9c8\uc5d0 \ubbf8\uce58\ub294&nbsp;\uc601\ud5a5\uc744 \ucd5c\uc18c\ud654\ud558\ub824\uba74 \uc5b4\ub5bb\uac8c \ud574\uc57c \ud560\uae4c\uc694? \uc624\ub298\uc740 UX \ub514\uc790\uc774\ub108\uac00 \ubc18\ub4dc\uc2dc \uc54c\uc544\ub450\uc5b4\uc57c \ud560 PNG\uc640 JPEG\uc758 \ucc28\uc774\uc5d0 \ub300\ud574 \uc124\uba85\ub4dc\ub9ac\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/br>\n<\/br>\n\n\n\n<div class=\"wp-block-qubely-divider qubely-block-b65e03\"><div class=\"qubely-block-divider \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 240 40\" preserveaspectratio=\"none\"><path d=\"M3.3 22.1c-.5-.2-.9-.5-1.3-.9-.3-.2-.5-.4-.8-.6.8-.7 1.5-1.3 2.3-2 .9-.7 1.8-1.6 2.4-2.6.1-.1.1-.2 0-.3-.1-.2-.3-.2-.5-.2-1.1.5-2 1.3-2.8 2.2-.8.9-1.7 1.7-2.5 2.5l-.1.1v.1c-.1.2-.1.5.2.6.5.3.9.5 1.4.8.4.3.9.6 1.2 1 .8.7 1.7 1.3 2.6 1.8.1.1.3 0 .4-.1.2-.1.2-.3.1-.5-.8-.8-1.6-1.4-2.6-1.9z\"><\/path><path d=\"M112.3 20c-4.5-.2-9-.3-13.5-.3-2.2 0-4.5-.1-6.7 0s-4.5.2-6.7.1c-4.5 0-9-.1-13.5-.2-1.1 0-2.2 0-3.4.1-1.1.1-2.2.1-3.4.2-2.2 0-4.5 0-6.7-.1-4.5-.1-9 0-13.5-.2-2.2-.1-4.5-.1-6.7 0s-4.5.3-6.7.3c-4.5.1-9-.1-13.5-.1s-9 0-13.5.2c-.1 0-.2.1-.2.2s.1.3.2.3c4.5.1 9 .2 13.5.2s9-.1 13.5-.1c2.2 0 4.5.2 6.7.3 2.2.1 4.5 0 6.7 0 4.5-.1 9 0 13.5-.2 2.2-.1 4.5-.1 6.7-.1 1.1 0 2.2.1 3.4.2 1.1 0 2.2.1 3.4.1 4.5-.1 9-.1 13.5-.2 2.2 0 4.5 0 6.7.1s4.5.1 6.7 0c4.5 0 9-.1 13.5-.3.1 0 .2-.1.2-.2 0-.2-.1-.3-.2-.3zM239.9 20.3c-.8-.9-1.7-1.7-2.5-2.6-.8-.9-1.7-1.7-2.8-2.2h-.3c-.2.1-.2.3-.1.5.6 1.1 1.4 1.9 2.4 2.6.8.6 1.5 1.3 2.3 2-.2.2-.5.4-.8.6-.4.3-.9.6-1.3.9-.9.5-1.8 1.2-2.5 2-.1.1-.1.2-.1.4.1.2.3.2.5.2 1-.5 1.9-1 2.6-1.8.4-.4.8-.7 1.2-1 .4-.3.9-.6 1.4-.8l.1-.1c0-.3.1-.6-.1-.7z\"><\/path><path d=\"M235.7 20.2c0-.1-.1-.3-.2-.3-4.5-.1-9-.2-13.5-.2s-9 .1-13.5.1c-2.2 0-4.5-.2-6.7-.3-2.2-.1-4.5 0-6.7 0-4.5.1-9 0-13.5.2-2.2.1-4.5.1-6.7.1-1.1 0-2.2-.1-3.4-.2-1.1 0-2.2-.1-3.4-.1-4.5.1-9 .1-13.5.2-2.2 0-4.5 0-6.7-.1s-4.5-.1-6.7 0c-4.5 0-9 .1-13.5.3-.1 0-.2.1-.2.2s.1.3.2.3c4.5.2 9 .3 13.5.3 2.2 0 4.5.1 6.7 0s4.5-.2 6.7-.1c4.5 0 9 .1 13.5.2 1.1 0 2.2 0 3.4-.1 1.1-.1 2.2-.1 3.4-.2 2.2 0 4.5 0 6.7.1 4.5.1 9 0 13.5.2 2.2.1 4.5.1 6.7 0s4.5-.3 6.7-.3c4.5-.1 9 .1 13.5.1s9 0 13.5-.2c.1 0 .2-.1.2-.2zM118.3 16.1c-.4.6-.8 1.2-1.1 1.8-.4.6-.4 1.3-.8 1.9l-.9 1.8c-.3.6-.5 1.3-.7 2 0 .2 0 .4.2.5.2.2.5.1.7-.1.4-.6.7-1.2 1-1.8.3-.6.5-1.3.8-1.9.2-.6.7-1.2.9-1.9.2-.6.5-1.3.6-2 0-.2 0-.3-.2-.4-.1-.1-.4-.1-.5.1zM124.4 16.1c-.4.6-.8 1.2-1.1 1.8-.4.6-.4 1.3-.8 1.9l-.9 1.8c-.3.6-.5 1.3-.7 2 0 .2 0 .4.2.5.2.2.5.1.7-.1.4-.6.7-1.2 1-1.8.3-.6.5-1.3.8-1.9.2-.6.7-1.2.9-1.9.2-.6.5-1.3.6-2 0-.2 0-.3-.2-.4-.1-.1-.3-.1-.5.1z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<\/br>\n<\/br>\n\n\n\n<h2><strong>\uc6f9 \uc0ac\uc774\ud2b8<\/strong><strong>&nbsp;\uc774\ubbf8\uc9c0\ub294 \ud30c\uc77c \uc0ac\uc774\uc988\uc5d0 \ub530\ub77c \uc774\ud0c8\ub960\uc5d0 \ud070 \uc601\ud5a5\uc744 \ubbf8\uce69\ub2c8\ub2e4.<\/strong><\/h2>\n\n\n\n<\/br>\n\n\n\n<p>\uc6f9 \uc0ac\uc774\ud2b8\uc5d0 \uc801\uc808\ud788 \uc0bd\uc785\ub41c \uc774\ubbf8\uc9c0\ub294 \ub2e8\uc21c\ud788 \ud14d\uc2a4\ud2b8\ub9cc\uc73c\ub85c \uc18c\uad6c \ud558\uc600\uc744 \ub54c\ubcf4\ub2e4 \ud6a8\uacfc\ub97c \ubc30\ub85c \uc99d\uac00\uc2dc\ud0a4\uace0 \uc0ac\ub78c\ub4e4\uc758 \uc8fc\uc758\ub97c \ud658\uae30\uc2dc\ud0b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \uc774\ubbf8\uc9c0\uac00&nbsp;\ubcf5\uc7a1\ud560\uc218\ub85d, \uc0ac\uc6a9\ub41c \uc0c9\uc0c1 \uc218\uac00 \ub9ce\uc744\uc218\ub85d, \uc0ac\uc774\uc988\uac00 \ud074\uc218\ub85d \ud30c\uc77c \uc0ac\uc774\uc988 \ub610\ud55c \ud568\uaed8 \ucee4\uc838\ubc84\ub9ac\uae30 \ub54c\ubb38\uc5d0 \uc774\ub294 &#8216;\ubb34\uac70\uc6b4 \uc6f9 \uc0ac\uc774\ud2b8&#8217;\ub97c \ub9cc\ub4e4\uc5b4\ubc84\ub9ac\uace0 \uc774\ud0c8\ub960\uc758 \uc6d0\uc778\uc774 \ub429\ub2c8\ub2e4.&nbsp;<br><br>\uc2e4\uc81c\ub85c <a href=\"https:\/\/www.thinkwithgoogle.com\/marketing-resources\/experience-design\/mobile-page-speed-load-time\/\">think with google<\/a>\uc5d0 \ub530\ub974\uba74 \ud398\uc774\uc9c0\uc758 \uc694\uc18c\uac00 \ub9ce\uc744\uc218\ub85d, \uc774\ubbf8\uc9c0\uc758 \uac1c\uc218\uac00 \ub9ce\uc744\uc218\ub85d, \ub290\ub9b4\uc218\ub85d \ud398\uc774\uc9c0 \uc774\ud0c8\ub960\uc774 \uc99d\uac00\ud55c\ub2e4\uace0 \ud569\ub2c8\ub2e4. <br><br>\uc774 \ub54c\ubb38\uc5d0 UX \ub514\uc790\uc774\ub108\ub4e4\uc740 \uc5b4\ub5bb\uac8c \ud558\uba74 \ucd5c\uc801\uc758 \ud30c\uc77c \uc0ac\uc774\uc988\ub97c \uc9c0\ub2c8\ub294 \uc774\ubbf8\uc9c0\ub97c \ub9cc\ub4e4 \uc218 \uc788\uc744\uc9c0\ub97c \uace0\ubbfc\ud560 \uc218 \uc788\uc5b4\uc57c \ud569\ub2c8\ub2e4. \uc6f9 \uc0ac\uc774\ud2b8\uc5d0 \uc0ac\uc6a9\ub418\ub294 \uae30\ubcf8\uc801\uc778 \uc774\ubbf8\uc9c0\ub294 PNG, JPEG\uac00 \uae30\ubcf8\uc785\ub2c8\ub2e4. PNG, JPEG\ub294 \uc774\ubbf8\uc9c0 \ud30c\uc77c \ud3ec\ub9f7\uc744 \ub9d0\ud558\uba70 \uc774\ubbf8\uc9c0\ub97c \ud30c\uc77c\ub85c \uc800\uc7a5\ud558\uba74 \uc774\ud6c4\uc5d0\ub3c4 \uc7ac\ud604\ud574\uc8fc\ub294 \uad6c\uc870\ub97c \uc9c0\ub2d9\ub2c8\ub2e4. \uc774 \ub458 \uc678\uc5d0\ub3c4 GIF, TIFF, BMP \ub4f1\uc774 \uc788\uace0, .gif, .bmp\ucc98\ub7fc \ud30c\uc77c\uba85 \ub4a4\uc5d0 \ud655\uc7a5\uc790\ub97c \uac00\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/br>\n<\/br>\n\n\n\n<h2><strong>PNG\uc640 JPEG\ub97c \uad6c\ubd84\ud558\ub294 \uae30\uc900\uc740 \uc790\uc5f0 \uc774\ubbf8\uc9c0\uc778\uac00, \uc81c\uc791\ub41c \uc774\ubbf8\uc9c0\uc778\uac00\uc5d0 \ub530\ub77c \ub098\ub269\ub2c8\ub2e4.<\/strong><\/h2>\n\n\n\n<\/br>\n\n\n\n<div class=\"wp-block-qubely-advancedlist qubely-block-b4eaeb\"><div class=\"qubely-block-advanced-list  qubely-alignment-left\"><ul class=\"qubely-list qubely-list-type-unordered qubely-list-bullet-check-circle-outline\"><li>\uc0ac\uc9c4, \uc778\ubb3c, \uacbd\uce58, \uc74c\uc2dd, \uc2dd\ubb3c\uacfc \uac19\uc740 \uc790\uc5f0\u00a0\uc774\ubbf8\uc9c0 \ubc0f \uadf8\ub77c\ub370\uc774\uc158\uc774 \ub2e4\uc218 \uc0ac\uc6a9\ub41c \uc774\ubbf8\uc9c0\ub294 JPEG<\/li><li>\uc2a4\ud06c\ub9b0 \uc20f, \ub2e8\uc21c\ud55c \uadf8\ub9bc, \uc544\uc774\ucf58\ucc98\ub7fc \uc81c\uc791\ub41c \uc774\ubbf8\uc9c0\ub294 8bit\u00a0PNG\u00a0<\/li><li>\uc790\uc5f0 \uc774\ubbf8\uc9c0\uc640 \uc81c\uc791\ub41c \uc774\ubbf8\uc9c0\uac00 \uc11e\uc5ec\u00a0\uc788\ub2e4\uba74 \uc9c1\uc811 \ud14c\uc2a4\ud2b8<\/li><\/ul><\/div><\/div>\n\n\n\n<\/br>\n\n\n\n<h4><strong>\u3131. \uc790\uc5f0 \uc774\ubbf8\uc9c0 = JPEG<\/strong><\/h4>\n\n\n\n<p>\uc790\uc5f0 \uc774\ubbf8\uc9c0\ub294 \uc0ac\ub78c\uc758 \ud53c\ubd80\uc0c9, \uc2dd\ubb3c, \ud558\ub298, \ud48d\uacbd\ucc98\ub7fc \ube5b\uc758 \ubcc0\ud654\uc5d0 \ub530\ub77c \ub2e4\uc591\ud558\uac8c \uc0c9\uc774 \ubc14\ub014 \uc218 \uc788\ub294 \uac83\ub4e4\uc744 \uc0c1\uc0c1\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc218\uc2ed\uc218\ubc31\uc218\ucc9c \uac00\uc9c0\uc758 \uc0c9\uc774 \uc5f0\uc18d\uc801\uc73c\ub85c \ubcc0\ud654\ud558\ub294 \uc774\ubbf8\uc9c0\ub4e4\uc744 \uc608\ub85c \ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uacbd\uc6b0 JPEG\ub85c \uc800\uc7a5\ud569\uc2dc\ub2e4. JPEG\ub294 1,600\ub9cc \uc0c9\uc0c1\uae4c\uc9c0 \uc7ac\ud604\uc774 \uac00\ub2a5\ud558\uae30 \ub54c\ubb38\uc5d0 \uc774\ub7ec\ud55c \uc790\uc5f0 \uc774\ubbf8\uc9c0\uc5d0 \uc801\ud569\ud569\ub2c8\ub2e4.&nbsp;<\/p>\n\n\n\n<\/br>\n\n\n\n<h4><strong>\u3134. \uc81c\uc791\ub41c \uc774\ubbf8\uc9c0 = PNG&nbsp;<\/strong><\/h4>\n\n\n\n<p>\uc81c\uc791\ub41c \uc774\ubbf8\uc9c0\ub294 \ub2e8\uc21c\ud55c \uc0c9\uc0c1\uc73c\ub85c \uad6c\uc131\ub418\uc5b4 \uc788\uc73c\uba70 \uc6b0\ub9ac\uac00 \ud754\ud788 \uc811\ud558\ub294 GUI\ub098 \uc2a4\ud06c\ub9b0 \uc20f \ub4f1\uc744 \ub5a0\uc62c\ub9b4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc801\uc740 \uc218\uc758 \uc0c9\uc0c1\uc744 \ubcf4\uc720\ud558\uace0 \uc788\uc73c\uba70 \ub2f4\uaca8 \uc788\ub294 \uc815\ubcf4 \uad6c\uc131 \ub610\ud55c \uac04\uacb0\ud569\ub2c8\ub2e4. \uc774 \uacbd\uc6b0\uc5d0\ub294 PNG\uac00 \uc801\uc808\ud569\ub2c8\ub2e4. \ub610\ud55c \ube68\uac04\uc0c9\uc774 \uc911\uc694\ud55c \uc5ed\ud560\uc744 \ud558\ub294 \uc774\ubbf8\uc9c0\ub77c\uba74 PNG\ub97c \uad8c\uc7a5\ud569\ub2c8\ub2e4. \ubcf4\ud1b5 \ube68\uac04\uc0c9\uc774 JPEG\ub85c \uc800\uc7a5\ub418\uba74 \uc6d0\ub798\uc758 \uccad\uba85\ud55c \ube68\uac04\uc0c9\ubcf4\ub2e4\ub294 \uc790\uc0c9\uc5d0 \uac00\uae5d\uac8c \ud45c\ud604\ub418\ub294 \uacbd\uc6b0\uac00 \ub9ce\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4. \ub610\ud55c, \uadf8\ub77c\ub370\uc774\uc158 \uc774\ubbf8\uc9c0 \uac19\uc740 \uacbd\uc6b0\uc5d0\ub294 \ub514\uc790\uc774\ub108\uc758 \uc190\uc5d0 \uc758\ud574 \uc81c\uc791\ub41c \uc774\ubbf8\uc9c0\uc774\uc9c0\ub9cc, \uc5f0\uc18d\uc801\uc73c\ub85c \ubcc0\ud654\ud558\ub294 \uc0c9\uc0c1\uc744 \ubcf4\uc720\ud558\uace0 \uc788\uc5b4 PNG\ubcf4\ub2e4\ub294 JPEG\ub97c \uad8c\uc7a5\ud569\ub2c8\ub2e4.&nbsp;<\/p>\n\n\n\n<\/br>\n\n\n\n<h4><strong>\u3137. \uc790\uc5f0 \uc774\ubbf8\uc9c0\uc640 \uc81c\uc791\ub41c \uc774\ubbf8\uc9c0\uac00 \uc11e\uc5ec \uc788\ub294 \uacbd\uc6b0 = \uc9c1\uc811 \ud14c\uc2a4\ud2b8<\/strong><\/h4>\n\n\n\n<\/br>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"774\" height=\"356\" src=\"https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2020\/04\/\u1103\u1161\u110b\u116e\u11ab\u1105\u1169\u1103\u1173-2020-04-21T183604.412.png\" alt=\"\uc774\ubbf8\uc9c0 : GS SHOP (www.gsshop.com)\" class=\"wp-image-2526\"\/><figcaption>\uc774\ubbf8\uc9c0 : GS SHOP (www.gsshop.com)<\/figcaption><\/figure><\/div>\n\n\n\n<\/br>\n\n\n\n<p>\ucee4\uba38\uc2a4 \uc11c\ube44\uc2a4\uc758 \ubc30\ub108 \uad11\uace0\ub97c \ub5a0\uc62c\ub824\ubcf4\uc138\uc694. \uc790\uc5f0 \uc774\ubbf8\uc9c0\uc640 \uc81c\uc791\ub41c \uc774\ubbf8\uc9c0\uac00 \ub4a4\uc11e\uc5ec \uc788\uc744 \uac83\uc785\ub2c8\ub2e4. \uc774 \uacbd\uc6b0\uc5d0\ub294 \uc5b4\ub5bb\uac8c \ud574\uc57c \ud560\uae4c\uc694? \uc778\ubb3c \ub610\ub294 \ud48d\uacbd \ube44\uc911\uc774 \ub354 \ud06c\ub2c8\uae4c JPEG\ub97c \uc0ac\uc6a9\ud560 \uac70\uc57c\ub77c\uace0 \ub2e8\uc21c\ud558\uac8c \uc0dd\uac01\ud560 \uc218 \uc788\uc9c0\ub9cc \uc774 \uacbd\uc6b0\uc5d0\ub294 \ub450 \uac00\uc9c0 \uc774\ubbf8\uc9c0 \ud3ec\ub9f7\uc73c\ub85c \ubaa8\ub450 \uc800\uc7a5\ud574\ubcf8 \ub4a4 \uc2e4\uc81c \uc800\uc7a5\ub41c \uc774\ubbf8\uc9c0\ub97c \uac00\uc9c0\uace0 \ucc28\uc774\ub97c \ube44\uad50\ud558\uc5ec \uc120\ud0dd\ud560 \uac83\uc744 \ucd94\ucc9c\ub4dc\ub9bd\ub2c8\ub2e4.&nbsp;<br><br>\uac1c\ubc1c\uc790 \ub3c4\uad6c\ub97c \ud1b5\ud574 \uc0b4\ud3b4\ubcf4\ub2c8 GS SHOP\uc5d0\uc11c\ub294 \uc704 \uc774\ubbf8\uc9c0\uac00 \uc0bd\uc785\ub41c \uce90\ub7ec\uc140 UI \ub0b4 \uc774\ubbf8\uc9c0\ub4e4\uc744 \ubaa8\ub450 JPEG\ub85c \uc800\uc7a5\ud558\uace0 \uc788\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/br>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"1280\" height=\"639\" src=\"https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2020\/04\/\u1103\u1161\u110b\u116e\u11ab\u1105\u1169\u1103\u1173-2020-04-21T183646.987.png\" alt=\"\" class=\"wp-image-2527\"\/><\/figure><\/div>\n\n\n\n<\/br>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"1280\" height=\"485\" src=\"https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2020\/04\/\u1103\u1161\u110b\u116e\u11ab\u1105\u1169\u1103\u1173-2020-04-21T183707.714.png\" alt=\"\" class=\"wp-image-2529\"\/><\/figure><\/div>\n\n\n\n<\/br>\n\n\n\n<p>\ubc18\uba74 \uc0c9\uc0c1\uc218\uac00 \uc801\uac8c \uc0ac\uc6a9\ub41c \ub85c\uace0\ub294 PNG \uc778 \uac83\uc744 \ubcf4\uba74 \uc774\ud574\uac00 \uac00\uc2e4 \uac83\uc785\ub2c8\ub2e4.&nbsp;<br><br>*JPEG\uc640 PNG \uc678\uc5d0\ub3c4 SVG\ub77c\ub294 \ud30c\uc77c \ud3ec\ub9f7\uc774 \uc874\uc7ac\ud569\ub2c8\ub2e4. \uc5d0\uc2a4\ube0c\uc774\uc9c0\ub77c\uace0 \ubd80\ub974\uba70 \ubc31\ud130 \ubc29\uc2dd\uc73c\ub85c \uc800\uc7a5\ud569\ub2c8\ub2e4. \ub85c\uace0, \uc544\uc774\ucf58, \uadf8\ub798\ud504\uc758 \uacbd\uc6b0\uc5d0 \ucd94\ucc9c\ud558\ub294 \ubc29\uc2dd\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/br>\n<\/br>\n\n\n\n<h2><strong>PNG \ubc0f JPEG \uc774\ubbf8\uc9c0 \ud30c\uc77c \uc62c\ubc14\ub974\uac8c \uc800\uc7a5\ud558\uae30&nbsp;<\/strong><\/h2>\n\n\n\n<\/br>\n\n\n\n<div class=\"wp-block-qubely-advancedlist qubely-block-101152\"><div class=\"qubely-block-advanced-list  qubely-alignment-left\"><ul class=\"qubely-list qubely-list-type-unordered qubely-list-bullet-check-circle-outline\"><li>PNG &#8211; Bit \uc218\ub85c \uc800\uc7a5\ud558\uae30 (8, 16, 24)\u00a0<\/li><li>JPEG &#8211; Image Quality\ub85c \ud488\uc9c8 \uc218\uce58 \uc9c0\uc815\ud558\uc5ec \uc800\uc7a5\ud558\uae30 (\ubcf4\ud1b5 0~100\uae4c\uc9c0 \uc9c0\uc815)\u00a0<\/li><\/ul><\/div><\/div>\n\n\n\n<\/br>\n\n\n\n<p>\uba3c\uc800 PNG\ub294 Bit\uc218\ub85c \uc800\uc7a5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ubcf4\ud1b5 \uc6f9 \uc0ac\uc774\ud2b8\uc5d0\uc11c\ub294 8Bit\ub85c \ub9ce\uc774 \uc800\uc7a5\uc744 \ud558\ub294\ub370 8Bit\uc5d0\uc11c\ub294 \ucd5c\ub300 256\uac00\uc9c0\uc758 \uc0c9\uc0c1 \uc218\ub97c \ud45c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. Bit \uc218\ub97c \uc120\ud0dd\ud560 \ub54c\ub294 \uba87 \uac00\uc9c0 \ud328\ud134\uc758 \uc0c9\uc0c1\uc218\ub97c \uc0ac\uc6a9\ud558\ub294\uc9c0\ub97c \ud310\ub2e8\ud558\uc5ec \uc120\ud0dd\ud574\ubd05\uc2dc\ub2e4.&nbsp;<br><br>JPEG\ub294 \uc774\ubbf8\uc9c0 \ud488\uc9c8 \uc218\uce58\ub97c \uc124\uc815\ud574\uc57c \ud569\ub2c8\ub2e4. \uc218\uce58\uac00 \ub192\uc744\uc218\ub85d \uc774\ubbf8\uc9c0\uc758 \ud004\ub9ac\ud2f0\uac00 \ub192\uc544\uc9c0\uc9c0\ub9cc \ubc18\uba74 \uc0ac\uc774\uc988 \ub610\ud55c \ud568\uaed8 \ucee4\uc838\ubc84\ub9bd\ub2c8\ub2e4. 0~100\uae4c\uc9c0\uc758 \ud488\uc9c8 \uc218\uce58\ub97c \uc9c0\uc815\ud560 \uc218 \uc788\ub2e4\uace0 \ud55c\ub2e4\uba74 \ubcf4\ud1b5&nbsp;75~90 \uc815\ub3c4\ub97c \uae30\uc900\uc73c\ub85c, \ud30c\uc77c \uc0ac\uc774\uc988 \ubc0f \uc2e4\uc81c \uc7ac\ud604\ub41c \uc774\ubbf8\uc9c0\ub97c \ud655\uc778\ud558\uba70 \uc800\uc7a5\ud558\ub294 \uacbd\uc6b0\uac00 \ub9ce\uc2b5\ub2c8\ub2e4. \ubd88\uac00\uc5ed\uc131\uc758 \ubc95\uce59\uc5d0 \ub530\ub77c \ud55c\ubc88 \uc800\ud558\ub41c \ud488\uc9c8\uc758 \uc774\ubbf8\uc9c0\ub97c \ub2e4\uc2dc \uc6d0\ub798 \ub300\ub85c \ub418\ub3cc\ub9b4 \uc218\ub294 \uc5c6\uae30 \ub54c\ubb38\uc5d0 \uc774 \uc810\uc744 \uc720\uc758\ud558\uba70 \uc800\uc7a5\ud574\uc8fc\uc138\uc694.&nbsp;<\/p>\n\n\n\n<\/br>\n<\/br>\n\n\n\n<h2><strong>\uc774\ubbf8\uc9c0 \uba54\ud0c0 \ub370\uc774\ud130 \uc0ad\uc81c\ud558\uae30&nbsp;<\/strong><\/h2>\n\n\n\n<\/br>\n\n\n\n<p>\uc774\ubbf8\uc9c0\uc5d0\ub294 \uc774\ubbf8\uc9c0 \ud30c\uc77c\uc5d0 \ub300\ud55c \uc815\ubcf4\ub97c \ub2f4\ub294 \uba54\ud0c0 \ub370\uc774\ud130\ub77c\ub294 \uac83\uc774 \uc874\uc7ac\ud569\ub2c8\ub2e4. \ub514\uc9c0\ud138\uce74\uba54\ub77c \uc81c\uc870 \uc5c5\uccb4, \ucd2c\uc601 \uc77c\uc790, \ud50c\ub798\uc2dc \uc0ac\uc6a9 \uc720\ubb34, \uc0ac\uc6a9\ud55c \uc18c\ud504\ud2b8\uc6e8\uc5b4 \uc815\ubcf4 \ub4f1\uc744 \ud3ec\ud568\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub7ec\ud55c \uc815\ubcf4\ub97c \ub9c8\uc9c0\ub9c9\uc73c\ub85c \uc0ad\uc81c\ud558\uba74 \uc77c\ubd80\uc774\uae30\ub294 \ud558\uc9c0\ub9cc \ud30c\uc77c \uc0ac\uc774\uc988\uac00 \uc904\uc5b4\ub4e4\uac8c \ub429\ub2c8\ub2e4. \uc708\ub3c4\uc6b0\ub77c\uba74 &#8216;\uc774\ubbf8\uc9c0 \uc18d\uc131 &gt; \uc790\uc138\ud788 &gt; \uc18d\uc131 \ubc0f \uac1c\uc778 \uc815\ubcf4 \uc81c\uac70&#8217; \uc601\uc5ed\uc5d0\uc11c \uc0ad\uc81c\ud558\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub9e5\uc774\ub77c\uba74 exif\ub97c \uc0ad\uc81c\ud574\uc8fc\ub294 \ubcc4\ub3c4\uc758 \ud504\ub85c\uadf8\ub7a8\uc744 \uc124\uce58\ud558\uba74 \uac04\ud3b8\ud788 \uc0ad\uc81c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/br>\n<\/br>\n\n\n\n<h2><strong>\ubdf0\uc800\ube14\ub85c&nbsp;\uc774\ubbf8\uc9c0 \uac1c\uc120 \uc804\ud6c4\uc758 \uc0ac\uc6a9\uc790 \ud589\ub3d9\uc758 \ubcc0\ud654 \ud655\uc778\ud558\uae30<\/strong><\/h2>\n\n\n\n<\/br>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"1280\" height=\"898\" src=\"https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2020\/04\/\u1103\u1161\u110b\u116e\u11ab\u1105\u1169\u1103\u1173-2020-04-21T183914.011.png\" alt=\"\" class=\"wp-image-2530\"\/><\/figure><\/div>\n\n\n\n<\/br>\n\n\n\n<p>\uc0bd\uc785\ub41c \uc774\ubbf8\uc9c0\ub97c \uc801\uc808\ud55c \ud3ec\ub9f7\uc73c\ub85c \ubcc0\uacbd\ud558\uc600\ub098\uc694? \uadf8\ub807\ub2e4\uba74 \uc6f9 \ub85c\ub4dc \uc18d\ub3c4\uac00 \uc5b4\ub5bb\uac8c \ub2ec\ub77c\uc84c\ub294\uc9c0\ub97c \uba3c\uc800 \ud310\ubcc4\ud574\ubd05\uc2dc\ub2e4. \ubaa8\ubc14\uc77c \uc0ac\uc774\ud2b8\ub77c\uba74 <a href=\"https:\/\/www.thinkwithgoogle.com\/intl\/ko-kr\/feature\/testmysite\/\">\uad6c\uae00\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \uc131\ub2a5 \ud14c\uc2a4\ud2b8<\/a>\ub97c \uc774\uc6a9\ud574 \ubcf4\uc138\uc694.<br><br>\uc18d\ub3c4\uac00 \ub2ec\ub77c\uc84c\ub098\uc694? \uadf8\ub807\ub2e4\uba74 \uc774\uc81c\ub294 \ubdf0\uc800\ube14\uc744 \ud65c\uc6a9\ud558\uc5ec \uc131\uacfc\ub97c \uc0b4\ud3b4\ubcfc \ucc28\ub840\uc785\ub2c8\ub2e4. \ud398\uc774\uc9c0 \ub85c\ub4dc \ud0c0\uc784\uc774 \uc904\uc5b4\ub4e0 \uc6f9 \uc0ac\uc774\ud2b8\uc758 \uc2a4\ud06c\ub864 \ub3c4\ub2ec\ub960\uc774 \uae30\uac04 \ubcc4\ub85c \uc5b4\ub5bb\uac8c \ub2ec\ub77c\uc84c\uc73c\uba70, \uad6c\uac04 \ubcc4 \uccb4\ub958\uc2dc\uac04\uc740 \uc5b4\ub5bb\uac8c \ubc14\ub00c\uc5c8\uc744\uae4c\uc694? \uc774\uc640 \ud568\uaed8 \ucf58\ud150\uce20 \uc804\ud658 \uc131\uacfc\ub294 \uc5b4\ub5bb\uac8c \ub2ec\ub77c\uc84c\ub294\uc9c0\ub97c \ubdf0\uc800\ube14\ub85c \ud30c\uc545\ud574\ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/br>\n\n\n\n<p style=\"background-color:#f4f4f4\" class=\"has-background\"><strong>\ucc38\uace0\ud558\uba74 \uc88b\uc740 \uae00<\/strong><br><a href=\"http:\/\/www.itworld.co.kr\/news\/98431\">http:\/\/www.itworld.co.kr\/news\/98431<\/a><\/p>\n\n\n\n<\/br>\n<\/br>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.beusable.net\/\"><img loading=\"lazy\" width=\"2250\" height=\"450\" src=\"https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2020\/04\/group@3x.jpg\" alt=\"\" class=\"wp-image-2122\"\/><\/a><\/figure><\/div>\n<style>.pf-button.pf-button-excerpt { display: none; }<\/style>","protected":false},"excerpt":{"rendered":"<p>\uc801\uc808\ud55c \uc774\ubbf8\uc9c0 \uc120\ud0dd\uc740 \uc6f9 \uc0ac\uc774\ud2b8 \uc774\ud0c8\ub960 \uc608\ubc29\uc758 \uc9c0\ub984\uae38!<\/p>\n","protected":false},"author":1,"featured_media":2531,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"qubely_global_settings":"true","qubely_interactions":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"off","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":""},"categories":[42,14],"tags":[166,71,154],"qubely_featured_image_url":{"full":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2020\/04\/\u1103\u1161\u110b\u116e\u11ab\u1105\u1169\u1103\u1173-2020-04-21T184631.498.png",1280,959,false],"landscape":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2020\/04\/\u1103\u1161\u110b\u116e\u11ab\u1105\u1169\u1103\u1173-2020-04-21T184631.498.png",1001,750,false],"portraits":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2020\/04\/\u1103\u1161\u110b\u116e\u11ab\u1105\u1169\u1103\u1173-2020-04-21T184631.498.png",427,320,false],"thumbnail":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2020\/04\/\u1103\u1161\u110b\u116e\u11ab\u1105\u1169\u1103\u1173-2020-04-21T184631.498.png",150,112,false],"medium":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2020\/04\/\u1103\u1161\u110b\u116e\u11ab\u1105\u1169\u1103\u1173-2020-04-21T184631.498.png",300,225,false],"medium_large":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2020\/04\/\u1103\u1161\u110b\u116e\u11ab\u1105\u1169\u1103\u1173-2020-04-21T184631.498.png",768,575,false],"large":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2020\/04\/\u1103\u1161\u110b\u116e\u11ab\u1105\u1169\u1103\u1173-2020-04-21T184631.498.png",1024,767,false],"1536x1536":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2020\/04\/\u1103\u1161\u110b\u116e\u11ab\u1105\u1169\u1103\u1173-2020-04-21T184631.498.png",1280,959,false],"2048x2048":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2020\/04\/\u1103\u1161\u110b\u116e\u11ab\u1105\u1169\u1103\u1173-2020-04-21T184631.498.png",1280,959,false],"qubely_landscape":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2020\/04\/\u1103\u1161\u110b\u116e\u11ab\u1105\u1169\u1103\u1173-2020-04-21T184631.498.png",1001,750,false],"qubely_portrait":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2020\/04\/\u1103\u1161\u110b\u116e\u11ab\u1105\u1169\u1103\u1173-2020-04-21T184631.498.png",427,320,false],"qubely_thumbnail":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2020\/04\/\u1103\u1161\u110b\u116e\u11ab\u1105\u1169\u1103\u1173-2020-04-21T184631.498.png",133,100,false],"neve-blog":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2020\/04\/\u1103\u1161\u110b\u116e\u11ab\u1105\u1169\u1103\u1173-2020-04-21T184631.498.png",828,620,false]},"qubely_author":{"display_name":"Beusable","author_link":"https:\/\/www.beusable.net\/blog\/?author=1"},"qubely_comment":0,"qubely_category":"<a href=\"https:\/\/www.beusable.net\/blog\/?cat=42\" rel=\"category\">Article<\/a> <a href=\"https:\/\/www.beusable.net\/blog\/?cat=14\" rel=\"category\">UX \ube45\ub370\uc774\ud130 \ubd84\uc11d \uac1c\ub150<\/a>","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UX \ub514\uc790\uc774\ub108\uac00 \uc54c\uc544\ub450\uc5b4\uc57c \ud560 PNG\uc640 JPEG\uc758 \ucc28\uc774 | \ubdf0\uc800\ube14<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.beusable.net\/blog\/?p=2525\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX \ub514\uc790\uc774\ub108\uac00 \uc54c\uc544\ub450\uc5b4\uc57c \ud560 PNG\uc640 JPEG\uc758 \ucc28\uc774 | \ubdf0\uc800\ube14\" \/>\n<meta property=\"og:description\" content=\"\uc801\uc808\ud55c \uc774\ubbf8\uc9c0 \uc120\ud0dd\uc740 \uc6f9 \uc0ac\uc774\ud2b8 \uc774\ud0c8\ub960 \uc608\ubc29\uc758 \uc9c0\ub984\uae38!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.beusable.net\/blog\/?p=2525\" \/>\n<meta property=\"og:site_name\" content=\"\ubdf0\uc800\ube14\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/beusable\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-02T09:26:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-23T09:38:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2020\/04\/\u1103\u1161\u110b\u116e\u11ab\u1105\u1169\u1103\u1173-2020-04-21T184631.498.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"959\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.beusable.net\/blog\/#website\",\"url\":\"https:\/\/www.beusable.net\/blog\/\",\"name\":\"\\ubdf0\\uc800\\ube14\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.beusable.net\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"ko-KR\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.beusable.net\/blog\/?p=2525#primaryimage\",\"inLanguage\":\"ko-KR\",\"url\":\"https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2020\/04\/\\u1103\\u1161\\u110b\\u116e\\u11ab\\u1105\\u1169\\u1103\\u1173-2020-04-21T184631.498.png\",\"width\":1280,\"height\":959},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.beusable.net\/blog\/?p=2525#webpage\",\"url\":\"https:\/\/www.beusable.net\/blog\/?p=2525\",\"name\":\"UX \\ub514\\uc790\\uc774\\ub108\\uac00 \\uc54c\\uc544\\ub450\\uc5b4\\uc57c \\ud560 PNG\\uc640 JPEG\\uc758 \\ucc28\\uc774 | \\ubdf0\\uc800\\ube14\",\"isPartOf\":{\"@id\":\"https:\/\/www.beusable.net\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.beusable.net\/blog\/?p=2525#primaryimage\"},\"datePublished\":\"2018-05-02T09:26:00+00:00\",\"dateModified\":\"2020-04-23T09:38:33+00:00\",\"author\":{\"@id\":\"https:\/\/www.beusable.net\/blog\/#\/schema\/person\/b154f98635c1daaf14010dab23ac867f\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.beusable.net\/blog\/?p=2525\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.beusable.net\/blog\/#\/schema\/person\/b154f98635c1daaf14010dab23ac867f\",\"name\":\"Beusable\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.beusable.net\/blog\/#personlogo\",\"inLanguage\":\"ko-KR\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5a73753063b37ac2762850f784a50870?s=96&d=mm&r=g\",\"caption\":\"Beusable\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2525"}],"collection":[{"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2525"}],"version-history":[{"count":2,"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2525\/revisions"}],"predecessor-version":[{"id":2716,"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2525\/revisions\/2716"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=\/wp\/v2\/media\/2531"}],"wp:attachment":[{"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2525"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2525"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}