{"id":29,"date":"2025-11-19T22:44:00","date_gmt":"2025-11-19T22:44:00","guid":{"rendered":"https:\/\/mideis.com\/?p=29"},"modified":"2025-11-16T10:06:14","modified_gmt":"2025-11-16T10:06:14","slug":"%ec%9d%b5%ec%8a%a4%ed%8f%ac%ed%8a%b8-%ed%8e%98%eb%a5%b4%ec%86%8c%eb%82%98-webp-svg-png-100%ea%b0%9c-%ed%8c%8c%ec%9d%bc-%eb%8f%99%ec%8b%9c-%ec%b6%94%ec%b6%9c-%ec%9e%90%eb%8f%99%ed%99%94-%eb%b0%a9","status":"publish","type":"post","link":"https:\/\/mideis.com\/?p=29","title":{"rendered":"\uc775\uc2a4\ud3ec\ud2b8 \ud398\ub974\uc18c\ub098, WebP SVG PNG 100\uac1c \ud30c\uc77c \ub3d9\uc2dc \ucd94\ucd9c \uc790\ub3d9\ud654 \ubc29\ubc95"},"content":{"rendered":"\n<p>\uc6f9 \ub514\uc790\uc778\uc774\ub098 UI \uc791\uc5c5\uc744 \ub9c8\uce5c \ub4a4, \uac1c\ubc1c\ud300\uc5d0 \uc544\uc774\ucf58\uc744 \uc804\ub2ec\ud560 \ub54c \uace8\uce58 \uc544\ud504\uc9c0 \uc54a\uc73c\uc2e0\uac00\uc694. \uc120\uba85\ud568\uc744 \uc704\ud55c SVG, \ud638\ud658\uc131\uc744 \uc704\ud55c PNG, \uadf8\ub9ac\uace0 \uc6f9 \uc18d\ub3c4\ub97c \uc704\ud55c WebP\uae4c\uc9c0, 3\uac00\uc9c0 \ud3ec\ub9f7\uc744 \uc77c\uc77c\uc774 \ub0b4\ubcf4\ub0b4\ub294 \uac74 \ub054\ucc0d\ud55c \ubc18\ubcf5 \uc791\uc5c5\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\ud558\uc9c0\ub9cc \uc5b4\ud53c\ub2c8\ud2f0 \ub514\uc790\uc774\ub108\uc758 \uc775\uc2a4\ud3ec\ud2b8 \ud398\ub974\uc18c\ub098\ub97c \ud65c\uc6a9\ud558\uba74, 100\uac1c\uc758 \uc544\uc774\ucf58\ub3c4 \ub2e8 \ud55c \ubc88\uc758 \ud074\ub9ad\uc73c\ub85c \uc774 3\uac00\uc9c0 \ud3ec\ub9f7, \ucd1d 300\uac1c\uc758 \ud30c\uc77c\ub85c \ub3d9\uc2dc \ucd94\ucd9c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uac15\ub825\ud55c \uc790\ub3d9\ud654 \ubc29\ubc95\uc744 \uc9c0\uae08 \ubc14\ub85c \uc2dc\uc791\ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\uc65c WebP, SVG, PNG 3\uac00\uc9c0 \ud3ec\ub9f7\uc774 \ub3d9\uc2dc\uc5d0 \ud544\uc694\ud55c\uac00\uc694?<\/strong><\/h2>\n\n\n\n<p>\ud604\ub300\uc758 \uc6f9 \ub514\uc790\uc778\uc740 &#8216;\uc18d\ub3c4&#8217;\uc640 &#8216;\uc120\uba85\ud568&#8217; \ub450 \ub9c8\ub9ac \ud1a0\ub07c\ub97c \ubaa8\ub450 \uc7a1\uc544\uc57c \ud569\ub2c8\ub2e4. \uac01 \ud30c\uc77c \ud3ec\ub9f7\uc740 \uc11c\ub85c \ub2e4\ub978 \ubaa9\uc801\uc744 \uac00\uc9c0\uace0 \uc788\uc73c\uba70, \uc774 \uc138 \uac00\uc9c0\ub97c \ubaa8\ub450 \uc81c\uacf5\ud558\ub294 \uac83\uc774 \ucd5c\uc2e0 \uc6f9 \ud45c\uc900\uc758 \ud575\uc2ec\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. PNG (Portable Network Graphics)<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\ubaa9\uc801:<\/strong> \ud638\ud658\uc131, \ud22c\uba85 \ubc30\uacbd<\/li>\n\n\n\n<li><strong>\ud2b9\uc9d5:<\/strong> \uac00\uc7a5 \ubcf4\ud3b8\uc801\uc73c\ub85c \uc0ac\uc6a9\ub418\ub294 \ubb34\uc190\uc2e4 \uc555\ucd95 \uc774\ubbf8\uc9c0 \ud3ec\ub9f7\uc785\ub2c8\ub2e4. \uc644\ubcbd\ud55c \ud22c\uba85 \ubc30\uacbd\uc744 \uc9c0\uc6d0\ud558\uc5ec, \uc5b4\ub5a4 \ube0c\ub77c\uc6b0\uc800\ub098 \uc571\uc5d0\uc11c\ub3c4 \ud638\ud658\uc131 \ubb38\uc81c \uc5c6\uc774 \uae54\ub054\ud558\uac8c \ubcf4\uc785\ub2c8\ub2e4.<\/li>\n\n\n\n<li><strong>\uc6a9\ub3c4:<\/strong> \uc6f9\uc0ac\uc774\ud2b8\uc758 \ub85c\uace0, \uc544\uc774\ucf58\uc758 \uae30\ubcf8\uc774\uc790, \uad6c\ud615 \ube0c\ub77c\uc6b0\uc800\ub97c \uc704\ud55c &#8216;\ub300\uccb4 \uc774\ubbf8\uc9c0(Fallback)&#8217;\ub85c \ubc18\ub4dc\uc2dc \ud544\uc694\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. SVG (Scalable Vector Graphics)<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\ubaa9\uc801:<\/strong> \ubb34\ud55c\ud55c \ud655\uc7a5\uc131, \uc120\uba85\ud568<\/li>\n\n\n\n<li><strong>\ud2b9\uc9d5:<\/strong> \uc774 \ud30c\uc77c\uc740 \uc774\ubbf8\uc9c0\uac00 \uc544\ub2c8\ub77c &#8216;\ucf54\ub4dc(XML)&#8217;\uc785\ub2c8\ub2e4. \uc810\uacfc \uc120\uc758 \uc88c\ud45c\ub85c \uadf8\ub9bc\uc744 \uae30\uc5b5\ud558\ub294 \ubca1\ud130 \ubc29\uc2dd\uc774\ub77c, \uc544\ubb34\ub9ac \ud655\ub300\ud574\ub3c4 \ud53d\uc140\uc774 \uae68\uc9c0\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ud30c\uc77c \uc6a9\ub7c9 \ub610\ud55c \ub9e4\uc6b0 \uac00\ubccd\uc2b5\ub2c8\ub2e4.<\/li>\n\n\n\n<li><strong>\uc6a9\ub3c4:<\/strong> \ub85c\uace0, \uc544\uc774\ucf58, \ub2e8\uc21c\ud55c \uc77c\ub7ec\uc2a4\ud2b8 \ub4f1 \ud574\uc0c1\ub3c4\uc5d0 \uad00\uacc4\uc5c6\uc774 \ud56d\uc0c1 \uce7c\uac19\uc774 \uc120\uba85\ud574\uc57c \ud558\ub294 \uadf8\ub798\ud53d\uc5d0 \ud544\uc218\uc801\uc785\ub2c8\ub2e4.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. WebP (Web Picture format)<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\ubaa9\uc801:<\/strong> \uc6f9 \uc131\ub2a5(\uc18d\ub3c4), SEO<\/li>\n\n\n\n<li><strong>\ud2b9\uc9d5:<\/strong> \uad6c\uae00\uc774 \uac1c\ubc1c\ud55c \ucc28\uc138\ub300 \uc6f9 \uc774\ubbf8\uc9c0 \ud3ec\ub9f7\uc785\ub2c8\ub2e4. PNG\uc758 \ud22c\uba85 \ubc30\uacbd\uacfc JPG\uc758 \ub192\uc740 \uc555\ucd95\ub960\uc744 \ubaa8\ub450 \uc9c0\uc6d0\ud558\uba74\uc11c, \uc6a9\ub7c9\uc740 PNG\uc758 30~50% \uc218\uc900\uc73c\ub85c \ud68d\uae30\uc801\uc73c\ub85c \uc904\uc5ec\uc90d\ub2c8\ub2e4.<\/li>\n\n\n\n<li><strong>\uc6a9\ub3c4:<\/strong> \uc6f9\uc0ac\uc774\ud2b8\uc758 \ub85c\ub529 \uc18d\ub3c4\ub97c \uacb0\uc815\uc9d3\ub294 \ud575\uc2ec\uc785\ub2c8\ub2e4. \uad6c\uae00\uc740 \ud398\uc774\uc9c0 \ub85c\ub529 \uc18d\ub3c4\ub97c \uac80\uc0c9 \uc5d4\uc9c4 \ucd5c\uc801\ud654(SEO)\uc758 \uc911\uc694\ud55c \ud3c9\uac00\uc9c0\ud45c\ub85c \uc0bc\uae30 \ub54c\ubb38\uc5d0, WebP \uc0ac\uc6a9\uc740 \uc120\ud0dd\uc774 \uc544\ub2cc \ud544\uc218\uc785\ub2c8\ub2e4.<\/li>\n<\/ul>\n\n\n\n<p>\uacb0\uad6d \ub514\uc790\uc774\ub108\ub294 \uac1c\ubc1c\uc790\uc5d0\uac8c \u2460\uc18d\ub3c4\ub97c \uc704\ud55c WebP, \u2461\uc120\uba85\ud568\uc744 \uc704\ud55c SVG, \u2462\ud638\ud658\uc131\uc744 \uc704\ud55c PNG\ub97c \ubaa8\ub450 \uc804\ub2ec\ud574\uc57c \ud558\ub294 \uacfc\uc81c\ub97c \uc548\uac8c \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>100\uac1c \ud30c\uc77c \ub3d9\uc2dc \ucd94\ucd9c 5\ub2e8\uacc4 \uc0c1\uc138 \uc808\ucc28 (\uc77c\uad04 \uc801\uc6a9)<\/strong><\/h2>\n\n\n\n<p>\uc5b4\ud53c\ub2c8\ud2f0 \ub514\uc790\uc774\ub108\uc758 \uc775\uc2a4\ud3ec\ud2b8 \ud398\ub974\uc18c\ub098\ub294 \uc774 \ubaa8\ub4e0 \uac83\uc744 \ud55c \ubc88\uc5d0 \ucc98\ub9ac\ud569\ub2c8\ub2e4. UI \ub514\uc790\uc778\uc5d0 100\uac1c\uc758 \uc544\uc774\ucf58 \ub808\uc774\uc5b4\uac00 \uc788\ub2e4\uace0 \uac00\uc815\ud558\uace0, \uc774 100\uac1c\ub97c PNG, SVG, WebP 3\uac00\uc9c0 \ud3ec\ub9f7, \ucd1d 300\uac1c\uc758 \ud30c\uc77c\ub85c \ud55c \ubc88\uc5d0 \ub0b4\ubcf4\ub0b4\ub294 \uacfc\uc815\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1\ub2e8\uacc4: \uc775\uc2a4\ud3ec\ud2b8 \ud398\ub974\uc18c\ub098 \uc804\ud658<\/strong><\/h3>\n\n\n\n<p>\uc791\uc5c5\uc744 \ub9c8\uce5c \ub4a4, \uc571 \uc88c\uce21 \uc0c1\ub2e8\uc758 \uc138 \ubc88\uc9f8 \uc544\uc774\ucf58 <strong>\uc775\uc2a4\ud3ec\ud2b8 \ud398\ub974\uc18c\ub098<\/strong>\ub97c \ud074\ub9ad\ud569\ub2c8\ub2e4. \ud654\uba74 \uc804\uccb4\uac00 \ub0b4\ubcf4\ub0b4\uae30 \uc804\uc6a9 \ubaa8\ub4dc\ub85c \uc804\ud658\ub418\uace0, \uc6b0\uce21\uc5d0 &#8216;\uc2ac\ub77c\uc774\uc2a4(Slices)&#8217; \ud328\ub110\uc774 \ub098\ud0c0\ub0a9\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2\ub2e8\uacc4: \ub808\uc774\uc5b4\uc5d0\uc11c \uc2ac\ub77c\uc774\uc2a4 \uc790\ub3d9 \uc0dd\uc131 (\uac00\uc7a5 \uc911\uc694)<\/strong><\/h3>\n\n\n\n<p>\uc774\uac83\uc774 90%\uc758 \uc791\uc5c5\uc744 \ub05d\ub0b4\ub294 \ud575\uc2ec\uc785\ub2c8\ub2e4. \ub0b4\ubcf4\ub0bc \uc601\uc5ed\uc744 \uc218\ub3d9\uc73c\ub85c \uadf8\ub9b4 \ud544\uc694\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\uc6b0\uce21\uc758 <strong>\ub808\uc774\uc5b4(Layers)<\/strong> \ud328\ub110\uc744 \uc5fd\ub2c8\ub2e4. (\uc2ac\ub77c\uc774\uc2a4 \ud328\ub110\uc774 \uc544\ub2d9\ub2c8\ub2e4)<\/li>\n\n\n\n<li>\ub0b4\ubcf4\ub0b4\uace0\uc790 \ud558\ub294 \uc544\uc774\ucf58 \ub808\uc774\uc5b4 \ub610\ub294 \uadf8\ub8f9 100\uac1c\ub97c \ubaa8\ub450 \uc120\ud0dd\ud569\ub2c8\ub2e4. (Shift \ud0a4\ub098 Ctrl\/Cmd \ud0a4\ub85c \ub2e4\uc911 \uc120\ud0dd)<\/li>\n\n\n\n<li>\ub808\uc774\uc5b4 \ud328\ub110 \ud558\ub2e8\uc5d0 \uc788\ub294 <strong>\uc2ac\ub77c\uc774\uc2a4 \uc0dd\uc131(Create Slice)<\/strong> \ubc84\ud2bc\uc744 \ud074\ub9ad\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n<li>\uc774 \uc21c\uac04, \ub808\uc774\uc5b4 \ud328\ub110\uc774 \uc544\ub2cc <strong>\uc2ac\ub77c\uc774\uc2a4(Slices) \ud328\ub110<\/strong>\uc744 \ud655\uc778\ud574 \ubcf4\uc2ed\uc2dc\uc624. \ubc29\uae08 \uc120\ud0dd\ud55c 100\uac1c\uc758 \ub808\uc774\uc5b4\uac00 100\uac1c\uc758 \uc2ac\ub77c\uc774\uc2a4 \ubaa9\ub85d\uc73c\ub85c \uc644\ubcbd\ud558\uac8c \uc0dd\uc131\ub41c \uac83\uc744 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3\ub2e8\uacc4: \ub0b4\ubcf4\ub0b4\uae30 \uc124\uc815 \uc77c\uad04 \uc801\uc6a9\ud558\uae30<\/strong><\/h3>\n\n\n\n<p>\uc774\uc81c 100\uac1c\uc758 \uc2ac\ub77c\uc774\uc2a4\uc5d0 &#8216;\uc5b4\ub5bb\uac8c&#8217; \ub0b4\ubcf4\ub0bc\uc9c0 \uaddc\uce59\uc744 \uc815\ud574\uc918\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\uc2ac\ub77c\uc774\uc2a4(Slices) \ud328\ub110<\/strong>\uc5d0\uc11c \ubc29\uae08 \uc0dd\uc131\ub41c 100\uac1c\uc758 \uc2ac\ub77c\uc774\uc2a4\ub97c Ctrl+A (Mac: Cmd+A)\ub85c <strong>\ubaa8\ub450 \uc120\ud0dd<\/strong>\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n<li>\ud654\uba74 \uc6b0\uce21 \ud558\ub2e8\uc758 <strong>\ub0b4\ubcf4\ub0b4\uae30 \uc124\uc815(Export Options)<\/strong> \ud328\ub110\uc744 \ubd05\ub2c8\ub2e4.<\/li>\n\n\n\n<li><strong>+ \uc544\uc774\ucf58<\/strong>\uc744 \ud074\ub9ad\ud558\uc5ec \uccab \ubc88\uc9f8 \uc124\uc815\uc744 \ucd94\uac00\ud569\ub2c8\ub2e4. (PNG \uc124\uc815)\n<ul class=\"wp-block-list\">\n<li>\ud06c\uae30 \uc785\ub825\ub780\uc5d0 1x\ub97c \uc785\ub825\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n<li>\ud3ec\ub9f7\uc744 PNG\ub85c \uc124\uc815\ud569\ub2c8\ub2e4. (\uc811\ubbf8\uc0ac\ub294 \ube44\uc6cc\ub461\ub2c8\ub2e4)<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\ub2e4\uc2dc <strong>+ \uc544\uc774\ucf58<\/strong>\uc744 \ud074\ub9ad\ud558\uc5ec \ub450 \ubc88\uc9f8 \uc124\uc815\uc744 \ucd94\uac00\ud569\ub2c8\ub2e4. (SVG \uc124\uc815)\n<ul class=\"wp-block-list\">\n<li>\ud06c\uae30 \uc785\ub825\ub780\uc5d0 1x\ub97c \uc785\ub825\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n<li>\ud3ec\ub9f7\uc744 SVG\ub85c \uc124\uc815\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\ub2e4\uc2dc <strong>+ \uc544\uc774\ucf58<\/strong>\uc744 \ud074\ub9ad\ud558\uc5ec \uc138 \ubc88\uc9f8 \uc124\uc815\uc744 \ucd94\uac00\ud569\ub2c8\ub2e4. (WebP \uc124\uc815)\n<ul class=\"wp-block-list\">\n<li>\ud06c\uae30 \uc785\ub825\ub780\uc5d0 1x\ub97c \uc785\ub825\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n<li>\ud3ec\ub9f7\uc744 WebP\ub85c \uc124\uc815\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n<li>(\ud301) WebP \ud3ec\ub9f7 \uc606\uc758 \ud1b1\ub2c8\ubc14\ud034\ub97c \ub20c\ub7ec &#8216;\ubb34\uc190\uc2e4&#8217; \ub610\ub294 &#8216;\uc190\uc2e4(\ud488\uc9c8 80%)&#8217; \ub4f1 \uc138\ubd80 \uc635\uc158\uc744 \uc870\uc808\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p>\uc774\uc81c 100\uac1c\uc758 \uc2ac\ub77c\uc774\uc2a4 \uac01\uac01\uc5d0 PNG, SVG, WebP 3\uac00\uc9c0 \uc124\uc815\uc774 \ubaa8\ub450 \uc77c\uad04 \uc801\uc6a9\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ucd1d 300\uac1c\uc758 \ud30c\uc77c\uc774 \uc218\ucd9c \uc900\ube44\ub97c \ub9c8\uce5c \uac83\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4\ub2e8\uacc4: \ud30c\uc77c\uba85 \uc790\ub3d9\ud654 \uaddc\uce59 \ud655\uc778 (\ub808\uc774\uc5b4 \uc774\ub984)<\/strong><\/h3>\n\n\n\n<p>\uc775\uc2a4\ud3ec\ud2b8 \ud398\ub974\uc18c\ub098\ub294 \uc2ac\ub77c\uc774\uc2a4\ub97c \ub0b4\ubcf4\ub0bc \ub54c, \uadf8 <strong>\uc2ac\ub77c\uc774\uc2a4\uc758 \uc774\ub984<\/strong>\uc744 \ud30c\uc77c\uba85\uc73c\ub85c \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \uadf8\ub9ac\uace0 2\ub2e8\uacc4\uc5d0\uc11c &#8216;\ub808\uc774\uc5b4\uc5d0\uc11c \uc2ac\ub77c\uc774\uc2a4 \uc0dd\uc131&#8217;\uc744 \ud558\uba74, <strong>\ub808\uc774\uc5b4 \uc774\ub984<\/strong>\uc774 \uc790\ub3d9\uc73c\ub85c <strong>\uc2ac\ub77c\uc774\uc2a4 \uc774\ub984<\/strong>\uc774 \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc989, \ucc98\uc74c\ubd80\ud130 \ub808\uc774\uc5b4 \uc774\ub984\uc744 &#8216;Layer 1&#8217;\uc774 \uc544\ub2cc &#8216;icon_home&#8217;, &#8216;icon_settings&#8217;\ucc98\ub7fc \uae54\ub054\ud558\uac8c \uc815\ub9ac\ud558\ub294 \uc2b5\uad00\uc774 \uc791\uc5c5 \ud6a8\uc728\uc758 \ud575\uc2ec\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>5\ub2e8\uacc4: \uc6d0\ud074\ub9ad \ub3d9\uc2dc \ub0b4\ubcf4\ub0b4\uae30<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\uc2ac\ub77c\uc774\uc2a4 \ud328\ub110 \ud558\ub2e8\uc758 <strong>\uc2ac\ub77c\uc774\uc2a4 \ub0b4\ubcf4\ub0b4\uae30 (100\uac1c)<\/strong> \ubc84\ud2bc\uc744 \ud074\ub9ad\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n<li>\uc800\uc7a5\ud560 \ud3f4\ub354\ub97c \uc120\ud0dd\ud558\uace0 &#8216;\ub0b4\ubcf4\ub0b4\uae30&#8217;\ub97c \ub204\ub985\ub2c8\ub2e4.<\/li>\n\n\n\n<li>\ud0d0\uc0c9\uae30\uc5d0\uc11c \ud574\ub2f9 \ud3f4\ub354\ub97c \ud655\uc778\ud574 \ubcf4\uc2ed\uc2dc\uc624.<\/li>\n<\/ol>\n\n\n\n<p>&#8216;icon_home.png&#8217;, &#8216;icon_home.svg&#8217;, &#8216;icon_home.webp&#8217;, &#8216;icon_settings.png&#8217;, &#8216;icon_settings.svg&#8217;, &#8216;icon_settings.webp&#8217;&#8230; \ub4f1 300\uac1c\uc758 \ud30c\uc77c\uc774 \uc644\ubcbd\ud55c \uc774\ub984\uacfc \ud3ec\ub9f7\uc73c\ub85c \ud55c \ubc88\uc5d0 \uc0dd\uc131\ub41c \uac83\uc744 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>100% \ud65c\uc6a9\uc744 \uc704\ud55c \uc804\ubb38\uac00 \uafc0\ud301 (\ud504\ub9ac\uc14b \uc800\uc7a5)<\/strong><\/h2>\n\n\n\n<p>\uc704\uc758 3\ub2e8\uacc4 \uc124\uc815 \uc791\uc5c5\uc870\ucc28 \ub9e4\ubc88 \ubc18\ubcf5\ud558\ub294 \uac83\uc740 \ube44\ud6a8\uc728\uc801\uc785\ub2c8\ub2e4. \uc774 \uc124\uc815\uc744 &#8216;\ud504\ub9ac\uc14b(Preset)&#8217;\uc73c\ub85c \uc800\uc7a5\ud558\uc5ec 1\ucd08 \ub9cc\uc5d0 \ubd88\ub7ec\uc624\ub294 \ubc29\ubc95\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>PNG, SVG, WebP 3\uac00\uc9c0 \uc124\uc815\uc774 \ubaa8\ub450 \uc644\ub8cc\ub41c <strong>\ub0b4\ubcf4\ub0b4\uae30 \uc124\uc815(Export Options)<\/strong> \ud328\ub110\uc758 \uc6b0\uce21 \uc0c1\ub2e8 \ud584\ubc84\uac70 \uba54\ub274(\uc904 3\uac1c)\ub97c \ud074\ub9ad\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n<li>\ub4dc\ub86d\ub2e4\uc6b4 \uba54\ub274\uc5d0\uc11c \ud504\ub9ac\uc14b \uad00\ub9ac\uc790(Presets Manager)\ub97c \uc120\ud0dd\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n<li>&#8216;\ub0b4\ubcf4\ub0b4\uae30 \ud504\ub9ac\uc14b&#8217; \ucc3d\uc774 \ub739\ub2c8\ub2e4. \uc88c\uce21 \ud558\ub2e8\uc758 &#8216;\ud504\ub9ac\uc14b \ucd94\uac00&#8217; \uc544\uc774\ucf58\uc744 \ud074\ub9ad\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n<li>\ud604\uc7ac \uc124\uc815\ub41c 3\uac00\uc9c0 \ud3ec\ub9f7\uc774 \ubaa9\ub85d\uc5d0 \uc788\ub294\uc9c0 \ud655\uc778\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n<li>\ud504\ub9ac\uc14b \uc774\ub984\uc744 Web Default Set (PNG+SVG+WebP)\ucc98\ub7fc \uc54c\uc544\ubcf4\uae30 \uc27d\uac8c \uc800\uc7a5\ud569\ub2c8\ub2e4.<\/li>\n<\/ol>\n\n\n\n<p>\uc774\uc81c \ub2e4\uc74c \ud504\ub85c\uc81d\ud2b8\ubd80\ud130\ub294 100\uac1c\uc758 \uc2ac\ub77c\uc774\uc2a4\ub97c \ubaa8\ub450 \uc120\ud0dd\ud55c \ub4a4, &#8216;\ub0b4\ubcf4\ub0b4\uae30 \uc124\uc815&#8217; \ud328\ub110 \uc0c1\ub2e8\uc5d0 \uc788\ub294 <strong>\ud504\ub9ac\uc14b<\/strong> \ub4dc\ub86d\ub2e4\uc6b4 \uba54\ub274\ub97c \ud074\ub9ad\ud558\uc5ec, \ubc29\uae08 \uc800\uc7a5\ud55c <strong>Web Default Set<\/strong>\uc744 \uc120\ud0dd\ud558\uae30\ub9cc \ud558\uba74 \ubaa8\ub4e0 \uc124\uc815\uc774 1\ucd08 \ub9cc\uc5d0 \uc644\ub8cc\ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc800 \uc5ed\uc2dc \ucd08\uae30\uc5d0\ub294 PNG\uc640 SVG\ub97c \uc218\ub3d9\uc73c\ub85c \ub0b4\ubcf4\ub0b4\ub2e4, \ud074\ub77c\uc774\uc5b8\ud2b8\uac00 WebP\ub97c \ucd94\uac00\ub85c \uc694\uad6c\ud558\uba74\uc11c \uc791\uc5c5 \uc2dc\uac04\uc774 \ub450 \ubc30\ub85c \ub298\uc5b4\ub098\ub294 \uace0\ud1b5\uc744 \uacaa\uc5c8\uc2b5\ub2c8\ub2e4. \uc774 \uc775\uc2a4\ud3ec\ud2b8 \ud398\ub974\uc18c\ub098\uc758 \ud504\ub9ac\uc14b \uae30\ub2a5\uc744 \uc54c\uac8c \ub41c \ud6c4, \uc774 \ubaa8\ub4e0 \uacfc\uc815\uc774 1\ubd84\uc73c\ub85c \uc904\uc5b4\ub4e4\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38 (FAQ)<\/strong><\/h2>\n\n\n\n<p><strong>\uc9c8\ubb381. \ud53d\uc140 \ud398\ub974\uc18c\ub098\ub85c \uce60\ud55c \ud14d\uc2a4\ucc98\uac00 SVG\ub85c \ub0b4\ubcf4\ub0b4\ub2c8 \uc0ac\ub77c\uc84c\uc2b5\ub2c8\ub2e4.<\/strong><\/p>\n\n\n\n<p>\uc815\uc0c1\uc785\ub2c8\ub2e4. SVG\ub294 \ubca1\ud130(Vector) \ud3ec\ub9f7\uc785\ub2c8\ub2e4. \ud53d\uc140 \ud398\ub974\uc18c\ub098\ub85c \uce60\ud55c \ub798\uc2a4\ud130 \ube0c\ub7ec\uc2dc \ud14d\uc2a4\ucc98\ub098 \ud53d\uc140 \ub808\uc774\uc5b4\ub294 SVG\uc5d0 \ud3ec\ud568\ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ud53d\uc140 \uc815\ubcf4\uae4c\uc9c0 \ud3ec\ud568\ud558\uc5ec \ub0b4\ubcf4\ub0b4\ub824\uba74 PNG\ub098 WebP \ud3ec\ub9f7\uc744 \uc0ac\uc6a9\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p><strong>\uc9c8\ubb382. 1x, 2x \ubc30\uc728\uacfc PNG, SVG, WebP\ub97c \uc804\ubd80 \ub3d9\uc2dc\uc5d0 \ub0b4\ubcf4\ub0bc \uc218 \uc788\ub098\uc694?<\/strong><\/p>\n\n\n\n<p>\ub124, \uac00\ub2a5\ud569\ub2c8\ub2e4. &#8216;\ub0b4\ubcf4\ub0b4\uae30 \uc124\uc815&#8217; \ud328\ub110\uc5d0\uc11c <strong>+ \uc544\uc774\ucf58<\/strong>\uc744 \uacc4\uc18d \ub20c\ub7ec \uc6d0\ud558\ub294 \ub9cc\ud07c \uc124\uc815\uc744 \ucd94\uac00\ud558\uba74 \ub429\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4 1x PNG, 2x PNG, 1x SVG, 1x WebP \ucd1d 4\uac1c\uc758 \uc124\uc815\uc744 \ud504\ub9ac\uc14b\uc73c\ub85c \ub9cc\ub4e4\uc5b4 \ub450\uba74, \uc2ac\ub77c\uc774\uc2a4 100\uac1c \ud074\ub9ad \ud55c \ubc88\uc5d0 400\uac1c\uc758 \ud30c\uc77c\uc744 \ub3d9\uc2dc\uc5d0 \uc0dd\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p><strong>\uc9c8\ubb383. \uc544\uc774\ud328\ub4dc \ubc84\uc804 \uc5b4\ud53c\ub2c8\ud2f0 \ub514\uc790\uc774\ub108\uc5d0\uc11c\ub3c4 \ub611\uac19\uc774 \uc791\ub3d9\ud558\ub098\uc694?<\/strong><\/p>\n\n\n\n<p>100% \ub3d9\uc77c\ud558\uac8c \uc791\ub3d9\ud569\ub2c8\ub2e4. \uc544\uc774\ud328\ub4dc \ud654\uba74 \uc0c1\ub2e8\uc758 \uc138 \ubc88\uc9f8 \ud398\ub974\uc18c\ub098 \uc544\uc774\ucf58(\ub0b4\ubcf4\ub0b4\uae30 \ubaa8\uc591)\uc744 \ud0ed\ud558\uba74, \ub370\uc2a4\ud06c\ud1b1\uacfc \ub3d9\uc77c\ud55c &#8216;\uc2ac\ub77c\uc774\uc2a4&#8217; \ud328\ub110\uacfc &#8216;\ub0b4\ubcf4\ub0b4\uae30 \uc124\uc815&#8217; \ud328\ub110\uc774 \ub098\ud0c0\ub0a9\ub2c8\ub2e4. \uc5ec\uae30\uc11c \ud504\ub9ac\uc14b\uc744 \uc800\uc7a5\ud558\uace0 \ubd88\ub7ec\uc624\ub294 \ubaa8\ub4e0 \uacfc\uc815\uc774 \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\uacb0\ub860<\/strong><\/h2>\n\n\n\n<p>\uc5b4\ud53c\ub2c8\ud2f0 \ub514\uc790\uc774\ub108\uc758 \uc775\uc2a4\ud3ec\ud2b8 \ud398\ub974\uc18c\ub098\ub294 \ub2e8\uc21c\ud55c \ud3b8\uc758 \uae30\ub2a5\uc774 \uc544\ub2c8\ub77c, \ub514\uc790\uc774\ub108\uc758 \uc791\uc5c5 \uc2dc\uac04\uc744 \ud68d\uae30\uc801\uc73c\ub85c \ub2e8\ucd95\uc2dc\ucf1c\uc8fc\ub294 &#8216;\uc6cc\ud06c\ud50c\ub85c\uc6b0 \ud601\uc2e0&#8217; \uadf8 \uc790\uccb4\uc785\ub2c8\ub2e4. \ub354 \uc774\uc0c1 \ub514\uc790\uc778\uc774 \ub05d\ub09c \ud6c4, \uc218\ubc31 \uac1c\uc758 \ud30c\uc77c\uc744 \uc218\ub3d9\uc73c\ub85c \uc800\uc7a5\ud558\uace0 \ud3ec\ub9f7\uc744 \ubcc0\ud658\ud558\ub294 \uace0\ud1b5\uc2a4\ub7ec\uc6b4 \ubc18\ubcf5 \uc791\uc5c5\uc5d0 \uc2dc\uac04\uc744 \ub0ad\ube44\ud558\uc9c0 \ub9c8\uc2ed\uc2dc\uc624.<\/p>\n\n\n\n<p>\uc9c0\uae08 \ubc14\ub85c \uc775\uc2a4\ud3ec\ud2b8 \ud398\ub974\uc18c\ub098\ub97c \ucf1c\uace0, PNG, SVG, WebP \uc124\uc815\uc744 &#8216;\ud504\ub9ac\uc14b&#8217;\uc73c\ub85c \uc800\uc7a5\ud574 \ub450\uc2ed\uc2dc\uc624. 100\uac1c\uc758 \uc2ac\ub77c\uc774\uc2a4\uac00 1\ubd84 \ub9cc\uc5d0 300\uac1c\uc758 \ud30c\uc77c\ub85c \ubcc0\ud658\ub418\ub294 \ub9c8\ubc95\uc744 \uacbd\ud5d8\ud558\ub294 \uc21c\uac04, \ub2f9\uc2e0\uc758 \ub514\uc790\uc778 \uc791\uc5c5\uc740 \uc644\uc804\ud788 \uc0c8\ub85c\uc6b4 \ucc28\uc6d0\uc73c\ub85c \uc62c\ub77c\uc124 \uac83\uc785\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc6f9 \ub514\uc790\uc778\uc774\ub098 UI \uc791\uc5c5\uc744 \ub9c8\uce5c \ub4a4, \uac1c\ubc1c\ud300\uc5d0 \uc544\uc774\ucf58\uc744 \uc804\ub2ec\ud560 \ub54c \uace8\uce58 \uc544\ud504\uc9c0 \uc54a\uc73c\uc2e0\uac00\uc694. \uc120\uba85\ud568\uc744 \uc704\ud55c SVG, \ud638\ud658\uc131\uc744 \uc704\ud55c PNG, \uadf8\ub9ac\uace0 \uc6f9 \uc18d\ub3c4\ub97c \uc704\ud55c WebP\uae4c\uc9c0, 3\uac00\uc9c0 \ud3ec\ub9f7\uc744 \uc77c\uc77c\uc774 \ub0b4\ubcf4\ub0b4\ub294 \uac74 \ub054\ucc0d\ud55c \ubc18\ubcf5 \uc791\uc5c5\uc785\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \uc5b4\ud53c\ub2c8\ud2f0 \ub514\uc790\uc774\ub108\uc758 \uc775\uc2a4\ud3ec\ud2b8 \ud398\ub974\uc18c\ub098\ub97c \ud65c\uc6a9\ud558\uba74, 100\uac1c\uc758 \uc544\uc774\ucf58\ub3c4 \ub2e8 \ud55c \ubc88\uc758 \ud074\ub9ad\uc73c\ub85c \uc774 3\uac00\uc9c0 \ud3ec\ub9f7, \ucd1d 300\uac1c\uc758 \ud30c\uc77c\ub85c \ub3d9\uc2dc \ucd94\ucd9c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 &#8230; <a title=\"\uc775\uc2a4\ud3ec\ud2b8 \ud398\ub974\uc18c\ub098, WebP SVG PNG 100\uac1c \ud30c\uc77c \ub3d9\uc2dc \ucd94\ucd9c \uc790\ub3d9\ud654 \ubc29\ubc95\" class=\"read-more\" href=\"https:\/\/mideis.com\/?p=29\" aria-label=\"\uc775\uc2a4\ud3ec\ud2b8 \ud398\ub974\uc18c\ub098, WebP SVG PNG 100\uac1c \ud30c\uc77c \ub3d9\uc2dc \ucd94\ucd9c \uc790\ub3d9\ud654 \ubc29\ubc95\uc5d0 \ub300\ud574 \ub354 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uc138\uc694\">\ub354 \uc77d\uae30<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-29","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/mideis.com\/index.php?rest_route=\/wp\/v2\/posts\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mideis.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mideis.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mideis.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mideis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=29"}],"version-history":[{"count":1,"href":"https:\/\/mideis.com\/index.php?rest_route=\/wp\/v2\/posts\/29\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/mideis.com\/index.php?rest_route=\/wp\/v2\/posts\/29\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/mideis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mideis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=29"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mideis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}