{"id":15945,"date":"2025-12-09T18:39:15","date_gmt":"2025-12-09T17:39:15","guid":{"rendered":"https:\/\/webhosting.de\/webp-vs-avif-bildformat-webhosting-vergleich-kompression\/"},"modified":"2025-12-09T18:39:15","modified_gmt":"2025-12-09T17:39:15","slug":"webp-%e5%af%be-avif-%e7%94%bb%e5%83%8f%e3%83%95%e3%82%a9%e3%83%bc%e3%83%9e%e3%83%83%e3%83%88-%e3%82%a6%e3%82%a7%e3%83%96%e3%83%9b%e3%82%b9%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0%e6%af%94%e8%bc%83","status":"publish","type":"post","link":"https:\/\/webhosting.de\/ja\/webp-vs-avif-bildformat-webhosting-vergleich-kompression\/","title":{"rendered":"WebP \u5bfe AVIF\uff1a\u3069\u3061\u3089\u306e\u6b21\u4e16\u4ee3\u753b\u50cf\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u304c\u3088\u308a\u9ad8\u901f\u3067\u4e92\u63db\u6027\u304c\u3042\u308b\u304b\uff1f"},"content":{"rendered":"<p><strong>avif \u5bfe webp<\/strong> \u30da\u30fc\u30b8\u306e\u8aad\u307f\u8fbc\u307f\u901f\u5ea6\u3084\u3001\u5199\u771f\u3084\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u306e\u9bae\u660e\u3055\u3092\u6c7a\u5b9a\u3057\u307e\u3059\u3002AVIF \u304c\u5727\u7e2e\u3067\u512a\u4f4d\u306b\u7acb\u3064\u70b9\u3001WebP \u304c\u9ad8\u901f\u30c7\u30b3\u30fc\u30c9\u3067\u512a\u4f4d\u306b\u7acb\u3064\u70b9\u3001\u305d\u3057\u3066\u4e21\u8005\u3092\u8ce2\u304f\u7d44\u307f\u5408\u308f\u305b\u308b\u65b9\u6cd5\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002.<\/p>\n\n<h2>\u4e2d\u5fc3\u70b9<\/h2>\n<p><strong>\u8ab0\u304c<\/strong> \u753b\u50cf\u3092\u8ce2\u304f\u914d\u4fe1\u3059\u308b\u3053\u3068\u3067\u3001\u6642\u9593\u3001\u30c8\u30e9\u30d5\u30a3\u30c3\u30af\u3001CPU\u30b5\u30a4\u30af\u30eb\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002\u8a73\u7d30\u306b\u5165\u308b\u524d\u306b\u3001\u4e3b\u306a\u9055\u3044\u3092\u7c21\u5358\u306b\u307e\u3068\u3081\u307e\u3059\u3002\u30db\u30b9\u30c6\u30a3\u30f3\u30b0\u306e\u65e5\u5e38\u696d\u52d9\u3067 AVIF \u3068 WebP \u3092\u4e00\u7dd2\u306b\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u306b\u3064\u3044\u3066\u3001\u660e\u78ba\u306a\u63a8\u5968\u4e8b\u9805\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u54c1\u8cea\u3092\u640d\u306a\u3046\u3053\u3068\u306a\u304f\u3001\u77ed\u3044\u8aad\u307f\u8fbc\u307f\u6642\u9593\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002. <strong>\u30b4\u30fc\u30eb<\/strong> \u6b8b\u308b\u306e\u306f\u3001\u9ad8\u901f\u3001\u4e92\u63db\u6027\u3001\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u306e\u624b\u9593\u304c\u5c11\u306a\u3044\u3053\u3068\u3067\u3059\u3002.<\/p>\n<ul>\n  <li><strong>\u5727\u7e2e<\/strong>\uff1aAVIF \u306f\u3001\u540c\u3058\u54c1\u8cea\u3067 WebP \u3088\u308a\u3082 20\uff5e50% \u5c0f\u3055\u306a\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002.<\/li>\n  <li><strong>\u30b9\u30d4\u30fc\u30c9<\/strong>: WebP \u306f\u30d6\u30e9\u30a6\u30b6\u3067\u306e\u30c7\u30b3\u30fc\u30c9\u304c\u9ad8\u901f\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u5074\u306e CPU \u3078\u306e\u8ca0\u62c5\u3092\u8efd\u6e1b\u3057\u307e\u3059\u3002.<\/li>\n  <li><strong>\u54c1\u8cea<\/strong>\uff1aAVIF \u306f\u5199\u771f\u3001\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3001\u7d30\u304b\u3044\u30c7\u30a3\u30c6\u30fc\u30eb\u306b\u512a\u308c\u3066\u3044\u307e\u3059\u3002WebP \u306f\u900f\u660e\u611f\u306e\u3042\u308b\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u306b\u9069\u3057\u3066\u3044\u307e\u3059\u3002.<\/li>\n  <li><strong>\u30b5\u30dd\u30fc\u30c8<\/strong>: WebP \u306f\u3001\u307b\u307c\u3059\u3079\u3066\u306e\u6700\u65b0\u306e\u30d6\u30e9\u30a6\u30b6\u3067\u78ba\u5b9f\u306b\u52d5\u4f5c\u3057\u307e\u3059\u3002AVIF \u3082\u6025\u901f\u306b\u666e\u53ca\u304c\u9032\u3093\u3067\u3044\u307e\u3059\u3002.<\/li>\n  <li><strong>\u7df4\u7fd2<\/strong>: \u30cf\u30a4\u30d6\u30ea\u30c3\u30c9\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7 <picture>\uff1a\u307e\u305a AVIF\u3001\u6b21\u306b WebP \u3092\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\u3068\u3057\u3066\u4f7f\u7528\u3002.<\/li>\n<\/ul>\n<p><strong>\u30ea\u30b9\u30c8<\/strong> \u5c0e\u5165\u6bb5\u968e\u3067\u306e\u307f\u5f79\u7acb\u3061\u307e\u3059\u3002\u5b9f\u8df5\u3067\u306f\u3001\u52d5\u6a5f\u3001\u76ee\u6a19\u30c7\u30d0\u30a4\u30b9\u3001\u304a\u3088\u3073\u6e2c\u5b9a\u57fa\u6e96\u306b\u3088\u3063\u3066\u6c7a\u5b9a\u3055\u308c\u307e\u3059\u3002\u5b9f\u9a13\u3092\u884c\u308f\u306a\u304f\u3066\u3082\u4fe1\u983c\u6027\u306e\u9ad8\u3044\u7d50\u679c\u3092\u5f97\u3089\u308c\u308b\u3088\u3046\u3001\u5177\u4f53\u7684\u306a\u8a2d\u5b9a\u65b9\u6cd5\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002.<\/p>\n\n\n<figure class=\"wp-block-image size-full is-resized\">\n  <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/webhosting.de\/wp-content\/uploads\/2025\/12\/bildformat-vergleich-7361.png\" alt=\"\" width=\"1536\" height=\"1024\"\/>\n<\/figure>\n\n\n<h2>WebP \u3068 AVIF \u306e\u6982\u8981<\/h2>\n<p><strong>\u30a6\u30a7\u30d6\u30d4\u30fc<\/strong> VP8\u30b3\u30fc\u30c7\u30c3\u30af\u306b\u57fa\u3065\u3044\u3066\u304a\u308a\u3001\u30d6\u30e9\u30a6\u30b6\u3001CMS\u3001\u30c4\u30fc\u30eb\u3067\u5e83\u304f\u78ba\u7acb\u3055\u308c\u3066\u3044\u307e\u3059\u3002AVIF\u306fAV1\u306b\u57fa\u3065\u3044\u3066\u304a\u308a\u3001\u753b\u50cf\u5185\u306e\u5197\u9577\u6027\u3092\u3088\u308a\u6b63\u78ba\u306b\u9664\u53bb\u3059\u308b\u9ad8\u5ea6\u306a\u624b\u6cd5\u3092\u63a1\u7528\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u540c\u3058\u8996\u899a\u7684\u5370\u8c61\u3092\u7dad\u6301\u3057\u306a\u304c\u3089\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u3092\u5927\u5e45\u306b\u524a\u6e1b\u3067\u304d\u3001\u8aad\u307f\u8fbc\u307f\u6642\u9593\u306b\u76f4\u63a5\u7684\u306a\u52b9\u679c\u304c\u3042\u308a\u307e\u3059\u3002WebP\u306f\u3001\u30c7\u30b3\u30fc\u30c9\u306b\u5fc5\u8981\u3068\u3059\u308bCPU\u30ea\u30bd\u30fc\u30b9\u304c\u5c11\u306a\u3044\u305f\u3081\u3001\u65e5\u5e38\u7684\u306b\u975e\u5e38\u306b\u9ad8\u901f\u306b\u611f\u3058\u3089\u308c\u307e\u3059\u3002 \u305d\u306e\u305f\u3081\u3001\u3055\u307e\u3056\u307e\u306a\u30e2\u30c1\u30fc\u30d5\u304c\u6df7\u5728\u3059\u308b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306f\u3001\u4e21\u65b9\u306e\u9577\u6240\u3092\u7d44\u307f\u5408\u308f\u305b\u3001\u30ea\u30b9\u30af\u3092\u6700\u5c0f\u9650\u306b\u6291\u3048\u308b\u7d44\u307f\u5408\u308f\u305b\u3092\u63a1\u7528\u3057\u3066\u3044\u307e\u3059\u3002.<\/p>\n\n<h2>\u30db\u30b9\u30c6\u30a3\u30f3\u30b0\u3067\u306e\u5727\u7e2e\u3068\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba<\/h2>\n<p><strong>\u30a2\u30fc\u30d3\u30d5<\/strong> JPEG \u3068\u6bd4\u3079\u308b\u3068\u5e73\u5747\u3067\u7d04 50% \u7bc0\u7d04\u3067\u304d\u3001WebP \u306f\u7d04 30% \u306e\u524a\u6e1b\u306b\u306a\u308a\u307e\u3059\u3002\u76f4\u63a5\u6bd4\u8f03\u3059\u308b\u3068\u3001AVIF \u30d5\u30a1\u30a4\u30eb\u306f WebP \u3088\u308a 20\uff5e50% \u307b\u3069\u5c0f\u3055\u304f\u3066\u3001\u4e00\u822c\u7684\u306a\u753b\u50cf\u3067\u306f\u898b\u305f\u76ee\u306b\u5dee\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u3053\u308c\u306b\u3088\u308a\u3001LCP \u306b\u95a2\u9023\u3059\u308b\u30d0\u30a4\u30c8\u6570\u304c\u6e1b\u3063\u3066\u3001\u5e2f\u57df\u5e45\u304c\u9650\u3089\u308c\u3066\u3044\u308b\u30e2\u30d0\u30a4\u30eb\u30e6\u30fc\u30b6\u30fc\u306b\u8ca0\u62c5\u304c\u304b\u304b\u308a\u306b\u304f\u304f\u306a\u308a\u307e\u3059\u3002 \u591a\u304f\u306e\u5199\u771f\u3092\u542b\u3080\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u3084\u30b7\u30e7\u30c3\u30d7\u3067\u306f\u3001\u3053\u306e\u5229\u70b9\u306f\u30ab\u30c6\u30b4\u30ea\u30da\u30fc\u30b8\u5168\u4f53\u3067\u5927\u5e45\u306b\u62e1\u5927\u3057\u307e\u3059\u3002\u3088\u308a\u6df1\u3044\u7406\u89e3\u306e\u305f\u3081\u306b\u3001\u30d9\u30fc\u30b9\u30e9\u30a4\u30f3\u3092 <a href=\"https:\/\/webhosting.de\/ja\/webp-vs-jpeg-%e6%af%94%e8%bc%83-2025-%e6%9c%80%e9%81%a9%e3%81%aa%e7%94%bb%e5%83%8f%e3%83%95%e3%82%a9%e3%83%bc%e3%83%9e%e3%83%83%e3%83%88-%e3%82%a6%e3%82%a7%e3%83%96%e3%82%b9%e3%83%94%e3%83%bc%e3%83%89\/\">WebP \u5bfe JPEG \u306e\u6bd4\u8f03<\/a> \u305d\u3057\u3066\u3001\u305d\u306e\u4e0a\u306bAVIF\u3092\u7f6e\u304d\u307e\u3059\u3002.<\/p>\n\n\n<figure class=\"wp-block-image size-full is-resized\">\n  <img decoding=\"async\" src=\"https:\/\/webhosting.de\/wp-content\/uploads\/2025\/12\/webp-vs-avif-meeting-8361.png\" alt=\"\" width=\"1536\" height=\"1024\"\/>\n<\/figure>\n\n\n<h2>\u30ed\u30fc\u30c9\u6642\u9593\u3001\u30c7\u30b3\u30fc\u30c9\u3001CPU<\/h2>\n<p><strong>\u30a6\u30a7\u30d6\u30d4\u30fc<\/strong> \u30c7\u30b3\u30fc\u30c0\u30fc\u304c\u3088\u308a\u6210\u719f\u3057\u3001\u8efd\u91cf\u5316\u3055\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u591a\u304f\u306e\u30b7\u30ca\u30ea\u30aa\u3067\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u304c\u8457\u3057\u304f\u9ad8\u901f\u5316\u3055\u308c\u3066\u3044\u307e\u3059\u3002AVIF \u306f\u3088\u308a\u591a\u304f\u306e\u8a08\u7b97\u6642\u9593\u3092\u5fc5\u8981\u3068\u3057\u307e\u3059\u304c\u3001\u591a\u304f\u306e\u5834\u5408\u3001\u30da\u30a4\u30ed\u30fc\u30c9\u304c\u5c0f\u3055\u3044\u305f\u3081\u305d\u308c\u3092\u76f8\u6bba\u3057\u3066\u3044\u307e\u3059\u3002\u9ad8\u901f\u306e\u30c7\u30d0\u30a4\u30b9\u3067\u306f\u305d\u306e\u5dee\u306f\u307b\u3068\u3093\u3069\u76ee\u7acb\u3061\u307e\u305b\u3093\u304c\u3001\u975e\u5e38\u306b\u53e4\u3044\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u3067\u306f AVIF \u753b\u50cf\u306e\u8a08\u7b97\u306b\u3084\u3084\u6642\u9593\u304c\u304b\u304b\u308a\u307e\u3059\u3002 \u305d\u306e\u305f\u3081\u3001\u6642\u9593\u7684\u4f59\u88d5\u304c\u9650\u3089\u308c\u3066\u3044\u308b\u91cd\u8981\u306a\u30a2\u30d0\u30d6\u30fb\u30b6\u30fb\u30d5\u30a9\u30fc\u30eb\u30c9\u306e\u30e2\u30c1\u30fc\u30d5\u306b\u306f\u3001WebP \u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3092\u597d\u307f\u307e\u3059\u3002\u30e2\u30c1\u30fc\u30d5\u304c\u5927\u304d\u304b\u3063\u305f\u308a\u3001\u30c7\u30a3\u30c6\u30fc\u30eb\u304c\u8c4a\u5bcc\u306a\u5834\u5408\u306f\u3001\u8ee2\u9001\u91cf\u304c\u5c11\u306a\u3044 AVIF \u306e\u65b9\u304c\u6709\u5229\u3067\u3042\u308a\u3001\u6700\u7d42\u7684\u306b\u306f\u3088\u308a\u9ad8\u901f\u306a\u30b9\u30bf\u30fc\u30c8\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002.<\/p>\n\n<h2>\u88ab\u5199\u4f53\u30bf\u30a4\u30d7\u5225\u306e\u753b\u8cea<\/h2>\n<p><strong>\u5199\u771f<\/strong> AVIF \u3067\u306f\u3001\u7d30\u304b\u3044\u30c6\u30af\u30b9\u30c1\u30e3\u3001\u5f71\u3001\u6ed1\u3089\u304b\u306a\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u304c\u3001\u3088\u308a\u6ed1\u3089\u304b\u3067\u30a2\u30fc\u30c6\u30a3\u30d5\u30a1\u30af\u30c8\u304c\u5c11\u306a\u3044\u3088\u3046\u306b\u898b\u3048\u308b\u3053\u3068\u304c\u591a\u3044\u3002WebP \u3082\u305d\u308c\u306b\u52a3\u3089\u305a\u5b89\u5b9a\u3057\u3066\u3044\u308b\u304c\u3001\u4f4e\u30d3\u30c3\u30c8\u30ec\u30fc\u30c8\u3067\u306f\u30d0\u30f3\u30c7\u30a3\u30f3\u30b0\u3084\u30a8\u30c3\u30b8\u306e\u3061\u3089\u3064\u304d\u304c\u898b\u3089\u308c\u3084\u3059\u3044\u3002 \u30ed\u30b4\u3001\u30a2\u30a4\u30b3\u30f3\u3001UI \u8981\u7d20\u306b\u3064\u3044\u3066\u306f\u3001WebP \u306f\u900f\u660e\u5ea6\u304c\u660e\u78ba\u3067\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u304c\u975e\u5e38\u306b\u5c0f\u3055\u3044\u305f\u3081\u3001\u512a\u308c\u305f\u6027\u80fd\u3092\u767a\u63ee\u3057\u307e\u3059\u3002\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306f\u3001\u30c7\u30fc\u30bf\u91cf\u3068 CPU \u8ca0\u8377\u304c\u5927\u5e45\u306b\u524a\u6e1b\u3055\u308c\u308b\u305f\u3081\u3001GIF \u306e\u4ee3\u308f\u308a\u306b WebP \u3067\u7f6e\u304d\u63db\u3048\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002\u30cf\u30a4\u30c0\u30a4\u30ca\u30df\u30c3\u30af\u30ec\u30f3\u30b8\u307e\u305f\u306f 10 \u30d3\u30c3\u30c8\u306e\u30b7\u30fc\u30f3\u3067\u306f\u3001AVIF \u304c\u305d\u306e\u5f37\u307f\u3092\u767a\u63ee\u3057\u3001\u30c8\u30fc\u30f3\u5024\u3092\u3088\u308a\u826f\u304f\u4fdd\u6301\u3057\u307e\u3059\u3002.<\/p>\n\n<h2>\u4e92\u63db\u6027\u3068\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\u6226\u7565<\/h2>\n<p><strong>\u30a6\u30a7\u30d6\u30d4\u30fc<\/strong> \u307b\u307c\u3059\u3079\u3066\u306e\u6700\u65b0\u30d6\u30e9\u30a6\u30b6\u3067\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u3066\u3044\u307e\u3059\u3002Safari 14 \u4ee5\u964d\u3082\u542b\u307e\u308c\u307e\u3059\u3002AVIF \u306f\u73fe\u5728\u3001Chrome\u3001Firefox\u3001Edge\u3001\u304a\u3088\u3073\u65b0\u3057\u3044\u30d0\u30fc\u30b8\u30e7\u30f3\u306e Safari \u3067\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u53e4\u3044\u30c7\u30d0\u30a4\u30b9\u3067\u306f\u307e\u3060\u4e0d\u78ba\u5b9a\u8981\u7d20\u304c\u6b8b\u3063\u3066\u3044\u307e\u3059\u3002 \u305d\u306e\u305f\u3081\u3001\u79c1\u306f AVIF \u3092\u512a\u5148\u3057\u3001WebP \u3092\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\u30aa\u30d7\u30b7\u30e7\u30f3\u3068\u3057\u3066\u63d0\u4f9b\u3057\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066 JPEG \u3092\u6700\u5f8c\u306e\u624b\u6bb5\u3068\u3057\u3066\u9078\u629e\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306f\u30e6\u30fc\u30b6\u30fc\u304c\u4ecb\u5165\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u81ea\u52d5\u7684\u306b\u6700\u9069\u306a\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3092\u8868\u793a\u3057\u307e\u3059\u3002\u3053\u306e\u6bb5\u968e\u7684\u306a\u5bfe\u5fdc\u306b\u3088\u308a\u3001\u914d\u4fe1\u306e\u4fe1\u983c\u6027\u304c\u78ba\u4fdd\u3055\u308c\u3001\u30b5\u30dd\u30fc\u30c8\u30b1\u30fc\u30b9\u304c\u5927\u5e45\u306b\u524a\u6e1b\u3055\u308c\u307e\u3059\u3002.<\/p>\n\n\n<figure class=\"wp-block-image size-full is-resized\">\n  <img decoding=\"async\" src=\"https:\/\/webhosting.de\/wp-content\/uploads\/2025\/12\/webp-vs-avif-vergleich-rennen-4729.png\" alt=\"\" width=\"1536\" height=\"1024\"\/>\n<\/figure>\n\n\n<h2>picture\u8981\u7d20\u3092\u4f7f\u7528\u3057\u305f\u5b9f\u8df5\u7684\u306a\u8a2d\u5b9a<\/h2>\n<p><strong>\u5199\u771f<\/strong> \u8907\u6570\u306e\u30bd\u30fc\u30b9\u3092\u6307\u5b9a\u3057\u3001\u30d6\u30e9\u30a6\u30b6\u306b\u6c7a\u5b9a\u3092\u4efb\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002AVIF \u3092\u6700\u512a\u5148\u3068\u3057\u3001WebP \u3092 2 \u756a\u76ee\u306e\u30bd\u30fc\u30b9\u3068\u3057\u3066\u8a2d\u5b9a\u3057\u3001img \u30bf\u30b0\u306b\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\u7528\u306e\u6a19\u6e96\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002 loading=\u201clazy\u201c \u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u4e71\u308c\u3092\u5fc3\u914d\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u4e0b\u306b\u3042\u308b\u30e2\u30c1\u30fc\u30d5\u306e\u8a08\u7b97\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002\u3055\u3089\u306b\u3001srcset \u304a\u3088\u3073 sizes \u3092\u4f7f\u7528\u3057\u3066\u5e45\u3092\u5b9a\u7fa9\u3057\u3001\u30c7\u30d0\u30a4\u30b9\u304c\u9069\u5207\u306a\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u306e\u307f\u3092\u30ed\u30fc\u30c9\u3059\u308b\u3088\u3046\u306b\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001HTML \u3067\u76f4\u63a5\u8ee2\u9001\u3068\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3092\u5236\u5fa1\u3057\u3001\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3092\u7ba1\u7406\u3057\u3084\u3059\u3044\u72b6\u614b\u306b\u4fdd\u3064\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002.<\/p>\n\n<h2>\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u3001CMS\u3001CDN<\/h2>\n<p><strong>\u30aa\u30fc\u30c8\u30e1\u30fc\u30b7\u30e7\u30f3<\/strong> \u79c1\u306e\u4f5c\u696d\u8ca0\u62c5\u3092\u8efd\u6e1b\uff1a\u30d3\u30eb\u30c9\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u306f\u3001\u30de\u30b9\u30bf\u30fc\u753b\u50cf\u304b\u3089 AVIF\u3001WebP\u3001JPEG \u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u3092\u751f\u6210\u3057\u307e\u3059\u3002CMS \u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3067\u306f\u3001\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3059\u308b\u3060\u3051\u3067\u3001\u6b8b\u308a\u306f\u30d7\u30e9\u30b0\u30a4\u30f3\u3084\u30ef\u30fc\u30ab\u30fc\u30b8\u30e7\u30d6\u306b\u3088\u3063\u3066\u5b9f\u884c\u3055\u308c\u307e\u3059\u3002CDN \u306f\u914d\u4fe1\u3092\u9ad8\u901f\u5316\u3057\u3001\u30aa\u30f3\u30b6\u30d5\u30e9\u30a4\u3067\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u3092\u751f\u6210\u307e\u305f\u306f\u30ad\u30e3\u30c3\u30b7\u30e5\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002WordPress \u3067\u306f\u3001Transformations Edge \u3068\u306e\u7d71\u5408\u3001\u305f\u3068\u3048\u3070 <a href=\"https:\/\/webhosting.de\/ja\/%e7%94%bb%e5%83%8f-cdn-%e3%83%90%e3%83%8b%e3%83%bc%e3%83%8d%e3%83%83%e3%83%88-%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9%e7%b5%b1%e5%90%88-%e3%83%91%e3%83%af%e3%83%bc%e3%82%a6%e3%82%a7\/\">Bunny.net \u306b\u3088\u308b\u30a4\u30e1\u30fc\u30b8 CDN<\/a>. \u3053\u308c\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u5e38\u306b\u30a8\u30c3\u30b8 PoP \u306e\u8fd1\u304f\u306b\u63a5\u7d9a\u3055\u308c\u3001\u6700\u9069\u306a\u753b\u8cea\u3067\u6620\u50cf\u3092\u8996\u8074\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002.<\/p>\n\n\n<figure class=\"wp-block-image size-full is-resized\">\n  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/webhosting.de\/wp-content\/uploads\/2025\/12\/webp-vs-avif-office-0483.png\" alt=\"\" width=\"1536\" height=\"1024\"\/>\n<\/figure>\n\n\n<h2>\u30a8\u30f3\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u8a2d\u5b9a\uff1a\u54c1\u8cea\u3092\u76ee\u7684\u6307\u5411\u3067\u5236\u5fa1<\/h2>\n<p><strong>\u54c1\u8cea\u30d1\u30e9\u30e1\u30fc\u30bf<\/strong> \u30e2\u30c1\u30fc\u30d5\u306b\u3088\u3063\u3066\u305d\u306e\u52b9\u679c\u306f\u5927\u304d\u304f\u7570\u306a\u308a\u307e\u3059\u3002\u56fa\u5b9a\u5024\u3092\u30b0\u30ed\u30fc\u30d0\u30eb\u306b\u8a2d\u5b9a\u3059\u308b\u4ee3\u308f\u308a\u306b\u3001\u30e2\u30c1\u30fc\u30d5\u30bf\u30a4\u30d7\u3054\u3068\u306b\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3\u3092\u8a2d\u5b9a\u3057\u3001\u30e9\u30f3\u30c0\u30e0\u306b\u30c6\u30b9\u30c8\u3092\u884c\u3063\u3066\u3044\u307e\u3059\u3002.<\/p>\n<ul>\n  <li><strong>AVIF (libaom\/SVT-AV1)<\/strong>\uff1a\u5199\u771f\u306e\u5834\u5408\u306f\u300110\u30d3\u30c3\u30c8\u30014:2:0\u30af\u30ed\u30de\u3001\u9069\u5ea6\u306a\u901f\u5ea6\u3067\u59cb\u3081\u307e\u3059\u3002\u76ee\u6a19\u7bc4\u56f2\u306f <em>cq\u30ec\u30d9\u30eb<\/em>\/\u54c1\u8cea\uff1a24\uff5e34\u3002\u4f4e\u3044\u307b\u3069\u826f\u3044\u304c\u3001\u901f\u5ea6\u306f\u9045\u304f\u306a\u308b\u3002UI \u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u306e\u5834\u5408\u30014:4:4 \u3092\u4f7f\u7528\u3059\u308b\u3068\u8272\u306e\u30a8\u30c3\u30b8\u304c\u9bae\u660e\u306b\u306a\u308a\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u54c1\u8cea\u3092\u5c11\u3057\u9ad8\u304f\uff0820\uff5e28\uff09\u8a2d\u5b9a\u3059\u308b\u3068\u826f\u3044\u3002.<\/li>\n  <li><strong>WebP\uff08\u975e\u53ef\u9006\uff09<\/strong>\uff1a\u5b89\u5b9a\u3057\u305f\u51fa\u767a\u70b9\u306f q=70\u201382 \u3067\u3001 <em>-m 6<\/em> \uff08\u96c6\u4e2d\u7684\u306a\u691c\u7d22\uff09\u304a\u3088\u3073 <em>-af<\/em> \uff08\u81ea\u52d5\u30d5\u30a3\u30eb\u30bf\u30fc\uff09\u3002\u7e4a\u7d30\u306a\u30d7\u30ed\u30bb\u30b9\u306b\u306f q=85\u3001\u8f2a\u90ed\u304c\u91cd\u8981\u3067\u306a\u3044\u30b5\u30e0\u30cd\u30a4\u30eb\u306b\u306f q=60\uff5e70 \u3092\u8a2d\u5b9a\u3057\u3066\u304f\u3060\u3055\u3044\u3002.<\/li>\n  <li><strong>WebP\uff08\u30ed\u30b9\u30ec\u30b9\/\u30cb\u30a2\u30ed\u30b9\u30ec\u30b9\uff09<\/strong>: \u30a2\u30a4\u30b3\u30f3\/\u30ed\u30b4\u306b\u3064\u3044\u3066\u306f\u3001\u4ee5\u4e0b\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 <em>\u307b\u307c\u30ed\u30b9\u30ec\u30b9<\/em> \u540c\u3058\u753b\u8cea\u3067\u3001PNG\u3088\u308a\u308220\uff5e40%\u5c11\u306a\u3044\u30d0\u30a4\u30c8\u6570\u306b\u306a\u308b\u3053\u3068\u304c\u591a\u3044\u300260\uff5e80\u304b\u3089\u59cb\u3081\u3066\u3001\u30a8\u30c3\u30b8\u3092\u78ba\u8a8d\u3057\u3088\u3046\u3002.<\/li>\n<\/ul>\n<p><strong>CLI \u306e\u4f8b<\/strong> \u518d\u73fe\u6027\u306e\u3042\u308b\u30d3\u30eb\u30c9\u306e\u305f\u3081\u306b\uff1a<\/p>\n<pre><code># AVIF: 10\u30d3\u30c3\u30c8\u3001\u54c1\u8cea\u3068\u901f\u5ea6\u306e\u30d0\u30e9\u30f3\u30b9\u306b\u512a\u308c\u308b avifenc --min 0 --max 63 --cq-level 28 --speed 4 --depth 10 --chroma 420 input.jpg -o output.avif\n\n# WebP\uff1a\u5199\u771f\uff08\u975e\u53ef\u9006\uff09 cwebp -q 78 -m 6 -af -sharp_yuv input.jpg -o output.webp # WebP\uff1aUI\/\u30ed\u30b4\uff08\u307b\u307c\u53ef\u9006\uff09 cwebp -near_lossless 70 -z 6 input.png -o output.webp\n<\/code><\/pre>\n<p><strong>\u30d2\u30f3\u30c8<\/strong>\uff1a\u30d5\u30a3\u30eb\u30e0\u30b0\u30ec\u30a4\u30f3\u306e\u5f37\u3044\u30e2\u30c1\u30fc\u30d5\u306f\u3001AVIF \u306e\u30b0\u30ec\u30a4\u30f3\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30b3\u30fc\u30c7\u30c3\u30af\u3092\u300c\u6ed1\u3089\u304b\u306b\u3059\u308b\u300d\u3088\u308a\u3082\u3001\u3088\u308a\u30ea\u30a2\u30eb\u306a\u8868\u73fe\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002\u30c6\u30af\u30b9\u30c1\u30e3\uff08\u808c\u3001\u5e03\u3001\u8449\uff09\u306b\u3064\u3044\u3066\u306f\u3001\u54c1\u8cea\u30ec\u30d9\u30eb\u3092 1\uff5e2 \u6bb5\u968e\u4e0a\u3052\u3001\u305d\u306e\u4ee3\u308f\u308a\u306b\u89e3\u50cf\u5ea6\u3092\u5c11\u3057\u4e0b\u3052\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002\u8996\u899a\u7684\u306b\u306f\u3001\u610f\u56f3\u7684\u306a\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u306e\u65b9\u304c\u826f\u3044\u7d50\u679c\u306b\u306a\u308b\u5834\u5408\u304c\u307b\u3068\u3093\u3069\u3067\u3059\u3002.<\/p>\n\n<h2>\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u753b\u50cf\u306e\u9069\u5207\u306a\u30b5\u30a4\u30ba\u8a2d\u5b9a<\/h2>\n<p><strong>\u6c7a\u8b70<\/strong> \u6700\u5927\u306e\u30ec\u30d0\u30ec\u30c3\u30b8\u3067\u3059\u3002\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3054\u3068\u306b\u4e0a\u9650\uff08\u30d2\u30fc\u30ed\u30fc\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u3001\u30b5\u30e0\u30cd\u30a4\u30eb\uff09\u3092\u8a2d\u5b9a\u3057\u3001\u30c7\u30d0\u30a4\u30b9\u30ab\u30c6\u30b4\u30ea\u3092 <em>\u30bd\u30fc\u30b9\u30bb\u30c3\u30c8<\/em> \u305d\u3057\u3066 <em>\u30b5\u30a4\u30ba<\/em>. \u305d\u306e\u305f\u3081\u3001\u5c0f\u578b\u30c7\u30d0\u30a4\u30b9\u306f 2K \u30a2\u30bb\u30c3\u30c8\u3092\u30ed\u30fc\u30c9\u3059\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002.<\/p>\n<pre><code>&lt;picture&gt;\n  &lt;source type=&quot;image\/avif&quot;\n          srcset=&quot;hero-800.avif 800w, hero-1200.avif 1200w, hero-1600.avif 1600w&quot;\n          sizes=&quot;(max-width: 900px) 92vw, 1200px&quot;&gt;\n  &lt;source type=&quot;image\/webp&quot;\n          srcset=&quot;hero-800.webp 800w, hero-1200.webp 1200w, hero-1600.webp 1600w&quot;\n          sizes=&quot;(max-width: 900px) 92vw, 1200px&quot;&gt;\n  &lt;img src=&quot;hero-1200.jpg&quot; width=&quot;1200&quot; height=&quot;800&quot; alt=&quot;\u30d2\u30fc\u30ed\u30fc\u306e\u30e2\u30c1\u30fc\u30d5&quot;\n       loading=&quot;lazy&quot; decoding=&quot;async&quot;&gt;\n&lt;\/picture&gt;\n<\/code><\/pre>\n<ul>\n  <li><strong>\u5e45\u306e\u6bb5\u968e<\/strong>: 10\u6bb5\u968e\u3067\u306f\u306a\u304f\u30011.0x\/1.5x\/2.0x\u3067\u5341\u5206\u306a\u5834\u5408\u304c\u591a\u304f\u3001\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u304c\u591a\u3059\u304e\u308b\u3068\u30d3\u30eb\u30c9\u3068\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u8ca0\u8377\u304c\u9ad8\u307e\u308a\u307e\u3059\u3002.<\/li>\n  <li><strong>\u5bf8\u6cd5\u3092\u56fa\u5b9a\u3059\u308b<\/strong>: width\/height \u307e\u305f\u306f CSS aspect-ratio \u306f CLS \u3092\u56de\u907f\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u30d7\u30ec\u30fc\u30b9\u30db\u30eb\u30c0\u30fc\/\u307c\u304b\u3057\u30d7\u30ec\u30fc\u30b9\u30db\u30eb\u30c0\u30fc\u306b\u3082\u5f53\u3066\u306f\u307e\u308a\u307e\u3059\u3002.<\/li>\n  <li><strong>\u30c0\u30a6\u30f3\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0<\/strong>\u5727\u7e2e\u524d\u306b\u9069\u5ea6\u306b\u7e2e\u5c0f\u3057\u3066\u304f\u3060\u3055\u3044\uff08\u4f8b\u3048\u3070\u3001\u76ee\u6a19\u5e45\u306e 1.5\uff5e2.0 \u500d\u3092\u8d85\u3048\u306a\u3044\u3088\u3046\u306b\u3057\u3066\u304f\u3060\u3055\u3044\uff09\u3002\u30c7\u30b3\u30fc\u30c0\u30fc\u306f\u5e38\u306b\u5168\u30d4\u30af\u30bb\u30eb\u6570\u3092\u30d0\u30c3\u30d5\u30a1\u30ea\u30f3\u30b0\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002.<\/li>\n<\/ul>\n\n<h2>\u512a\u5148\u9806\u4f4d\u4ed8\u3051\u3001\u9045\u5ef6\u8aad\u307f\u8fbc\u307f\u3001\u30d7\u30ea\u30ed\u30fc\u30c9<\/h2>\n<p><strong>Above-the-fold<\/strong> \u753b\u50cf\u306f\u4ed6\u306e\u8981\u7d20\u306e\u8868\u793a\u3092\u9045\u3089\u305b\u3066\u306f\u3044\u3051\u307e\u305b\u3093\u3002\u79c1\u306f\u512a\u5148\u5ea6\u30d2\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u30012\u756a\u76ee\u306e\u30d5\u30a9\u30fc\u30eb\u30c9\u304b\u3089\u30ec\u30a4\u30b8\u30fc\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u3092\u8a2d\u5b9a\u3057\u3001\u91cd\u8981\u306a\u30d7\u30ea\u30ed\u30fc\u30c9\u306f\u63a7\u3048\u3081\u306b\u4f7f\u7528\u3057\u3066\u3044\u307e\u3059\u3002.<\/p>\n<ul>\n  <li><strong>\u30d5\u30a7\u30c3\u30c1\u30d7\u30e9\u30a4\u30aa\u30ea\u30c6\u30a3<\/strong>: \u30d2\u30fc\u30ed\u30fc\u753b\u50cf\u3092\u5165\u624b\u3059\u308b <em>fetchpriority=\"high\"<\/em>; \u305d\u308c\u4ee5\u5916\u306f\u300cauto\u300d\u307e\u305f\u306f\u300clow\u300d\u306e\u307e\u307e\u306b\u3057\u3066\u304a\u3044\u3066\u304f\u3060\u3055\u3044\u3002.<\/li>\n  <li><strong>\u30ec\u30a4\u30b8\u30fc\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0<\/strong>: <em>loading=\"lazy\"<\/em> \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u5965\u6df1\u304f\u306b\u3042\u308b\u30b3\u30f3\u30c6\u30f3\u30c4\u753b\u50cf\u7528\u3002\u30ae\u30e3\u30e9\u30ea\u30fc\u306e\u5834\u5408\u3001IntersectionObserver \u306f\u30d3\u30e5\u30fc\u30dd\u30fc\u30c8\u306e\u76f4\u524d\u306b\u30af\u30ea\u30fc\u30f3\u306a\u30d7\u30ea\u30ed\u30fc\u30c9\u3092\u30c8\u30ea\u30ac\u30fc\u3067\u304d\u307e\u3059\u3002.<\/li>\n  <li><strong>\u30d7\u30ea\u30ed\u30fc\u30c9<\/strong>\uff1a1\uff5e2\u500b\u306e\u91cd\u8981\u306aAbove-the-fold\u30e2\u30c1\u30fc\u30d5\u306e\u307f\u306b\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u305d\u308c\u4ee5\u5916\u306b\u4f7f\u7528\u3059\u308b\u3068\u3001\u512a\u5148\u9806\u4f4d\u30ad\u30e5\u30fc\u304c\u8584\u307e\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002\u30d7\u30ea\u30ed\u30fc\u30c9\u306f\u3001\u5b9f\u969b\u306b\u4f7f\u7528\u3055\u308c\u3066\u3044\u308b <em>\u30bd\u30fc\u30b9<\/em>\/<em>\u30bf\u30a4\u30d7<\/em> \u4e00\u81f4\u3059\u308b\u3002.<\/li>\n<\/ul>\n\n<h2>\u30ab\u30e9\u30fc\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\u3001HDR\u3001\u30e1\u30bf\u30c7\u30fc\u30bf<\/h2>\n<p><strong>\u8272\u518d\u73fe\u6027<\/strong> \u306f\u54c1\u8cea\u306e\u7279\u5fb4\u3067\u3059\u3002AVIF \u306f\u9ad8\u3044\u30d3\u30c3\u30c8\u6df1\u5ea6\u3068\u6700\u65b0\u306e\u8ee2\u9001\u6a5f\u80fd\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3059\u3002WebP \u306f\u3001\u5b9f\u7528\u4e0a\u3001\u307b\u3068\u3093\u3069\u306e\u5834\u5408 8 \u30d3\u30c3\u30c8 sRGB \u3067\u52d5\u4f5c\u3057\u307e\u3059\u3002.<\/p>\n<ul>\n  <li><strong>\u30d3\u30c3\u30c8\u6df1\u5ea6<\/strong>\uff1a10\u30d3\u30c3\u30c8AVIF\u306f\u3001\u30ab\u30e9\u30fc\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306e\u30d0\u30f3\u30c7\u30a3\u30f3\u30b0\u3092\u5927\u5e45\u306b\u4f4e\u6e1b\u3057\u307e\u3059\u3002\u5f93\u6765\u306e\u30a6\u30a7\u30d6\u5199\u771f\u3067\u306f8\u30d3\u30c3\u30c8\u3067\u5341\u5206\u306a\u5834\u5408\u304c\u591a\u3044\u3067\u3059\u304c\u3001\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u304c\u3042\u308b\u5834\u5408\u306f10\u30d3\u30c3\u30c8\u304c\u6709\u52b9\u3067\u3059\u3002.<\/li>\n  <li><strong>\u8272\u7a7a\u9593<\/strong>: \u4e00\u8cab\u3057\u305f\u8868\u793a\u306e\u305f\u3081\u306b sRGB \u3092\u57cb\u3081\u8fbc\u307f\u307e\u3059\u3002\u5e83\u3044\u8272\u57df (Display P3) \u3082\u53ef\u80fd\u3067\u3059\u304c\u3001\u5bfe\u5fdc\u3059\u308b\u30c7\u30a3\u30b9\u30d7\u30ec\u30a4\u3067\u306e\u307f\u305d\u306e\u5229\u70b9\u3092\u767a\u63ee\u3057\u307e\u3059\u3002.<\/li>\n  <li><strong>HDR<\/strong>\uff1aAVIF \u306f PQ\/HLG \u304a\u3088\u3073\u9ad8\u30b3\u30f3\u30c8\u30e9\u30b9\u30c8\u30b7\u30fc\u30f3\u3092\u3088\u308a\u9069\u5207\u306b\u4f1d\u9001\u3057\u307e\u3059\u3002\u30bf\u30fc\u30b2\u30c3\u30c8\u30d6\u30e9\u30a6\u30b6\u3067\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u30d1\u30b9\u3092\u78ba\u8a8d\u3057\u3001HDR \u3092 SDR \u30da\u30fc\u30b8\u306b\u7121\u5236\u9650\u306b\u6df7\u5728\u3055\u305b\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002.<\/li>\n  <li><strong>\u30e1\u30bf\u30c7\u30fc\u30bf<\/strong>\uff1a\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u5f8c\u306b\u65b9\u4f4d\/EXIF\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u3059\u3079\u3066\u306e\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u304cGPS\/EXIF\u3092\u4fdd\u6301\u3059\u308b\u308f\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u4fdd\u8b77\u306e\u89b3\u70b9\u304b\u3089\u3001\u305d\u308c\u304c\u671b\u307e\u3057\u3044\u5834\u5408\u304c\u591a\u3044\u306e\u3067\u3059\u3002.<\/li>\n<\/ul>\n\n<h2>\u900f\u660e\u6027\u3001\u30a2\u30a4\u30b3\u30f3\u3001UI\u30b0\u30e9\u30d5\u30a3\u30c3\u30af<\/h2>\n<p><strong>\u900f\u660e\u6027<\/strong> \u30a2\u30eb\u30d5\u30a1\u30a8\u30c3\u30b8\u304c\u534a\u900f\u660e\u306b\u306a\u308b\u3068\u3001\u6271\u3044\u304c\u96e3\u3057\u304f\u306a\u308b\u3002\u3060\u304b\u3089\u3001UI\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u3092\u3044\u308d\u3093\u306a\u80cc\u666f\uff08\u660e\u308b\u3044\/\u6697\u3044\/\u30b3\u30f3\u30c8\u30e9\u30b9\u30c8\u304c\u5f37\u3044\uff09\u3067\u30c6\u30b9\u30c8\u3057\u3066\u308b\u3093\u3060\u3002.<\/p>\n<ul>\n  <li><strong>\u30a6\u30a7\u30d6\u30d4\u30fc<\/strong> \u4fe1\u983c\u6027\u306e\u9ad8\u3044\u30a2\u30eb\u30d5\u30a1\u30b5\u30dd\u30fc\u30c8\u3068\u3001\u307b\u307c\u30ed\u30b9\u30ec\u30b9\u306e\u5c0f\u3055\u306a\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u304c\u9b45\u529b\u3002\u30b7\u30e3\u30fc\u30d7\u306a\u30ed\u30b4\u306b\u306f\u3001\u3088\u304f\u6700\u521d\u306b\u9078\u3070\u308c\u308b\u3088\u3002.<\/li>\n  <li><strong>\u30a2\u30fc\u30d3\u30d5<\/strong> \u900f\u660e\u6027\u306f\u78ba\u4fdd\u3067\u304d\u307e\u3059\u304c\u3001\u30c4\u30fc\u30eb\u30c1\u30a7\u30fc\u30f3\u306f\u3088\u308a\u4e00\u8cab\u6027\u306b\u6b20\u3051\u308b\u52d5\u4f5c\u3092\u3057\u307e\u3059\u3002CI\u306b\u91cd\u8981\u306a\u30ed\u30b4\u306b\u3064\u3044\u3066\u306f\u3001WebP\/PNG\u3092\u4fdd\u5b88\u7684\u306b\u4f7f\u7528\u3057\u7d9a\u3051\u308b\u3053\u3068\u306b\u3057\u307e\u3059\u3002.<\/li>\n  <li><strong>\u30a8\u30b9\u30d6\u30a4\u30b8\u30fc<\/strong> \u5b9f\u969b\u306e\u30d9\u30af\u30bf\u30fc\uff08\u30ed\u30b4\u3001\u30a2\u30a4\u30b3\u30f3\u3001\u30b7\u30f3\u30d7\u30eb\u306a\u30a4\u30e9\u30b9\u30c8\uff09\u306b\u306f\u3001\u3053\u308c\u304c\u6700\u5584\u306e\u9078\u629e\u80a2\u3067\u3059\u3002\u30e9\u30b9\u30bf\u30fc\u5f62\u5f0f\u306f\u3001\u3053\u3053\u3067\u306f\u6b21\u5584\u306e\u9078\u629e\u80a2\u3067\u3059\u3002.<\/li>\n  <li><strong>\u30b9\u30d7\u30e9\u30a4\u30c8<\/strong> \u307b\u3068\u3093\u3069\u5fc5\u8981\u306a\u3044\u3088\u3002HTTP\/2\/3 \u3068\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u304a\u304b\u3052\u3067\u3001\u307b\u3068\u3093\u3069\u306e\u5834\u5408\u3001\u305d\u308c\u3089\u306f\u4e0d\u8981\u306b\u306a\u308b\u3093\u3060\u3002\u500b\u5225\u3067\u3001\u540d\u524d\u3082\u308f\u304b\u308a\u3084\u3059\u3044\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u9577\u3044\u30a2\u30bb\u30c3\u30c8\u3092\u4f7f\u3046\u306e\u304c\u3044\u3044\u306d\u3002.<\/li>\n<\/ul>\n\n<h2>\u30b5\u30fc\u30d0\u30fc\u69cb\u6210\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u3001\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3<\/h2>\n<p><strong>\u30d8\u30c3\u30c0\u30fc<\/strong> \u30ad\u30e3\u30c3\u30b7\u30e5\u30d2\u30c3\u30c8\u3001CPU\u8ca0\u8377\u3001\u6b63\u78ba\u306a\u30bf\u30a4\u30d7\u8a8d\u8b58\u3092\u6c7a\u5b9a\u3057\u307e\u3059\u3002\u6b63\u3057\u3044MIME\u30bf\u30a4\u30d7\u3001\u9577\u3044\u30ad\u30e3\u30c3\u30b7\u30e5\u6642\u9593\u3001\u5c02\u7528\u306e\u30d5\u30a1\u30a4\u30eb\u540d\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002.<\/p>\n<ul>\n  <li><strong>\u30b3\u30f3\u30c6\u30f3\u30c4\u30bf\u30a4\u30d7<\/strong>: image\/avif\u3001image\/webp\u3001image\/jpeg \u3092\u6b63\u3057\u304f\u914d\u4fe1\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u6c4e\u7528\u7684\u306a <em>application\/octet-stream<\/em>.<\/li>\n  <li><strong>\u30ad\u30e3\u30c3\u30b7\u30f3\u30b0<\/strong>: <em>\u30ad\u30e3\u30c3\u30b7\u30e5\u5236\u5fa1: public, max-age=31536000, immutable<\/em> \u30d0\u30fc\u30b8\u30e7\u30f3\u7ba1\u7406\u3055\u308c\u305f\u30d5\u30a1\u30a4\u30eb\u540d\uff08\u540d\u524d\u306b\u30cf\u30c3\u30b7\u30e5\u3092\u542b\u3080\uff09\u306e\u5834\u5408\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30d6\u30e9\u30a6\u30b6\u306f\u6975\u3081\u3066\u52b9\u7387\u7684\u3067\u3042\u308a\u7d9a\u3051\u307e\u3059\u3002.<\/li>\n  <li><strong>\u53ef\u5909<\/strong>: \u30b5\u30fc\u30d0\u30fc\u5074\u3067\u306e Accept \u30d8\u30c3\u30c0\u30fc\u306b\u3088\u308b\u30cd\u30b4\u30b7\u30a8\u30fc\u30b7\u30e7\u30f3\u3067\u306f\u3001 <em>\u5024: Accept<\/em> \u7fa9\u52d9\u3002\u5229\u7528\u3057\u3066\u3044\u307e\u3059\u304b\uff1f <em>\u5199\u771f<\/em>-\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u306f\u3001\u307b\u3068\u3093\u3069\u306e\u5834\u5408\u5fc5\u8981\u3042\u308a\u307e\u305b\u3093\u3002.<\/li>\n  <li><strong>\u30ce\u30b9\u30cb\u30d5<\/strong>: <em>X-Content-Type-Options: nosniff<\/em> \u8aa4\u89e3\u3092\u9632\u304e\u307e\u3059\u3002\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30b9\u30ad\u30e3\u30f3\u3068\u4e00\u8cab\u3057\u305f\u52d5\u4f5c\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002.<\/li>\n  <li><strong>ETag\/Last-Modified<\/strong>: \u5927\u91cf\u306e\u753b\u50cf\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u30cf\u30c3\u30b7\u30e5\u3088\u308a\u3082\u5f37\u529b\u306a ETag \u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002\u518d\u691c\u8a3c\u6642\u306e\u5e2f\u57df\u5e45\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002.<\/li>\n<\/ul>\n<p><strong>CDN\u6226\u7565<\/strong>: \u5e45\/\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3054\u3068\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u3092\u500b\u5225\u306e URL \u3068\u3057\u3066\u30ad\u30e3\u30c3\u30b7\u30e5\u3059\u308b\u3002\u30aa\u30f3\u30b6\u30d5\u30e9\u30a4\u306e\u30c8\u30e9\u30f3\u30b9\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u306f\u30b3\u30b9\u30c8\u304c\u304b\u304b\u308b\u5834\u5408\u304c\u3042\u308b\u305f\u3081\u3001\u4e8b\u524d\u306b\u69cb\u7bc9\u3059\u308b\u304b\u3001\u7a4d\u6975\u7684\u306b\u30ad\u30e3\u30c3\u30b7\u30e5\u3059\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002.<\/p>\n\n<h2>\u7279\u5225\u306a\u30b1\u30fc\u30b9\u3068\u79fb\u884c\u30d1\u30b9<\/h2>\n<p><strong>\u30b5\u30e0\u30cd\u30a4\u30eb\/\u30ae\u30e3\u30e9\u30ea\u30fc<\/strong>: \u30b0\u30ea\u30c3\u30c9\u306e\u8efd\u5feb\u3055\u3092\u5b9f\u73fe\u3059\u308b\u305f\u3081\u306b\u3001\u591a\u304f\u306e\u5c0f\u3055\u306a WebP \u30a2\u30bb\u30c3\u30c8\u3092\u512a\u5148\u3057\u3001\u8a73\u7d30\u8868\u793a\u3067\u306f AVIF \u3092\u4f7f\u7528\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u53e4\u3044\u30c7\u30d0\u30a4\u30b9\u3067\u3082\u9ad8\u901f\u306b\u52d5\u4f5c\u3057\u3001\u30ba\u30fc\u30e0\u6642\u306b\u3082\u30d0\u30a4\u30c8\u6570\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002.<\/p>\n<p><strong>\u30ba\u30fc\u30e0\u4ed8\u304d\u88fd\u54c1\u753b\u50cf<\/strong>: \u6700\u5927\u30b5\u30a4\u30ba\u3092\u5b9a\u7fa9\u3059\u308b\uff08\u4f8b\uff1a2000\uff5e2600 px\uff09\u3002\u305d\u308c\u4ee5\u4e0a\u306b\u306a\u308b\u3068\u3001\u30c7\u30b3\u30fc\u30c9\u8ca0\u8377\u304c\u5897\u52a0\u3059\u308b\u3060\u3051\u3067\u3059\u3002\u30ba\u30fc\u30e0\u30d3\u30e5\u30fc\u30a2\u306e\u5834\u5408\uff1a\u30d7\u30ed\u30b0\u30ec\u30c3\u30b7\u30d6 LOD \u30a2\u30d7\u30ed\u30fc\u30c1\uff08\u5c0f\u3055\u3044\u30b5\u30a4\u30ba\u3092\u30ed\u30fc\u30c9\u3057\u3001\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u6642\u306b\u5927\u304d\u3044\u30b5\u30a4\u30ba\u3092\u30ea\u30ed\u30fc\u30c9\uff09\u3002.<\/p>\n<p><strong>\u30bd\u30fc\u30b7\u30e3\u30eb\u30d7\u30ec\u30d3\u30e5\u30fc\/OG<\/strong>: Open Graph\/Share-Images \u306b\u306f\u3001\u30af\u30ed\u30fc\u30e9\u30fc\/Web \u30d3\u30e5\u30fc\u304c AVIF\/WebP \u3092\u4e00\u90e8\u7121\u8996\u3059\u308b\u5834\u5408\u304c\u3042\u308b\u305f\u3081\u3001\u5b89\u5168\u306a\u5f62\u5f0f (JPEG\/PNG) \u3092\u63d0\u4f9b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u3053\u308c\u306f\u3001\u30aa\u30f3\u30b5\u30a4\u30c8\u914d\u4fe1\u3068\u306f\u5225\u3067\u3059\u3002.<\/p>\n<p><strong>\u96fb\u5b50\u30e1\u30fc\u30eb<\/strong>\u30cb\u30e5\u30fc\u30b9\u30ec\u30bf\u30fc\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306fAVIF\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u30b1\u30fc\u30b9\u304c\u5c11\u306a\u3044\u3067\u3059\u3002\u3053\u3053\u3067\u306fJPEG\/PNG\u3092\u4fdd\u5b88\u7684\u306b\u8a08\u753b\u3057\u3001\u30a6\u30a7\u30d6\u3067\u306f\u6b21\u4e16\u4ee3\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3092\u63a1\u7528\u3057\u307e\u3057\u3087\u3046\u3002.<\/p>\n<p><strong>\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3<\/strong>: WebP \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306f\u5e83\u304f\u666e\u53ca\u3057\u3066\u304a\u308a\u3001GIF \u306b\u53d6\u3063\u3066\u4ee3\u308f\u308b\u9ad8\u6027\u80fd\u306a\u3082\u306e\u3067\u3059\u3002AVIF \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306f\u52b9\u7387\u7684\u3067\u3059\u304c\u3001\u30b5\u30dd\u30fc\u30c8\u306f\u7d71\u4e00\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002\u76ee\u7684\u3092\u660e\u78ba\u306b\u3057\u3066\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002.<\/p>\n<p><strong>\u6a29\u5229\u304a\u3088\u3073\u30e9\u30a4\u30bb\u30f3\u30b9<\/strong>: \u4e21\u65b9\u306e\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u306f\u30e9\u30a4\u30bb\u30f3\u30b9\u30d5\u30ea\u30fc\u3067\u3059\u3002\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u74b0\u5883\u3067\u306f\u3001\u4e00\u90e8\u306e\u30aa\u30fc\u30c7\u30a3\u30aa\/\u30d3\u30c7\u30aa\u30b3\u30fc\u30c7\u30c3\u30af\u306e\u3088\u3046\u306b\u7279\u8a31\u30ea\u30b9\u30af\u304c\u306a\u3044\u305f\u3081\u3001\u5b89\u5fc3\u3067\u304d\u307e\u3059\u3002.<\/p>\n\n<h2>\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\u3068\u54c1\u8cea\u4fdd\u8a3c<\/h2>\n<p><strong>\u5de5\u82b8\u54c1<\/strong> \u54c1\u8cea\u76ee\u6a19\u304c\u53b3\u3057\u3059\u304e\u308b\u5834\u5408\u3084\u3001\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u304c\u9593\u9055\u3063\u3066\u3044\u308b\u5834\u5408\u306b\u767a\u751f\u3059\u308b\u3053\u3068\u304c\u3088\u304f\u3042\u308a\u307e\u3059\u3002100% \u304a\u3088\u3073 200% Zoom \u3067\u30a8\u30c3\u30b8\u3001\u808c\u3001\u7a7a\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002.<\/p>\n<ul>\n  <li><strong>\u30d0\u30f3\u30c7\u30a3\u30f3\u30b0<\/strong>\uff1a\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306b\u6bb5\u5dee\u304c\u898b\u3089\u308c\u308b\uff1fAVIF \u3092 10 \u30d3\u30c3\u30c8\u3067\u30a8\u30f3\u30b3\u30fc\u30c9\u3059\u308b\u304b\u3001\u54c1\u8cea\u3092\u5c11\u3057\u9ad8\u304f\u8a2d\u5b9a\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u30aa\u30d7\u30b7\u30e7\u30f3\u3067\u3001\u30de\u30b9\u30bf\u30fc\u753b\u50cf\u306b\u30c7\u30a3\u30b6\u30ea\u30f3\u30b0\u3092\u9069\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002.<\/li>\n  <li><strong>\u30cf\u30ed\u30fc<\/strong>\uff1a\u30b7\u30e3\u30fc\u30d7\u3059\u304e\u308b\u30de\u30b9\u30bf\u30fc\u753b\u50cf\u306f\u3001\u640d\u5931\u3092\u4f34\u3046\u5727\u7e2e\u3068\u885d\u7a81\u3057\u307e\u3059\u3002\u30b7\u30e3\u30fc\u30d7\u30cd\u30b9\u3092\u4e0b\u3052\u3001\u305d\u306e\u5f8c\u518d\u30a8\u30f3\u30b3\u30fc\u30c9\u3057\u3066\u304f\u3060\u3055\u3044\u3002.<\/li>\n  <li><strong>\u30e2\u30a2\u30ec\/\u30a8\u30c3\u30b8\u306e\u3061\u3089\u3064\u304d<\/strong>: \u7d30\u304b\u3044\u30d1\u30bf\u30fc\u30f3\u3067\u306f\u3001\u3088\u308a\u9ad8\u54c1\u8cea\u307e\u305f\u306f\u6700\u5c0f\u9650\u306e\u7570\u306a\u308b\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u3092\u30c6\u30b9\u30c8\u3057\u3066\u304f\u3060\u3055\u3044\uff08\u4f8b\uff1a100% \u3067\u306f\u306a\u304f 98%\uff09\u3002.<\/li>\n  <li><strong>\u30a2\u30eb\u30d5\u30a1\u30d5\u30ea\u30f3\u30b8<\/strong>\uff1a\u660e\u308b\u3044\/\u6697\u3044\u80cc\u666f\u3067\u78ba\u8a8d\u3057\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u30ed\u30b9\u30ec\u30b9\/\u30cb\u30a2\u30ed\u30b9\u30ec\u30b9\u306b\u5207\u308a\u66ff\u3048\u3066\u304f\u3060\u3055\u3044\u3002.<\/li>\n<\/ul>\n<p><strong>\u81ea\u52d5\u30c1\u30a7\u30c3\u30af<\/strong> \u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u3067\u5f79\u7acb\u3064\u3082\u306e\uff1aSSIM\/MS\u2011SSIM \u307e\u305f\u306f VMAF \u3092\u8a31\u5bb9\u5024\u306e\u3042\u308b\u76ee\u6a19\u6307\u6a19\u3068\u3057\u3066\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u3059\u3079\u3066\u306e\u753b\u50cf\u3092\u500b\u5225\u306b\u8a55\u4fa1\u3059\u308b\u5fc5\u8981\u304c\u306a\u304f\u306a\u308a\u307e\u3059\u3002\u3055\u3089\u306b\u3001\u30ed\u30fc\u30eb\u30a2\u30a6\u30c8\u524d\u306b 10\uff5e20 \u679a\u306e\u4ee3\u8868\u7684\u306a\u30e2\u30c1\u30fc\u30d5\u3092\u624b\u4f5c\u696d\u3067\u30ec\u30d3\u30e5\u30fc\u3057\u307e\u3059\u3002.<\/p>\n\n<h2>\u4e3b\u8981\u6307\u6a19\u306e\u30c6\u30b9\u30c8\u3068\u76e3\u8996<\/h2>\n<p><strong>\u6307\u6a19<\/strong> LCP\u3001INP\u3001TTFB \u306f\u3001\u753b\u50cf\u6226\u7565\u304c\u52b9\u679c\u7684\u304b\u3069\u3046\u304b\u3092\u793a\u3059\u6307\u6a19\u3067\u3059\u3002\u79c1\u306f\u307e\u305a\u30e9\u30dc\uff08Lighthouse\uff09\u3067\u30e2\u30c1\u30fc\u30d5\u3092\u691c\u8a3c\u3057\u3001\u6b21\u306b\u30d5\u30a3\u30fc\u30eb\u30c9\uff08RUM\uff09\u3067\u5b9f\u969b\u306e\u30c7\u30d0\u30a4\u30b9\u3084\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u3092\u691c\u8a3c\u3057\u307e\u3059\u3002\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u3084\u30ab\u30c6\u30b4\u30ea\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u3064\u3044\u3066\u306f\u3001AVIF \u30d5\u30a1\u30fc\u30b9\u30c8\u3068 WebP \u30d5\u30a1\u30fc\u30b9\u30c8\u306e A\/B \u6bd4\u8f03\u3092\u884c\u3046\u4fa1\u5024\u304c\u3042\u308a\u307e\u3059\u3002 \u3055\u3089\u306b\u3001\u8aa4\u3063\u305f\u5bf8\u6cd5\u306f\u77e5\u899a\u3092\u640d\u306a\u3046\u305f\u3081\u3001\u7d2f\u7a4d\u30ec\u30a4\u30a2\u30a6\u30c8\u30b7\u30d5\u30c8\u3082\u76e3\u8996\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u30ac\u30a4\u30c9\u306f\u3001\u5b9f\u8df5\u7684\u306a\u5165\u9580\u66f8\u3068\u3057\u3066\u5f79\u7acb\u3061\u307e\u3059\u3002 <a href=\"https:\/\/webhosting.de\/ja\/%e3%82%a6%e3%82%a7%e3%83%96%e3%83%84%e3%83%bc%e3%83%ab%e7%94%a8%e3%81%ab%e7%94%bb%e5%83%8f%e3%82%92%e6%9c%80%e9%81%a9%e5%8c%96%e3%81%99%e3%82%8b-%e3%83%ad%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0\/\">\u30a6\u30a7\u30d6\u7528\u306b\u753b\u50cf\u3092\u6700\u9069\u5316<\/a>.<\/p>\n\n<h2>\u30b3\u30b9\u30c8\u3068\u6c17\u5019\u3078\u306e\u5f71\u97ff<\/h2>\n<p><strong>\u30c8\u30e9\u30d5\u30a3\u30c3\u30af<\/strong> \u304a\u91d1\u3068\u30a8\u30cd\u30eb\u30ae\u30fc\u304c\u304b\u304b\u308b\u304b\u3089\u3001\u7bc0\u7d04\u3067\u304d\u305f\u30e1\u30ac\u30d0\u30a4\u30c8\u306f\u4e88\u7b97\u3068CO\u2082\u6392\u51fa\u91cf\u306b\u76f4\u63a5\u5f71\u97ff\u3059\u308b\u3093\u3060\u3002AVIF\u304c\u753b\u50cf\u30b7\u30ea\u30fc\u30ba\u306e\u30d0\u30a4\u30c8\u6570\u30923\u5206\u306e1\u304b\u3089\u534a\u5206\u306b\u6e1b\u3089\u305b\u3070\u3001CDN\u3068\u30aa\u30ea\u30b8\u30f3\u30b3\u30b9\u30c8\u304c\u5927\u5e45\u306b\u524a\u6e1b\u3055\u308c\u308b\u3088\u3002 \u540c\u6642\u306b\u3001\u8aad\u307f\u8fbc\u307f\u6642\u9593\u304c\u77ed\u7e2e\u3055\u308c\u308b\u3053\u3068\u3067\u76f4\u5e30\u7387\u304c\u4f4e\u4e0b\u3057\u3001\u30b3\u30f3\u30d0\u30fc\u30b8\u30e7\u30f3\u7387\u304c\u5411\u4e0a\u3059\u308b\u305f\u3081\u3001ROI \u304c\u5411\u4e0a\u3057\u307e\u3059\u3002\u30b5\u30fc\u30d0\u30fc\u5074\u3067\u306f\u3001AVIF \u751f\u6210\u6642\u306e CPU \u8ca0\u8377\u306f 1 \u56de\u9650\u308a\u3067\u3059\u304c\u3001WebP \u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\u306f\u5e83\u7bc4\u56f2\u3092\u30ab\u30d0\u30fc\u3057\u307e\u3059\u3002\u3053\u306e\u76f8\u4e57\u52b9\u679c\u306b\u3088\u308a\u3001\u30b3\u30b9\u30c8\u3001\u901f\u5ea6\u3001\u74b0\u5883\u3078\u306e\u5f71\u97ff\u306e\u30d0\u30e9\u30f3\u30b9\u304c\u53d6\u308c\u305f\u7d50\u679c\u304c\u5f97\u3089\u308c\u307e\u3059\u3002.<\/p>\n\n\n<figure class=\"wp-block-image size-full is-resized\">\n  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/webhosting.de\/wp-content\/uploads\/2025\/12\/webp-vs-avif-entwicklung3421.png\" alt=\"\" width=\"1536\" height=\"1024\"\/>\n<\/figure>\n\n\n<h2>\u6bd4\u8f03\u8868\uff1a\u6a5f\u80fd\u3068\u30b5\u30dd\u30fc\u30c8<\/h2>\n<p><strong>\u6982\u8981<\/strong> \u610f\u601d\u6c7a\u5b9a\u3001\u7279\u306b\u30c1\u30fc\u30e0\u304c\u7570\u306a\u308b\u76ee\u6a19\u3092\u8ffd\u6c42\u3057\u3066\u3044\u308b\u5834\u5408\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002\u3053\u306e\u8868\u306f\u3001\u5b9f\u7528\u7684\u306a\u9055\u3044\u3092\u307e\u3068\u3081\u305f\u3082\u306e\u3067\u3001\u753b\u50cf\u304c\u591a\u3044\u30b5\u30a4\u30c8\u3001\u30b7\u30e7\u30c3\u30d7\u3001\u96d1\u8a8c\u3092\u5bfe\u8c61\u3068\u3057\u3066\u3044\u307e\u3059\u3002\u30b5\u30a4\u30ba\u3001\u901f\u5ea6\u3001\u54c1\u8cea\u3001\u5230\u9054\u7bc4\u56f2\u3092\u91cd\u307f\u4ed8\u3051\u3057\u3066\u3001\u63a8\u6e2c\u3059\u308b\u5fc5\u8981\u304c\u306a\u3044\u3088\u3046\u306b\u3057\u3066\u3044\u307e\u3059\u3002\u5024\u306f\u5b9f\u7528\u7684\u306a\u3082\u306e\u3067\u3042\u308a\u3001\u4e00\u822c\u7684\u306a\u8a2d\u5b9a\u306b\u57fa\u3065\u3044\u3066\u3044\u307e\u3059\u3002\u7279\u5225\u306a\u30b1\u30fc\u30b9\u3067\u306f\u3001\u30b0\u30ed\u30fc\u30d0\u30eb\u306a\u30eb\u30fc\u30eb\u3092\u5b9a\u3081\u308b\u524d\u306b\u3001\u5fc5\u305a\u72ec\u81ea\u306e\u30b5\u30f3\u30d7\u30eb\u3092\u30c1\u30a7\u30c3\u30af\u3057\u3066\u304f\u3060\u3055\u3044\u3002.<\/p>\n<table>\n  <thead>\n    <tr>\n      <th>\u7279\u5fb4<\/th>\n      <th>\u30a2\u30fc\u30d3\u30d5<\/th>\n      <th>\u30a6\u30a7\u30d6\u30d4\u30fc<\/th>\n    <\/tr>\n  <\/thead>\n  <tbody>\n    <tr>\n      <td>\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u3068JPEG<\/td>\n      <td>\u7d04 50% \u5c0f<\/td>\n      <td>\u7d04 30% \u5c0f<\/td>\n    <\/tr>\n    <tr>\n      <td>\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u3068WebP<\/td>\n      <td>20\u201350% \u540c\u3058\u54c1\u8cea\u3067\u3088\u308a\u5c0f\u578b<\/td>\n      <td>-<\/td>\n    <\/tr>\n    <tr>\n      <td>\u30c7\u30b3\u30fc\u30c9\u901f\u5ea6<\/td>\n      <td>\u9045\u304f\u306a\u308b\u304c\u3001\u591a\u304f\u306e\u5834\u5408\u3001\u5c0f\u3055\u306a\u30d5\u30a1\u30a4\u30eb\u306b\u3088\u3063\u3066\u88dc\u308f\u308c\u308b<\/td>\n      <td>\u3088\u308a\u9ad8\u901f\u3001CPU\u3092\u7bc0\u7d04<\/td>\n    <\/tr>\n    <tr>\n      <td>\u5199\u771f\u306e\u54c1\u8cea<\/td>\n      <td>\u975e\u5e38\u306b\u826f\u3044\u3001\u529b\u5f37\u3044\u6d41\u308c\/\u30c7\u30a3\u30c6\u30fc\u30eb<\/td>\n      <td>\u3048\u3048\u3001\u4f4e\u30d3\u30c3\u30c8\u30ec\u30fc\u30c8\u3067\u306f\u30a2\u30fc\u30c6\u30a3\u30d5\u30a1\u30af\u30c8\u304c\u767a\u751f\u3057\u3084\u3059\u3044\u3067\u3059\u3002<\/td>\n    <\/tr>\n    <tr>\n      <td>\u900f\u660e\u6027<\/td>\n      <td>\u30c4\u30fc\u30eb\u30c1\u30a7\u30fc\u30f3\u306b\u5fdc\u3058\u3066\u5229\u7528\u53ef\u80fd<\/td>\n      <td>UI\u3084\u30ed\u30b4\u306b\u6700\u9069<\/td>\n    <\/tr>\n    <tr>\n      <td>\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3<\/td>\n      <td>\u53ef\u80fd\u3001\u30b5\u30dd\u30fc\u30c8\u306f\u4e0d\u5747\u4e00<\/td>\n      <td>\u78ba\u7acb\u3001GIF\u306e\u4ee3\u66ff<\/td>\n    <\/tr>\n    <tr>\n      <td>\u30d6\u30e9\u30a6\u30b6\u306e\u30b5\u30dd\u30fc\u30c8<\/td>\n      <td>\u5e45\u5e83\u3001\u53e4\u3044\u30c7\u30d0\u30a4\u30b9\u306f\u30b5\u30dd\u30fc\u30c8\u5bfe\u8c61\u5916\u306e\u5834\u5408\u3042\u308a<\/td>\n      <td>\u975e\u5e38\u306b\u5e45\u5e83\u3044\u3001\u30b5\u30d5\u30a1\u30ea\u3092\u542b\u3080 14 \u6b73\u4ee5\u4e0a<\/td>\n    <\/tr>\n    <tr>\n      <td>\u4f7f\u7528\u306b\u95a2\u3059\u308b\u63a8\u5968\u4e8b\u9805<\/td>\n      <td>\u5199\u771f\u3001\u5927\u304d\u306a\u30e2\u30c1\u30fc\u30d5\u3001\u54c1\u8cea<\/td>\n      <td>UI\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u3001\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3<\/td>\n    <\/tr>\n  <\/tbody>\n<\/table>\n\n<h2>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u76ee\u6a19\u306b\u57fa\u3065\u304f\u610f\u601d\u6c7a\u5b9a\u30de\u30c8\u30ea\u30c3\u30af\u30b9<\/h2>\n<p><strong>\u76ee\u6a19\u50cf<\/strong> \u9078\u629e\u3092\u5de6\u53f3\u3059\u308b\u8981\u7d20\uff1a\u5199\u771f\u30ae\u30e3\u30e9\u30ea\u30fc\u3067\u30d0\u30a4\u30c8\u6570\u3092\u6700\u5c0f\u9650\u306b\u6291\u3048\u308b\u3053\u3068\u304c\u6700\u512a\u5148\u306a\u3089\u3001AVIF \u304c\u6709\u5229\u3067\u3059\u3002\u53e4\u3044\u30c7\u30d0\u30a4\u30b9\u3067\u30d5\u30a1\u30fc\u30b9\u30c8\u30da\u30a4\u30f3\u30c8\u304c\u6700\u512a\u5148\u306a\u3089\u3001WebP \u3092\u76ee\u7acb\u3064\u5834\u6240\u306b\u4f7f\u7528\u3059\u308b\u3068\u52b9\u679c\u7684\u3067\u3059\u3002 \u5546\u54c1\u753b\u50cf\u304c\u591a\u3044\u30b7\u30e7\u30c3\u30d7\u3067\u306f\u3001\u8a73\u7d30\u8868\u793a\u306b\u306f AVIF \u3092\u3001\u30ae\u30e3\u30e9\u30ea\u30fc\u30b5\u30e0\u30cd\u30a4\u30eb\u306b\u306f WebP \u3092\u4f7f\u7528\u3057\u3066\u3044\u307e\u3059\u3002\u96d1\u8a8c\u3067\u306f\u3001\u30d2\u30fc\u30ed\u30fc\u5199\u771f\u3084\u30b9\u30c8\u30fc\u30ea\u30fc\u753b\u50cf\u306b AVIF \u3092\u4f7f\u7528\u3059\u308b\u3068\u52b9\u679c\u7684\u3067\u3059\u304c\u3001UI \u8981\u7d20\u3084\u88c5\u98fe\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u306b\u306f WebP \u3067\u5341\u5206\u3067\u3059\u3002\u3053\u306e\u30bb\u30b0\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3\u306b\u3088\u308a\u3001\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u306e\u8ca0\u62c5\u304c\u8efd\u6e1b\u3055\u308c\u3001\u4fe1\u983c\u6027\u306e\u9ad8\u3044\u30b9\u30b3\u30a2\u304c\u78ba\u4fdd\u3055\u308c\u307e\u3059\u3002.<\/p>\n\n\n<figure class=\"wp-block-image size-full is-resized\">\n  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/webhosting.de\/wp-content\/uploads\/2025\/12\/webp-vs-avif-vergleich-8392.png\" alt=\"\" width=\"1536\" height=\"1024\"\/>\n<\/figure>\n\n\n<h2>\u5b9f\u8df5\u306e\u305f\u3081\u306e\u7c21\u5358\u306a\u307e\u3068\u3081<\/h2>\n<p><strong>\u7d50\u679c<\/strong>\uff1a\u79c1\u306f\u3001\u5199\u771f\u304c\u4e3b\u6d41\u3067\u3001\u5927\u91cf\u51e6\u7406\u306b\u304a\u3044\u3066\u30d0\u30a4\u30c8\u6570\u304c\u91cd\u8981\u306a\u5834\u5408\u306b AVIF \u3092\u4f7f\u7528\u3057\u3001\u4e92\u63db\u6027\u304c\u3042\u308a\u9ad8\u901f\u306a\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\u30ec\u30d9\u30eb\u3068\u3057\u3066 WebP \u3092\u6b8b\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9\u30a2\u30d7\u30ed\u30fc\u30c1\u306f\u3001AVIF \u306e\u5c0f\u3055\u306a\u30da\u30a4\u30ed\u30fc\u30c9\u3068 WebP \u306e\u5e45\u5e83\u3044\u30b5\u30dd\u30fc\u30c8\u3092\u7d44\u307f\u5408\u308f\u305b\u3066\u3044\u307e\u3059\u3002\u30db\u30b9\u30c6\u30a3\u30f3\u30b0\u8a2d\u5b9a\u3067\u306f\u3001\u3069\u3061\u3089\u306e\u6b21\u4e16\u4ee3\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3082 JPEG \u3084 PNG \u3088\u308a\u3082\u6e2c\u5b9a\u53ef\u80fd\u306a\u30e1\u30ea\u30c3\u30c8\u304c\u3042\u308a\u307e\u3059\u3002\u30af\u30ea\u30fc\u30f3\u306a <picture>\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u3001\u305d\u3057\u3066\u9ad8\u6027\u80fd\u306eCDN\u306b\u3088\u308a\u3001\u753b\u8cea\u3092\u640d\u306a\u3046\u3053\u3068\u306a\u304f\u77ed\u3044\u8aad\u307f\u8fbc\u307f\u6642\u9593\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\u307e\u3055\u306b\u3001\u753b\u8cea\u3001\u901f\u5ea6\u3001\u305d\u3057\u3066\u30ea\u30fc\u30c1\u3092\u3059\u3079\u3066\u517c\u306d\u5099\u3048\u305f\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3067\u3059\u3002.<\/p>","protected":false},"excerpt":{"rendered":"<p>WebP \u5bfe AVIF \u306e\u6bd4\u8f03\uff1a\u6b21\u4e16\u4ee3\u753b\u50cf\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u306e\u3046\u3061\u3001\u8aad\u307f\u8fbc\u307f\u304c\u901f\u304f\u3001\u5727\u7e2e\u7387\u306e\u9ad8\u3044\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3068\u3001\u30a6\u30a7\u30d6\u30db\u30b9\u30c6\u30a3\u30f3\u30b0\u3067\u9069\u5207\u306a\u753b\u50cf\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u6700\u9069\u5316\u3059\u308b\u65b9\u6cd5\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002.<\/p>","protected":false},"author":1,"featured_media":15938,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_crdt_document":"","inline_featured_image":false,"footnotes":""},"categories":[680],"tags":[],"class_list":["post-15945","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign"],"acf":[],"_wp_attached_file":null,"_wp_attachment_metadata":null,"litespeed-optimize-size":null,"litespeed-optimize-set":null,"_elementor_source_image_hash":null,"_wp_attachment_image_alt":null,"stockpack_author_name":null,"stockpack_author_url":null,"stockpack_provider":null,"stockpack_image_url":null,"stockpack_license":null,"stockpack_license_url":null,"stockpack_modification":null,"color":null,"original_id":null,"original_url":null,"original_link":null,"unsplash_location":null,"unsplash_sponsor":null,"unsplash_exif":null,"unsplash_attachment_metadata":null,"_elementor_is_screenshot":null,"surfer_file_name":null,"surfer_file_original_url":null,"envato_tk_source_kit":null,"envato_tk_source_index":null,"envato_tk_manifest":null,"envato_tk_folder_name":null,"envato_tk_builder":null,"envato_elements_download_event":null,"_menu_item_type":null,"_menu_item_menu_item_parent":null,"_menu_item_object_id":null,"_menu_item_object":null,"_menu_item_target":null,"_menu_item_classes":null,"_menu_item_xfn":null,"_menu_item_url":null,"_trp_menu_languages":null,"rank_math_primary_category":null,"rank_math_title":null,"inline_featured_image":null,"_yoast_wpseo_primary_category":null,"rank_math_schema_blogposting":null,"rank_math_schema_videoobject":null,"_oembed_049c719bc4a9f89deaead66a7da9fddc":null,"_oembed_time_049c719bc4a9f89deaead66a7da9fddc":null,"_yoast_wpseo_focuskw":null,"_yoast_wpseo_linkdex":null,"_oembed_27e3473bf8bec795fbeb3a9d38489348":null,"_oembed_c3b0f6959478faf92a1f343d8f96b19e":null,"_trp_translated_slug_en_us":null,"_wp_desired_post_slug":null,"_yoast_wpseo_title":null,"tldname":null,"tldpreis":null,"tldrubrik":null,"tldpolicylink":null,"tldsize":null,"tldregistrierungsdauer":null,"tldtransfer":null,"tldwhoisprivacy":null,"tldregistrarchange":null,"tldregistrantchange":null,"tldwhoisupdate":null,"tldnameserverupdate":null,"tlddeletesofort":null,"tlddeleteexpire":null,"tldumlaute":null,"tldrestore":null,"tldsubcategory":null,"tldbildname":null,"tldbildurl":null,"tldclean":null,"tldcategory":null,"tldpolicy":null,"tldbesonderheiten":null,"tld_bedeutung":null,"_oembed_d167040d816d8f94c072940c8009f5f8":null,"_oembed_b0a0fa59ef14f8870da2c63f2027d064":null,"_oembed_4792fa4dfb2a8f09ab950a73b7f313ba":null,"_oembed_33ceb1fe54a8ab775d9410abf699878d":null,"_oembed_fd7014d14d919b45ec004937c0db9335":null,"_oembed_21a029d076783ec3e8042698c351bd7e":null,"_oembed_be5ea8a0c7b18e658f08cc571a909452":null,"_oembed_a9ca7a298b19f9b48ec5914e010294d2":null,"_oembed_f8db6b27d08a2bb1f920e7647808899a":null,"_oembed_168ebde5096e77d8a89326519af9e022":null,"_oembed_cdb76f1b345b42743edfe25481b6f98f":null,"_oembed_87b0613611ae54e86e8864265404b0a1":null,"_oembed_27aa0e5cf3f1bb4bc416a4641a5ac273":null,"_oembed_time_27aa0e5cf3f1bb4bc416a4641a5ac273":null,"_tldname":null,"_tldclean":null,"_tldpreis":null,"_tldcategory":null,"_tldsubcategory":null,"_tldpolicy":null,"_tldpolicylink":null,"_tldsize":null,"_tldregistrierungsdauer":null,"_tldtransfer":null,"_tldwhoisprivacy":null,"_tldregistrarchange":null,"_tldregistrantchange":null,"_tldwhoisupdate":null,"_tldnameserverupdate":null,"_tlddeletesofort":null,"_tlddeleteexpire":null,"_tldumlaute":null,"_tldrestore":null,"_tldbildname":null,"_tldbildurl":null,"_tld_bedeutung":null,"_tldbesonderheiten":null,"_oembed_ad96e4112edb9f8ffa35731d4098bc6b":null,"_oembed_8357e2b8a2575c74ed5978f262a10126":null,"_oembed_3d5fea5103dd0d22ec5d6a33eff7f863":null,"_eael_widget_elements":null,"_oembed_0d8a206f09633e3d62b95a15a4dd0487":null,"_oembed_time_0d8a206f09633e3d62b95a15a4dd0487":null,"_aioseo_description":null,"_eb_attr":null,"_eb_data_table":null,"_oembed_819a879e7da16dd629cfd15a97334c8a":null,"_oembed_time_819a879e7da16dd629cfd15a97334c8a":null,"_acf_changed":null,"_wpcode_auto_insert":null,"_edit_last":null,"_edit_lock":null,"_oembed_e7b913c6c84084ed9702cb4feb012ddd":null,"_oembed_bfde9e10f59a17b85fc8917fa7edf782":null,"_oembed_time_bfde9e10f59a17b85fc8917fa7edf782":null,"_oembed_03514b67990db061d7c4672de26dc514":null,"_oembed_time_03514b67990db061d7c4672de26dc514":null,"rank_math_news_sitemap_robots":null,"rank_math_robots":null,"_eael_post_view_count":"2229","_trp_automatically_translated_slug_ru_ru":null,"_trp_automatically_translated_slug_et":null,"_trp_automatically_translated_slug_lv":null,"_trp_automatically_translated_slug_fr_fr":null,"_trp_automatically_translated_slug_en_us":null,"_wp_old_slug":null,"_trp_automatically_translated_slug_da_dk":null,"_trp_automatically_translated_slug_pl_pl":null,"_trp_automatically_translated_slug_es_es":null,"_trp_automatically_translated_slug_hu_hu":null,"_trp_automatically_translated_slug_fi":null,"_trp_automatically_translated_slug_ja":null,"_trp_automatically_translated_slug_lt_lt":null,"_elementor_edit_mode":null,"_elementor_template_type":null,"_elementor_version":null,"_elementor_pro_version":null,"_wp_page_template":null,"_elementor_page_settings":null,"_elementor_data":null,"_elementor_css":null,"_elementor_conditions":null,"_happyaddons_elements_cache":null,"_oembed_75446120c39305f0da0ccd147f6de9cb":null,"_oembed_time_75446120c39305f0da0ccd147f6de9cb":null,"_oembed_3efb2c3e76a18143e7207993a2a6939a":null,"_oembed_time_3efb2c3e76a18143e7207993a2a6939a":null,"_oembed_59808117857ddf57e478a31d79f76e4d":null,"_oembed_time_59808117857ddf57e478a31d79f76e4d":null,"_oembed_965c5b49aa8d22ce37dfb3bde0268600":null,"_oembed_time_965c5b49aa8d22ce37dfb3bde0268600":null,"_oembed_81002f7ee3604f645db4ebcfd1912acf":null,"_oembed_time_81002f7ee3604f645db4ebcfd1912acf":null,"_elementor_screenshot":null,"_oembed_7ea3429961cf98fa85da9747683af827":null,"_oembed_time_7ea3429961cf98fa85da9747683af827":null,"_elementor_controls_usage":null,"_elementor_page_assets":[],"_elementor_screenshot_failed":null,"theplus_transient_widgets":null,"_eael_custom_js":null,"_wp_old_date":null,"_trp_automatically_translated_slug_it_it":null,"_trp_automatically_translated_slug_pt_pt":null,"_trp_automatically_translated_slug_zh_cn":null,"_trp_automatically_translated_slug_nl_nl":null,"_trp_automatically_translated_slug_pt_br":null,"_trp_automatically_translated_slug_sv_se":null,"rank_math_analytic_object_id":null,"rank_math_internal_links_processed":null,"_trp_automatically_translated_slug_ro_ro":null,"_trp_automatically_translated_slug_sk_sk":null,"_trp_automatically_translated_slug_bg_bg":null,"_trp_automatically_translated_slug_sl_si":null,"litespeed_vpi_list":null,"litespeed_vpi_list_mobile":null,"rank_math_seo_score":null,"rank_math_contentai_score":null,"ilj_limitincominglinks":null,"ilj_maxincominglinks":null,"ilj_limitoutgoinglinks":null,"ilj_maxoutgoinglinks":null,"ilj_limitlinksperparagraph":null,"ilj_linksperparagraph":null,"ilj_blacklistdefinition":null,"ilj_linkdefinition":null,"_eb_reusable_block_ids":null,"rank_math_focus_keyword":"avif vs webp","rank_math_og_content_image":null,"_yoast_wpseo_metadesc":null,"_yoast_wpseo_content_score":null,"_yoast_wpseo_focuskeywords":null,"_yoast_wpseo_keywordsynonyms":null,"_yoast_wpseo_estimated-reading-time-minutes":null,"rank_math_description":null,"surfer_last_post_update":null,"surfer_last_post_update_direction":null,"surfer_keywords":null,"surfer_location":null,"surfer_draft_id":null,"surfer_permalink_hash":null,"surfer_scrape_ready":null,"_thumbnail_id":"15938","footnotes":null,"_links":{"self":[{"href":"https:\/\/webhosting.de\/ja\/wp-json\/wp\/v2\/posts\/15945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webhosting.de\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webhosting.de\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webhosting.de\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webhosting.de\/ja\/wp-json\/wp\/v2\/comments?post=15945"}],"version-history":[{"count":0,"href":"https:\/\/webhosting.de\/ja\/wp-json\/wp\/v2\/posts\/15945\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webhosting.de\/ja\/wp-json\/wp\/v2\/media\/15938"}],"wp:attachment":[{"href":"https:\/\/webhosting.de\/ja\/wp-json\/wp\/v2\/media?parent=15945"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webhosting.de\/ja\/wp-json\/wp\/v2\/categories?post=15945"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webhosting.de\/ja\/wp-json\/wp\/v2\/tags?post=15945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}