{"id":3138,"date":"2025-12-31T06:39:46","date_gmt":"2025-12-31T06:39:46","guid":{"rendered":"https:\/\/ihavenomoney.co.kr\/?p=3138"},"modified":"2025-12-31T06:39:46","modified_gmt":"2025-12-31T06:39:46","slug":"avif-%ec%9d%b4%eb%af%b8%ec%a7%80-%ed%8f%ac%eb%a7%b7","status":"publish","type":"post","link":"https:\/\/ihavenomoney.co.kr\/?p=3138","title":{"rendered":"AVIF \uc774\ubbf8\uc9c0 \ud3ec\ub9f7"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<p><strong>AVIF<\/strong>\ub294 <strong>AV1 Image File Format<\/strong>\uc758 \uc57d\uc790\ub85c, \ucc28\uc138\ub300 \uace0\ud6a8\uc728 <strong>\uc774\ubbf8\uc9c0 \ud3ec\ub9f7<\/strong>\uc785\ub2c8\ub2e4.<br>\ub3d9\uc601\uc0c1 \ucf54\ub371 <strong>AV1<\/strong>\uc744 \uc774\ubbf8\uc9c0\uc5d0 \uc801\uc6a9\ud55c \ud615\uc2dd\uc73c\ub85c, <strong>\uc6a9\ub7c9 \ub300\ube44 \ud654\uc9c8\uc774 \ub9e4\uc6b0 \ub6f0\uc5b4\ub09c \uac83<\/strong>\uc774 \uac00\uc7a5 \ud070 \ud2b9\uc9d5\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/04\/avif-vs-webp-compression-image-quality-comparison-1024x381.jpg\" alt=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/04\/avif-vs-webp-compression-image-quality-comparison-1024x381.jpg\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.ctrl.blog\/media\/image\/images-webp-avif-vs-jpeg.png\" alt=\"https:\/\/www.ctrl.blog\/media\/image\/images-webp-avif-vs-jpeg.png\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/ddxwdqwkr\/image\/upload\/v1632083843\/smashing-articles\/1_vGFkQIIn_Nzsc6VeQnbwAg.png\" alt=\"https:\/\/res.cloudinary.com\/ddxwdqwkr\/image\/upload\/v1632083843\/smashing-articles\/1_vGFkQIIn_Nzsc6VeQnbwAg.png\"\/><\/figure>\n\n\n\n<p>4<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udccc AVIF \ud575\uc2ec \uc694\uc57d<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\ud56d\ubaa9<\/th><th>\uc124\uba85<\/th><\/tr><\/thead><tbody><tr><td>\uc815\uc2dd \uba85\uce6d<\/td><td>AV1 Image File Format<\/td><\/tr><tr><td>\uae30\ubc18 \uae30\uc220<\/td><td><strong>AV1 \ube44\ub514\uc624 \ucf54\ub371<\/strong><\/td><\/tr><tr><td>\ud45c\uc900\ud654<\/td><td>Alliance for Open Media (AOMedia)<\/td><\/tr><tr><td>\ud655\uc7a5\uc790<\/td><td><code>.avif<\/code><\/td><\/tr><tr><td>\ubaa9\uc801<\/td><td><strong>\ucd5c\uc18c \uc6a9\ub7c9 + \ucd5c\uace0 \ud654\uc9c8<\/strong><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\ude80 \uc8fc\uc694 \uc7a5\uc810<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1\ufe0f\u20e3 <strong>\uc555\ub3c4\uc801\uc778 \uc555\ucd95 \ud6a8\uc728<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>JPEG \ub300\ube44 <strong>\uc57d 40~60% \ub354 \uc791\uc740 \uc6a9\ub7c9<\/strong><\/li>\n\n\n\n<li>WebP\ubcf4\ub2e4\ub3c4 \ud3c9\uade0\uc801\uc73c\ub85c <strong>\ub354 \uc791\uc74c<\/strong><\/li>\n\n\n\n<li>\ubaa8\ubc14\uc77c \ud2b8\ub798\ud53d \uc808\uac10\uc5d0 \ub9e4\uc6b0 \uc720\ub9ac<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">2\ufe0f\u20e3 <strong>\uace0\ud654\uc9c8 \uc9c0\uc6d0<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>HDR (10bit \/ 12bit)<\/strong><\/li>\n\n\n\n<li>Wide Color Gamut (BT.2020 \ub4f1)<\/li>\n\n\n\n<li>\uc0c9 \uacc4\uc870(Banding) \ud604\uc0c1 \ucd5c\uc18c\ud654<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">3\ufe0f\u20e3 <strong>\uc54c\ud30c \ucc44\ub110 \uc9c0\uc6d0<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>PNG\ucc98\ub7fc <strong>\ud22c\uba85 \ubc30\uacbd(Transparency)<\/strong> \uac00\ub2a5<\/li>\n\n\n\n<li>UI \uc544\uc774\ucf58, \ub85c\uace0\uc5d0 \uc801\ud569<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">4\ufe0f\u20e3 <strong>\ubb34\uc190\uc2e4(Lossless) \/ \uc190\uc2e4(Lossy) \ubaa8\ub450 \uc9c0\uc6d0<\/strong><\/h3>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udd04 \ub2e4\ub978 \ud3ec\ub9f7\uacfc \ube44\uad50<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\ud3ec\ub9f7<\/th><th>\uc555\ucd95 \ud6a8\uc728<\/th><th>\ud22c\uba85\ub3c4<\/th><th>HDR<\/th><th>\ube0c\ub77c\uc6b0\uc800<\/th><\/tr><\/thead><tbody><tr><td>JPEG<\/td><td>\u274c \ub0ae\uc74c<\/td><td>\u274c<\/td><td>\u274c<\/td><td>\u2705<\/td><\/tr><tr><td>PNG<\/td><td>\u274c \ub9e4\uc6b0 \ud07c<\/td><td>\u2705<\/td><td>\u274c<\/td><td>\u2705<\/td><\/tr><tr><td>WebP<\/td><td>\u2705 \uc88b\uc74c<\/td><td>\u2705<\/td><td>\u274c<\/td><td>\u2705<\/td><\/tr><tr><td><strong>AVIF<\/strong><\/td><td>\u2b50\u2b50\u2b50\u2b50\u2b50<\/td><td>\u2705<\/td><td>\u2705<\/td><td>\u2b50\u2b50\u2b50\u2b50<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83c\udf10 \ube0c\ub77c\uc6b0\uc800 \uc9c0\uc6d0 \ud604\ud669 (2025 \uae30\uc900)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705 Chrome<\/li>\n\n\n\n<li>\u2705 Edge<\/li>\n\n\n\n<li>\u2705 Firefox<\/li>\n\n\n\n<li>\u26a0\ufe0f Safari (macOS \/ iOS \ucd5c\uc2e0 \ubc84\uc804\uc5d0\uc11c \uc9c0\uc6d0, \uad6c\ubc84\uc804 \ubbf8\uc9c0\uc6d0)<\/li>\n<\/ul>\n\n\n\n<p>\u27a1\ufe0f <strong>\uc2e4\ubb34\uc5d0\uc11c\ub294 fallback \uc804\ub7b5 \ud544\uc218<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udee0\ufe0f \uc2e4\ubb34 \uc0ac\uc6a9 \uc608 (\uc6f9)<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;picture&gt;\n  &lt;source srcset=\"image.avif\" type=\"image\/avif\"&gt;\n  &lt;source srcset=\"image.webp\" type=\"image\/webp\"&gt;\n  &lt;img src=\"image.jpg\" alt=\"example\"&gt;\n&lt;\/picture&gt;\n<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u26a0\ufe0f \ub2e8\uc810 \/ \uc8fc\uc758\uc810<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u274c <strong>\uc778\ucf54\ub529 \uc18d\ub3c4 \ub290\ub9bc<\/strong> (AV1 \ud2b9\uc131)<\/li>\n\n\n\n<li>\u274c \uc11c\ubc84 \uc0ac\uc774\ub4dc \uc2e4\uc2dc\uac04 \ubcc0\ud658\uc5d4 \ubd80\ub2f4<\/li>\n\n\n\n<li>\u274c \uc77c\ubd80 \uad6c\ud615 \ube0c\ub77c\uc6b0\uc800 \ubbf8\uc9c0\uc6d0<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u2708\ufe0f \uc2e4\ubb34 \uad00\uc810 \ud301 (\uc6f9\u00b7\ubb38\uc11c\u00b7\uba54\uc77c)<\/h2>\n\n\n\n<p>Smith\ub2d8\ucc98\ub7fc <strong>PDF \/ HTML \/ \uc774\uba54\uc77c \ub80c\ub354\ub9c1<\/strong>\uc744 \ub2e4\ub8e8\ub294 \uacbd\uc6b0:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83d\udce7 <strong>\uc774\uba54\uc77c<\/strong>: \uc544\uc9c1 AVIF \u274c \u2192 JPEG\/PNG \uc720\uc9c0<\/li>\n\n\n\n<li>\ud83c\udf10 <strong>\uc6f9(PC\/\ubaa8\ubc14\uc77c)<\/strong>: AVIF + WebP fallback \uc801\uadf9 \ucd94\ucc9c<\/li>\n\n\n\n<li>\ud83d\udcc4 <strong>PDF \uc0dd\uc131(wkhtmltopdf \ub4f1)<\/strong>: AVIF \uc9c0\uc6d0 \uc548 \ub418\ub294 \uacbd\uc6b0 \ub9ce\uc74c<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u2705 \uc5b8\uc81c AVIF\ub97c \uc4f0\uba74 \uc88b\uc740\uac00?<\/h2>\n\n\n\n<p>\u2714 \uace0\ud574\uc0c1\ub3c4 \uc774\ubbf8\uc9c0<br>\u2714 \ubaa8\ubc14\uc77c \uc6f9 \/ CDN \ud2b8\ub798\ud53d \uc808\uac10<br>\u2714 \uc774\ubbf8\uc9c0 \uc911\uc2ec \uc11c\ube44\uc2a4<br>\u2714 \ucc28\uc138\ub300 \uc6f9 \ud504\ub85c\uc81d\ud2b8<\/p>\n\n\n\n<p>\u274c \uc774\uba54\uc77c<br>\u274c \ub808\uac70\uc2dc \uc2dc\uc2a4\ud15c<br>\u274c \uc2e4\uc2dc\uac04 \uc774\ubbf8\uc9c0 \uc0dd\uc131<\/p>\n","protected":false},"excerpt":{"rendered":"<p>AVIF\ub294 AV1 Image File Format\uc758 \uc57d\uc790\ub85c, \ucc28\uc138\ub300 \uace0\ud6a8\uc728 \uc774\ubbf8\uc9c0 \ud3ec\ub9f7\uc785\ub2c8\ub2e4.\ub3d9\uc601\uc0c1 \ucf54\ub371 AV1\uc744 \uc774\ubbf8\uc9c0\uc5d0 \uc801\uc6a9\ud55c \ud615\uc2dd\uc73c\ub85c, \uc6a9\ub7c9 \ub300\ube44 \ud654\uc9c8\uc774 \ub9e4\uc6b0 \ub6f0\uc5b4\ub09c \uac83\uc774 \uac00\uc7a5 \ud070 \ud2b9\uc9d5\uc785\ub2c8\ub2e4. 4 \ud83d\udccc AVIF \ud575\uc2ec \uc694\uc57d \ud56d\ubaa9 \uc124\uba85 \uc815\uc2dd \uba85\uce6d AV1 Image File Format \uae30\ubc18 \uae30\uc220 AV1 \ube44\ub514\uc624 \ucf54\ub371 \ud45c\uc900\ud654 Alliance for Open Media (AOMedia) \ud655\uc7a5\uc790 .avif \ubaa9\uc801 \ucd5c\uc18c \uc6a9\ub7c9 + \ucd5c\uace0 &hellip; <a href=\"https:\/\/ihavenomoney.co.kr\/?p=3138\" class=\"more-link\"><span class=\"screen-reader-text\">AVIF \uc774\ubbf8\uc9c0 \ud3ec\ub9f7<\/span> \ub354\ubcf4\uae30 <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3138","post","type-post","status-publish","format-standard","hentry","category-1"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/ihavenomoney.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/3138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ihavenomoney.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ihavenomoney.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ihavenomoney.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ihavenomoney.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3138"}],"version-history":[{"count":1,"href":"https:\/\/ihavenomoney.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/3138\/revisions"}],"predecessor-version":[{"id":3139,"href":"https:\/\/ihavenomoney.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/3138\/revisions\/3139"}],"wp:attachment":[{"href":"https:\/\/ihavenomoney.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ihavenomoney.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ihavenomoney.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}