{"id":1924,"date":"2018-07-01T09:14:44","date_gmt":"2018-07-01T01:14:44","guid":{"rendered":"https:\/\/feizhaojun.com\/?p=1924"},"modified":"2018-07-29T16:43:43","modified_gmt":"2018-07-29T08:43:43","slug":"webp%ef%bc%9a%e4%b8%80%e7%a7%8d%e6%96%b0%e7%9a%84%e7%bd%91%e7%bb%9c%e5%9b%be%e7%89%87%e6%a0%bc%e5%bc%8f","status":"publish","type":"post","link":"https:\/\/feizhaojun.com\/?p=1924","title":{"rendered":"webp\uff1a\u4e00\u79cd\u65b0\u7684\u7f51\u7edc\u56fe\u7247\u683c\u5f0f"},"content":{"rendered":"<p><em><a href=\"https:\/\/feizhaojun.com\/?cat=73\">\u672c\u7cfb\u5217<\/a>\u6587\u7ae0\u7531 <a href=\"https:\/\/feizhaojun.com\">Mukti<\/a> \u7ffb\u8bd1\u81ea <a href=\"https:\/\/developers.google.com\/speed\/webp\/\">Google WebP \u5b98\u65b9\u7f51\u7ad9<\/a><\/em><br \/>\n<em>\u539f\u6587\u94fe\u63a5\uff1a<a href=\"https:\/\/developers.google.com\/speed\/webp\/\">https:\/\/developers.google.com\/speed\/webp\/<\/a><\/em><br \/>\n<em>\u4e2d\u6587\u94fe\u63a5\uff1a<a href=\"https:\/\/feizhaojun.com\/?p=1924\">https:\/\/feizhaojun.com\/?p=1924<\/a><\/em><\/p>\n<h2>\u672c\u6587\u76ee\u5f55<\/h2>\n<hr \/>\n<ul>\n<li><a href=\"#how_webp_works_stylefont-weight_bold\">WebP\u7684\u5de5\u4f5c\u539f\u7406<\/a><\/li>\n<li><a href=\"#webp_support_stylefont-weight_bold\">WebP\u6280\u672f\u652f\u6301<\/a><\/li>\n<li><a href=\"#webp_converter_download_stylefont-weight_bold\">WebP\u8f6c\u6362\u5de5\u5177\u4e0b\u8f7d<\/a><\/li>\n<\/ul>\n<hr \/>\n<p><img decoding=\"async\" src=\"https:\/\/feizhaojun.com\/wp-content\/uploads\/2018\/07\/webplogo.png\" \/><\/p>\n<p>WebP\u662f\u4e00\u79cd\u73b0\u4ee3 <strong>\u56fe\u50cf\u683c\u5f0f<\/strong>\uff0c\u53ef\u4ee5\u4e3a\u7f51\u7edc\u4e0a\u7684\u56fe\u50cf\u63d0\u4f9b\u9ad8\u54c1\u8d28\u7684 <strong>\u65e0\u635f\u548c\u6709\u635f<\/strong> \u538b\u7f29\u3002\u7f51\u7ad9\u7ba1\u7406\u5458\u548c\u5f00\u53d1\u4eba\u5458\u53ef\u4ee5\u4f7f\u7528WebP\u521b\u5efa\u66f4\u5c0f\u3001\u66f4\u4e30\u5bcc\u7684\u56fe\u7247\u6765\u63d0\u9ad8\u7f51\u7ad9\u7684\u901f\u5ea6\u3002<\/p>\n<p>\u4e0ePNG\u683c\u5f0f\u7684\u56fe\u7247\u76f8\u6bd4\uff0cWebP\u683c\u5f0f\u7684\u65e0\u635f\u56fe\u50cf\u5728\u4f53\u79ef\u4e0a<a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_lossless_alpha_study#results\" target=\"_blank\">\u7f29\u5c0f\u4e8626%<\/a>\u3002\u5728\u540c\u6837\u7684SSIM\u56fe\u50cf\u8d28\u91cf\u6307\u6807\u4e0b\uff0cWebP\u683c\u5f0f\u7684\u6709\u635f\u56fe\u50cf\u6bd4JPEG\u56fe\u50cf<a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_study\" target=\"_blank\">\u5c0f\u4e8625-34%<\/a>\u3002<\/p>\n<p>\u65e0\u635f\u7684WebP<strong>\u652f\u6301\u900f\u660e\u5ea6<\/strong>\uff08\u4e5f\u53ebalpha\u901a\u9053\uff09\uff0c\u53ea\u9700\u8981<a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_lossless_alpha_study#results\" target=\"_blank\">\u989d\u591622\uff05\u7684\u5b57\u8282<\/a>\u3002\u5982\u679c\u80fd\u63a5\u53d7\u6709\u635fRGB\u538b\u7f29\uff0c<strong>\u6709\u635f\u7684WebP\u4e5f\u652f\u6301\u900f\u660e\u5ea6<\/strong>\uff0c\u6587\u4ef6\u5927\u5c0f\u901a\u5e38\u6bd4PNG\u5c0f3\u500d\u3002<\/p>\n<p><strong><a href=\"https:\/\/developers.google.com\/speed\/webp\/faq#how_can_i_detect_browser_support_for_webp\">\u63d0\u4f9b\u7ed9\u7f51\u7ad9\u7ba1\u7406\u5458\u7684\u66f4\u591a\u4fe1\u606f<\/a><\/strong><\/p>\n<h2 id=\"how_webp_works_stylefont-weight_bold\">WebP\u7684\u5de5\u4f5c\u539f\u7406<\/h2>\n<p>\u6709\u635fWebP\u538b\u7f29\u4f7f\u7528\u9884\u6d4b\u7f16\u7801\u5bf9\u56fe\u50cf\u8fdb\u884c\u7f16\u7801\uff0c\u4e0eVP8\u89c6\u9891\u7f16\u89e3\u7801\u5668\u7528\u4e8e\u538b\u7f29\u89c6\u9891\u4e2d\u7684\u5173\u952e\u5e27\u7684\u65b9\u6cd5\u76f8\u540c\u3002\u9884\u6d4b\u7f16\u7801\u4f7f\u7528\u76f8\u90bb\u50cf\u7d20\u5757\u4e2d\u7684\u503c\u6765\u9884\u6d4b\u5757\u4e2d\u7684\u503c\uff0c\u7136\u540e\u4ec5\u5bf9\u5dee\u5f02\u8fdb\u884c\u7f16\u7801\u3002<\/p>\n<p>\u65e0\u635fWebP\u538b\u7f29\u4f7f\u7528\u56fe\u7247\u7684\u5df2\u77e5\u90e8\u5206\u6765\u7cbe\u786e\u5730\u91cd\u5efa\u65b0\u50cf\u7d20\u3002\u5982\u679c\u6ca1\u6709\u627e\u5230\u76ee\u6807\u5339\u914d\uff0c\u5b83\u4e5f\u53ef\u4ee5\u4f7f\u7528\u672c\u5730\u8c03\u8272\u677f\u3002<\/p>\n<p><a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/compression\"><strong>WebP \u538b\u7f29\u6280\u672f\u8be6\u89e3<\/strong><\/a><\/p>\n<p>WebP\u6587\u4ef6\u7531 <a href=\"http:\/\/datatracker.ietf.org\/doc\/rfc6386\/\">VP8<\/a> \u6216 <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_lossless_bitstream_specification\">VP8L<\/a> \u56fe\u50cf\u6570\u636e\u548c\u57fa\u4e8e<a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/riff_container\">RIFF<\/a> \u7684\u5bb9\u5668\u7ec4\u6210\u3002\u72ec\u7acb\u7684<code>libwebp<\/code>\u5e93\u63d0\u4f9b\u4e86\u4e00\u4e2a WebP \u7684\u53c2\u8003\u5b9e\u4f8b\uff0c\u53ef\u4ee5\u5230 <a href=\"http:\/\/www.webmproject.org\/code\/#libwebp-webp-image-library\">git \u4ed3\u5e93<\/a>\u6216 <a href=\"https:\/\/developers.google.com\/speed\/webp\/download\">tarball<\/a> \u83b7\u53d6\u3002<\/p>\n<h2 id=\"webp_support_stylefont-weight_bold\">WebP\u652f\u6301<\/h2>\n<p>Chrome \u548c Opera \u4ee5\u53ca<a href=\"https:\/\/developers.google.com\/speed\/webp\/faq#which_web_browsers_natively_support_webp\">\u8bb8\u591a\u5176\u4ed6<\/a>\u7684\u5de5\u5177\u548c\u8f6f\u4ef6\u5e93\u5bf9 WebP \u63d0\u4f9b\u4e86\u539f\u751f\u652f\u6301\u3002WebP \u5f00\u53d1\u4eba\u5458\u8fd8\u589e\u52a0\u4e86\u5bf9\u5404\u79cd\u56fe\u50cf\u7f16\u8f91\u5de5\u5177\u7684\u652f\u6301\u3002<\/p>\n<p>WebP\u5305\u62ec\u8f7b\u91cf\u7ea7\u7f16\u7801\u548c\u89e3\u7801\u5e93libwebp \u4ee5\u53ca\u547d\u4ee4\u884c\u5de5\u5177cwebp\uff0cdwebp\u7528\u4e8e\u5c06\u56fe\u50cf\u8f6c\u6362\u4e3aWebP\u683c\u5f0f\u4ee5\u53ca\u4eceWebP\u683c\u5f0f\u8f6c\u6362\u56fe\u50cf\uff0c\u4ee5\u53ca\u7528\u4e8e\u67e5\u770b\uff0c\u590d\u7528\u548c\u52a8\u753bWebP\u56fe\u50cf\u7684\u5de5\u5177\u3002\u5b8c\u6574\u7684\u6e90\u4ee3\u7801\u53ef\u5728 \u4e0b\u8f7d\u9875\u9762\u4e0a\u627e\u5230\u3002<\/p>\n<p>WebP \u5305\u62ec\u8f7b\u91cf\u7ea7\u7f16\u7801\u548c\u89e3\u7801\u5e93<a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/api\"><code>libwebp<\/code><\/a>\u548c\u547d\u4ee4\u884c\u5de5\u5177<a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/cwebp\"><code>cwebp<\/code><\/a>\u548c<a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/dwebp\"><code>dwebp<\/code><\/a>\uff0c\u7528\u6765\u5c06\u56fe\u7247\u8f6c\u6210 WebP \u683c\u5f0f\u4ee5\u53ca\u4ece WebP\u683c\u5f0f\u8f6c\u6210\u666e\u901a\u56fe\u7247\uff0c\u540c\u6837\u4e5f\u6709\u67e5\u770b\u3001\u5408\u6210 WebP \u56fe\u7247\u4ee5\u53ca\u521b\u5efa WebP \u52a8\u753b\u7684\u5de5\u5177\u3002\u5b8c\u6574\u7684\u6e90\u7801\u53ef\u4ee5\u5728<a href=\"https:\/\/developers.google.com\/speed\/webp\/download\">\u4e0b\u8f7d<\/a>\u9875\u627e\u5230\u3002<\/p>\n<h2 id=\"webp_converter_download_stylefont-weight_bold\">WebP\u8f6c\u6362\u5de5\u5177\u4e0b\u8f7d<\/h2>\n<p>\u4e0b\u8f7d <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/precompiled\">Linux, Windows or Mac OS X<\/a> \u7cfb\u7edf\u4e0b\u5df2\u7f16\u8bd1\u7684<code>cwebp<\/code>\u8f6c\u6362\u5de5\u5177\uff0c\u5c06\u4f60\u559c\u6b22\u7684\u56fe\u7247\u4ece JPEG \u548c PNG \u8f6c\u6210 WebP\u3002<\/p>\n<p>Google \u7684 WebP \u9879\u76ee\u63d0\u4f9b\u4e86\u4e00\u4e2a<a href=\"\">\u8ba8\u8bba\u533a<\/a>\uff0c\u4f60\u53ef\u4ee5\u53bb\u53d1\u8868\u610f\u89c1\u3002<\/p>\n<p><em>\u9664\u975e\u6709\u7279\u6b8a\u8bf4\u660e, \u672c\u9875\u5185\u5bb9\u9075\u4ece <a href=\"https:\/\/creativecommons.org\/licenses\/by\/3.0\/\">CC BY 3.0 \u8bb8\u53ef<\/a>\uff0c\u4ee3\u7801\u793a\u4f8b\u9075\u4ece <a href=\"https:\/\/www.apache.org\/licenses\/LICENSE-2.0\">Apache 2.0 \u8bb8\u53ef<\/a>\uff0c\u66f4\u591a\u7ec6\u8282\u8bf7\u67e5\u770b Google <a href=\"https:\/\/developers.google.com\/terms\/site-policies\">\u7f51\u7ad9\u653f\u7b56<\/a>\u3002<\/em><\/p>\n<p><em>Google \u5b98\u65b9\u539f\u6587\u66f4\u65b0\u65e5\u671f\uff1a2016-03-04<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u672c\u7cfb\u5217\u6587\u7ae0\u7531 Mukti \u7ffb\u8bd1\u81ea Google WebP \u5b98\u65b9\u7f51\u7ad9 \u539f\u6587\u94fe\u63a5\uff1ahttps:\/\/developers.go&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[71,73],"tags":[],"class_list":["post-1924","post","type-post","status-publish","format-standard","hentry","category-71","category-webp"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/posts\/1924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1924"}],"version-history":[{"count":19,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/posts\/1924\/revisions"}],"predecessor-version":[{"id":1984,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/posts\/1924\/revisions\/1984"}],"wp:attachment":[{"href":"https:\/\/feizhaojun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1924"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1924"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}