{"id":124352,"date":"2020-06-24T06:10:41","date_gmt":"2020-06-23T22:10:41","guid":{"rendered":"http:\/\/4563.org\/?p=124352"},"modified":"2020-06-24T06:10:41","modified_gmt":"2020-06-23T22:10:41","slug":"safari-%e5%bc%80%e5%a7%8b%e6%94%af%e6%8c%81-webp-%e4%ba%86","status":"publish","type":"post","link":"http:\/\/4563.org\/?p=124352","title":{"rendered":"Safari \u5f00\u59cb\u652f\u6301 WebP \u4e86\u2026\u2026"},"content":{"rendered":"<div>\n<div>\n<div>\n<h1>                  Safari \u5f00\u59cb\u652f\u6301 WebP \u4e86\u2026\u2026               <\/h1>\n<p> <\/p>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : fenx <\/span>  <span><i><\/i> 4<\/span> <\/div>\n<div> <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div isfirst=\"1\"> <\/p>\n<p>https:\/\/caniuse.com\/#feat=webp<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/4563.org\/wp-content\/uploads\/2020\/06\/20200627_5ef7a9b7c14cd.png\" alt=\"Safari \u5f00\u59cb\u652f\u6301 WebP \u4e86\u2026\u2026\" \/><\/p>\n<p>\u81ea iOS14 \u548c macOS11 \u5f00\u59cb<\/p>\n<\/p><\/div>\n<div> <b>\u5927\u4f6c\u6709\u8a71\u8aaa<\/b> (<span>16<\/span>)        <\/div>\n<div> <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<ul>\n<li data-pid=\"2208630\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : zhangsimon <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             \u6d4f\u89c8\u5668\u652f\u6301\u4e86\uff0c\u90a3\u90a3\u4e9b\u56fe\u7247\u8f6f\u4ef6\u4e5f\u90fd\u8d76\u7d27\u66f4\u65b0\u4e0b\u5427<br \/>\u73b0\u5728 chrome \u4e0b\u8f7d\u7684 webp\uff0c\u672c\u5730\u770b\u4e0d\u4e86\uff0c\u4e3b\u6d41\u56fe\u7247\u7f16\u8f91\u5668\u4e5f\u90fd\u4e0d\u652f\u6301\u2026<br \/>\u5bb3\u5f97\u6211\u6709\u65f6\u5019\u8fd8\u5fc5\u987b\u6362\u5230 Safari \u4e0b\u52a0\u8f7d\u666e\u901a\u56fe\u7247\u683c\u5f0f\u2026                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"2208631\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : GeekSky <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             Photoshop \u548c WordPress \u8fd8\u4e0d\u652f\u6301\u2026\u2026                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"2208632\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : cco <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             @GeekSky WordPress \u53ef\u4ee5\u901a\u8fc7\u63d2\u4ef6\u652f\u6301\u3002PS \u561b~~ \u6ca1\u529e\u6cd5\uff0c\u81ea\u5df1\u8f6c\u6362\u5427\u3002                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"2208633\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : wpblank <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             \u8bd5\u4e86\u4e0b\u4e4b\u524d\u81ea\u5df1\u53d1\u7684\u4e00\u7bc7\u535a\u5ba2 \u786e\u5b9e\u652f\u6301\u4e86                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"2208634\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : yimity <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             \u5404\u79cd\u56fe\u7247\u7f16\u8f91\u67e5\u770b\u8f6f\u4ef6\u652f\u6301\u4e4b\u540e\uff0c\u5f00\u59cb\u8981\u6210\u4e3a\u4e3b\u6d41\u4e86\u5427\uff1f                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"2208635\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : jfcherng <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             @GeekSky https:\/\/developers.google.com\/speed\/webp\/docs\/webpshop                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"2208636\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : youxiachai <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             windows \u7684\u753b\u56fe\u652f\u6301 webp&#8230;.\u54c8\u54c8                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"2208637\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : xyjincan <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             6                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"2208638\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : xiangyuecn <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             Safari \u8fd9\u73a9\u610f\uff0c\u6709\u4e9b\u529f\u80fd\u4e0d\u652f\u6301\u8fd8\u597d\uff0c\u652f\u6301\u4e86\u8fd8\u4e00\u5806 bug\uff0c\u5f53\u4ee3 IE \u7684\u7f8e\u8a89 \u53d7\u4e4b\u65e0\u6127                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"2208639\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : zhangsimon <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             @youxiachai \u65e5\uff0c\u626b\u5730\u50e7\u7684\u611f\u811a                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"2208640\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : Love4Taylor <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             \u597d\u4e8b\u3002                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"2208641\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : Michelangelono <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             \u73b0\u5728\u624d\u652f\u6301\u2026\u2026                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"2208642\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : jmyz0455 <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             \u7ec8\u4e8e\u6765\u4e86\u3002                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"2208643\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : renyiqiu <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             \u8fd8\u9700\u52aa\u529b                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"2208644\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : unicloud <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             \u5e0c\u671b WebP \u80fd\u5c3d\u5feb\u666e\u53ca\uff0cSafari \u4e0d\u652f\u6301 WebP \u8981\u505a\u597d\u591a\u989d\u5916\u5de5\u4f5c\uff0c\u4e0d\u7136\uff0c\u6211\u4e5f\u4e0d\u4f1a\u6ca1\u4e8b\u513f\u5199\u8fd9\u4e2a\u56fe\u7247\u683c\u5f0f\u8f6c\u6362\u5de5\u5177\u4e86 https:\/\/www.dute.org\/image-converter                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"2208645\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : NewIPIsComing <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             WordPress \u4e0d\u7528\u63d2\u4ef6\u7684\u8a71\u4e5f\u53ef\u4ee5\u7de8\u8f2f function.php \u5be6\u73fe\u652f\u6301 webp<\/p>\n<p>\/\/** *From https:\/\/mariushosting.com\/how-to-upload-webp-files-on-wordpress\/*\/<br \/>\/\/** *Enable upload for webp image files.*\/<br \/>function webp_upload_mimes($existing_mimes) {<br \/> $existing_mimes[&#8216;webp&#8217;] = &#8216;image\/webp&#8217;;<br \/> return $existing_mimes;<br \/>}<br \/>add_filter(&#8216;mime_types&#8217;, &#8216;webp_upload_mimes&#8217;);<\/p>\n<p>\/\/** * Enable preview \/ thumbnail for webp image files.*\/<br \/>function webp_is_displayable($result, $path) {<br \/> if ($result === false) {<br \/> $displayable_image_types = array( IMAGETYPE_WEBP );<br \/> $info = @getimagesize( $path );<\/p>\n<p> if (empty($info)) {<br \/> $result = false;<br \/> } elseif (!in_array($info[2], $displayable_image_types)) {<br \/> $result = false;<br \/> } else {<br \/> $result = true;<br \/> }<br \/> }<\/p>\n<p> return $result;<br \/>}<br \/>add_filter(&#8216;file_is_displayable_image&#8217;, &#8216;webp_is_displayable&#8217;, 10, 2);                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li>\n","protected":false},"excerpt":{"rendered":"<p>Safari \u5f00\u59cb\u652f\u6301 WebP &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"_links":{"self":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/124352"}],"collection":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=124352"}],"version-history":[{"count":0,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/124352\/revisions"}],"wp:attachment":[{"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=124352"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=124352"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=124352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}