image CDN like ImageEngine<\/a>, will to a greater extent be able to dynamically choose between supported formats and make a qualified guess whether WEBP, JPEG2000 or AVIF will give the best user experience. Using an image CDN to automate the image optimization process will take into account browser compatibility, image payload size and visual quality.<\/p>\n","protected":false},"excerpt":{"rendered":"AVIF, the file format based on the AV1 video codec, is the latest addition to the next-gen image formats. Early reports and comparisons show good results compared to JPEG and WebP. However, even if browser support is good, AVIF is still on the bleeding edge in regards to encoding and decoding. Encoding, decoding, settings and […]<\/p>\n","protected":false},"author":4,"featured_media":325694,"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":[508],"tags":[],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/11\/image3.png?fit=1200%2C742&ssl=1","jetpack-related-posts":[{"id":334315,"url":"https:\/\/css-tricks.com\/maximally-optimizing-image-loading-for-the-web-in-2021\/","url_meta":{"origin":325691,"position":0},"title":"Maximally optimizing image loading for the web in 2021","date":"February 16, 2021","format":false,"excerpt":"Malte Ubl's list for: 8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the CPU usage for image display. Fluid width images in CSS, not forgetting the height and width attributes in HTML so you get proper aspect-ratio on first render.Use\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/05\/resp-images-thumb.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":365579,"url":"https:\/\/css-tricks.com\/useful-tools-for-creating-avif-images\/","url_meta":{"origin":325691,"position":1},"title":"Useful Tools for Creating AVIF Images","date":"May 9, 2022","format":false,"excerpt":"AVIF (AV1 Image File Format) is a modern image file format specification for storing images that offer a much more significant file reduction when compared to other formats like JPG, JPEG, PNG, and WebP. Version 1.0.0 of the AVIF specification was finalized in February 2019 and released by Alliance for\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/05\/avif-logo.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":320702,"url":"https:\/\/css-tricks.com\/avif-has-landed\/","url_meta":{"origin":325691,"position":2},"title":"AVIF has landed","date":"September 8, 2020","format":false,"excerpt":"Everybody is talking about AVIF today because of Jake's blog post. As the say, I was today years old when I learned AVIF was a thing. But thanks to web technology being ahead of the game for once, we can already take advantage of it. This will be easier if\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-08-at-2.07.31-PM.png?fit=1200%2C367&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":373484,"url":"https:\/\/css-tricks.com\/gifs-without-the-gif-the-most-performant-image-and-video-options-right-now\/","url_meta":{"origin":325691,"position":3},"title":"GIFs Without the .gif: The Most Performant Image and Video Options Right Now","date":"September 28, 2022","format":false,"excerpt":"So you want an auto-playing looping video without sound? In popular vernacular this is the very meaning of the word GIF. The word has stuck around but the image format itself is ancient and obsolete. Twitter, for example, has a \u201cGIF\u201d button that actually inserts a