{"id":2785,"date":"2022-08-24T10:54:55","date_gmt":"2022-08-24T15:54:55","guid":{"rendered":"https:\/\/www.comosoft.us\/lat\/?p=2785"},"modified":"2022-08-25T08:09:21","modified_gmt":"2022-08-25T13:09:21","slug":"3-emerging-image-formats-that-marketers-need-to-know","status":"publish","type":"post","link":"https:\/\/www.comosoft.us\/lat\/blog\/3-emerging-image-formats-that-marketers-need-to-know\/","title":{"rendered":"3 Emerging Image Formats that Marketers Need to Know"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1206.4px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:10px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:10px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"--awb-margin-top-small:0px;--awb-margin-right-small:0px;--awb-margin-bottom-small:20px;--awb-margin-left-small:0px;\"><h2 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:34;line-height:1.29;\">Multichannel marketing is constantly incorporating new tools and processes, especially on the digital front, that make website images better and faster.<\/h2><\/div><div class=\"fusion-text fusion-text-1\"><p>Although they should be straightforward, image formats are rarely that. You save the image, logo, animation, or poster that you&#8217;ve generated. You can use it for anything now, right? A universal image format system would make life much simpler if only that were the case. Instead, a plethora of confusing acronyms overpowers us.<\/p>\n<p>Let&#8217;s face it: you frequently select the one you&#8217;ve heard of or used previously and assumed would work. Then you receive the message: Please send in PNG as this device does not accept this format. Sadly, this is just the beginning of your issues.<\/p>\n<p>When displaying photos for the web, we have various image formats to utilize. The primary distinction between image formats is the type of image codec that is used for encoding or decoding every type of image. An image codec is a representation of the algorithm used to compress, encode, and decode images into a particular file format for display on screens. Hence, many names like JPG, PNG, and GIF, among others. With the rise of mobile devices, 5G data, and the ever-increasing need for faster loading websites, new image and video formats are emerging to take on these challenges. Here is your primer on the latest versions so your team can be ready to use them!<\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:10px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:10px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-2 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"--awb-margin-top-small:0px;--awb-margin-right-small:0px;--awb-margin-bottom-small:20px;--awb-margin-left-small:0px;\"><h3 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:30;line-height:1.33;\">WebP Format<\/h3><\/div><div class=\"fusion-text fusion-text-2\"><p>The goal of Google&#8217;s WebP, a contemporary image format, is to improve lossless and lossy compression for photos on the web. WebP aims to create smaller images while maintaining richness because smaller images speed up the web. Additionally, WebP continues to support the expanding trend of animated graphics. It&#8217;s still in the works, but it will be significant.<\/p>\n<p>Lossy WebP compression bases its picture encoding on predictive encoding and the VP8 video codec. It predicts the value of a block of pixels using values from nearby blocks of pixels and only encodes the difference. Multiple image compression algorithms are used to turn photos into lossless WebP files.<\/p>\n<p>WebP lossy images are typically 25\u201334 percent smaller than JPEG images of comparable quality, whereas WebP lossless images generally are 26 percent smaller than PNG. They also make an excellent substitute for GIF images because they support animation.<\/p>\n<p><strong>Advantages &amp; Disadvantages<\/strong><\/p>\n<ul>\n<li>Great quality images at smaller file sizes<\/li>\n<li>Not supported by Social platforms yet, so traditional formats need to be utilized for Social sharing purposes<\/li>\n<\/ul>\n<p><strong>Browser &amp; OS Support<\/strong><\/p>\n<p>Support in all browsers and operating systems<\/p>\n<p>Examples of WebP &amp; JPG compression and quality are below. The view of Lake Como (our namesake) is stunning in both versions, but the WebP is a 61% smaller file size than the JPG.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:10px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:10px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-image-element\" style=\"text-align:center;--awb-liftup-border-radius:0px;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><div class=\"awb-image-frame awb-image-frame-1 imageframe-liftup\"><span class=\" fusion-imageframe imageframe-none imageframe-1\"><a href=\"https:\/\/www.comosoft.us\/lat\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-blog-1.webp\" class=\"fusion-lightbox\" data-rel=\"iLightbox[3a7080e3616025c0ba9]\" data-title=\"Lake Como &#8211; WebP\" title=\"Lake Como &#8211; WebP\"><img decoding=\"async\" width=\"1600\" height=\"800\" alt=\"Lake Como - WebP\" src=\"https:\/\/www.comosoft.us\/lat\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-blog-1.webp\" class=\"img-responsive wp-image-2795\" srcset=\"https:\/\/www.comosoft.us\/lat\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-blog-1-200x100.webp 200w, https:\/\/www.comosoft.us\/lat\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-blog-1-400x200.webp 400w, https:\/\/www.comosoft.us\/lat\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-blog-1-600x300.webp 600w, https:\/\/www.comosoft.us\/lat\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-blog-1-800x400.webp 800w, https:\/\/www.comosoft.us\/lat\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-blog-1-1200x600.webp 1200w, https:\/\/www.comosoft.us\/lat\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-blog-1.webp 1600w\" sizes=\"(max-width: 992px) 100vw, (max-width: 450px) 100vw, 1200px\" \/><\/a><\/span><\/div><\/div><div class=\"fusion-text fusion-text-3\" style=\"--awb-content-alignment:center;\"><p><strong>WebP &#8211; 188kb<\/strong><br \/>\n<strong>Lossy @ 70 Quality<\/strong><\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:10px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:10px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-image-element\" style=\"text-align:center;--awb-liftup-border-radius:0px;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><div class=\"awb-image-frame awb-image-frame-2 imageframe-liftup\"><span class=\" fusion-imageframe imageframe-none imageframe-2\"><a href=\"https:\/\/www.comosoft.us\/lat\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-blog-1.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[316868b5e241f9280a7]\" data-title=\"Lake Como &#8211; JPG\" title=\"Lake Como &#8211; JPG\"><img decoding=\"async\" width=\"1600\" height=\"800\" alt=\"Lake Como - JPG\" src=\"https:\/\/www.comosoft.us\/lat\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-blog-1.jpg\" class=\"img-responsive wp-image-2794\" srcset=\"https:\/\/www.comosoft.us\/lat\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-blog-1-200x100.jpg 200w, https:\/\/www.comosoft.us\/lat\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-blog-1-400x200.jpg 400w, https:\/\/www.comosoft.us\/lat\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-blog-1-600x300.jpg 600w, https:\/\/www.comosoft.us\/lat\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-blog-1-800x400.jpg 800w, https:\/\/www.comosoft.us\/lat\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-blog-1-1200x600.jpg 1200w, https:\/\/www.comosoft.us\/lat\/wp-content\/uploads\/2022\/08\/comosoft-emerging-image-formats-blog-1.jpg 1600w\" sizes=\"(max-width: 992px) 100vw, (max-width: 450px) 100vw, 1200px\" \/><\/a><\/span><\/div><\/div><div class=\"fusion-text fusion-text-4\" style=\"--awb-content-alignment:center;\"><p><strong>JPG &#8211; 476kb<\/strong><br \/>\n<strong>70 Quality<\/strong><\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:10px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:10px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-3 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"--awb-margin-top-small:0px;--awb-margin-right-small:0px;--awb-margin-bottom-small:20px;--awb-margin-left-small:0px;\"><h3 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:30;line-height:1.33;\">HEIF Format<\/h3><\/div><div class=\"fusion-text fusion-text-5\"><p>High-Efficiency Image File Format, or HEIF, is designed to streamline the storage of images. In addition, it tries to maintain good quality while using lower compressed files. With 10 degrees of compression available, HEIF offers lightning-fast encoding and decoding, is lightweight, and doesn&#8217;t tax the system&#8217;s resources.<\/p>\n<p>Theoretically, the compression is nearly twice as effective as JPEG, producing photos with up to twice the quality at the same file size. However, because it uses a raster picture format and pixel mapping, you cannot enlarge the photos without sacrificing quality.<\/p>\n<h4><strong>Advantages &amp; Disadvantages<\/strong><\/h4>\n<ul>\n<li>Great quality to file size ratio<\/li>\n<li>No browser and limited OS support<\/li>\n<\/ul>\n<h4><strong>Browser &amp; OS Support<\/strong><\/h4>\n<ul>\n<li>Not supported by any major browsers<\/li>\n<li>Native support in macOS Sierra and iOS 11 and later, but not in their respective Safari versions<\/li>\n<\/ul>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:10px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:10px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-4 fusion-sep-none fusion-title-text fusion-title-size-three\" style=\"--awb-margin-top-small:0px;--awb-margin-right-small:0px;--awb-margin-bottom-small:20px;--awb-margin-left-small:0px;\"><h3 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:30;line-height:1.33;\">AVIF Format<\/h3><\/div><div class=\"fusion-text fusion-text-6\"><p>AVIF, which stands for &#8220;AV1 Image File Format,&#8221; is thought to be the upcoming image file format of the future. This format is essentially the protocol for storing AV1-compressed still and motion photos in HEIF files. Most tech experts consider the royalty-free video coding format AV1 to be the next development in media compression.<\/p>\n<p>To produce high-quality photos, AVIF enables very effective lossy and lossless compression. AVIF compresses far better than the majority of currently used web formats (JPEG, WebP, JPEG 2000, and more). Images with the comparable visual quality might be up to ten times smaller than JPEGs. According to specific testing, AVIF offers a 50% file size reduction over JPEG while maintaining a comparable level of perceptual quality. Remember to analyze formats carefully because there are situations in which WebP lossless can be superior to AVIF lossless.<\/p>\n<p>Because of its superior compression, AVIF can lower the size of image files. AVIF files download more quickly and use less bandwidth as a result. Because of this, it might enhance performance by speeding up the loading of photos.<\/p>\n<p>Overall, AVIF does pass most of the tests, and WebP offers better support and compression than JPEG or PNG. As a result, you should, without a doubt, consider WebP when optimizing photos for your website. Considering AVIF for your purposes and implementing it as a progressive enhancement could be beneficial as the format spreads across many platforms and browsers. AVIF would eventually become more straightforward with better comparison tooling and faster encoding.<\/p>\n<p><strong>Advantages &amp; Disadvantages<\/strong><\/p>\n<ul>\n<li>A better compression method than other image formats lead to faster load times<\/li>\n<li>Adobe and other platforms not currently supporting this format<\/li>\n<\/ul>\n<p><strong>Browser &amp; OS Support<\/strong><\/p>\n<ul>\n<li>It is supported by Chrome, Firefox, and Opera but is currently not fully supported in Safari or Edge<\/li>\n<\/ul>\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>With the rise of mobile devices, 5G data, and the ever-increasing need for faster loading websites, new image and video formats are emerging to take on these challenges. Here is your primer on the latest versions so your team can be ready to use them!<\/p>\n","protected":false},"author":3,"featured_media":2798,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[1],"tags":[39,42,35,38,62,56,40,29],"class_list":["post-2785","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-dam-system","tag-database-publishing","tag-digital","tag-digital-asset-management","tag-digital-marketing","tag-digital-publishing","tag-lago","tag-multichannel-marketing"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.comosoft.us\/lat\/wp-json\/wp\/v2\/posts\/2785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.comosoft.us\/lat\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.comosoft.us\/lat\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.comosoft.us\/lat\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.comosoft.us\/lat\/wp-json\/wp\/v2\/comments?post=2785"}],"version-history":[{"count":5,"href":"https:\/\/www.comosoft.us\/lat\/wp-json\/wp\/v2\/posts\/2785\/revisions"}],"predecessor-version":[{"id":2847,"href":"https:\/\/www.comosoft.us\/lat\/wp-json\/wp\/v2\/posts\/2785\/revisions\/2847"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.comosoft.us\/lat\/wp-json\/wp\/v2\/media\/2798"}],"wp:attachment":[{"href":"https:\/\/www.comosoft.us\/lat\/wp-json\/wp\/v2\/media?parent=2785"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.comosoft.us\/lat\/wp-json\/wp\/v2\/categories?post=2785"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.comosoft.us\/lat\/wp-json\/wp\/v2\/tags?post=2785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}