{"id":21469,"date":"2013-04-28T06:27:16","date_gmt":"2013-04-28T13:27:16","guid":{"rendered":"http:\/\/css-tricks.com\/?p=21469"},"modified":"2014-01-16T20:58:08","modified_gmt":"2014-01-17T03:58:08","slug":"webp-with-fallback","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/webp-with-fallback\/","title":{"rendered":"WebP with Fallback"},"content":{"rendered":"<p>WebP images will save a quarter to a third of the file size over PNG or JPG. Not all browsers are going to support it, but Bruce Lawson shares a way we can use it in such a progressive enhancement kind of way.<\/p>\n<p>Also: <code>&lt;img src=\"image.webp\" onerror=\"this.onerror=null; this.src='image.png'\"&gt;<\/code><\/p>\n<p>Also: <a href=\"http:\/\/www.stucox.com\/blog\/using-webp-with-modernizr\/\" rel=\"noopener\">with Modernizr<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WebP images will save a quarter to a third of the file size over PNG or JPG. Not all browsers are going to support it, but Bruce Lawson shares a way we can use it in such a progressive enhancement kind of way. Also: &lt;img src=&#8221;image.webp&#8221; onerror=&#8221;this.onerror=null; this.src=&#8217;image.png'&#8221;&gt; Also: with Modernizr<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[17],"tags":[],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"","jetpack-related-posts":[],"featured_media_src_url":null,"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/21469"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=21469"}],"version-history":[{"count":4,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/21469\/revisions"}],"predecessor-version":[{"id":160594,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/21469\/revisions\/160594"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=21469"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=21469"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=21469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}