The benefits of BPG
For starters, as mentioned above, BPG supports animation, so what does this mean in practical terms? With BPG, you can effectively create a GIF that’s half the size of the equivalent MP4. There’s also video inline play to consider. For instance, on mobile Safari browsers, no video can be played inline. BPGs come to the rescue: it’s possible to have BPGs that are as small as 5% of the original. Another thing is the high compression ratio. BPG is smaller than JPG, as well as Google’s WebP, which itself is a new image format that offers lossless image compression. To put things in context further, WebP is 26% smaller than PNG. Interestingly, WebP is already supported by both Google Chrome and Opera browsers, which does make WebP more accessible than BPG. A comparison of JPG quality (left) and BPG quality (right). Still, there’s really no learning curve when it comes to BPG. You can begin using it today as long as you have a JavaScript decoder. However, BPG’s benefits go beyond just the specs. There are also real, observable differences. For instance, not only can BPGs hold up better, but they can also produce images that feature much less color banding and blocking. Along the edges of images, BPGs don’t have as much step-ladder aliasing, which is why they look sharp even down to smaller sizes.The downsides of BPG
As alluded to above, nothing is completely perfect, and that’s also the case with BPG. It does have some drawbacks, such as lack of native support, that extends its decompile time. In general, the larger your file, then the slower the decompiling time will be. Presently, decompiling time is approximately between 8 and 10 seconds. If browsers start to include native support for BPG, this time will drastically improve. There’s also main thread blocking to contend with, when you’re decompiling larger files. BPG is created by using HEVC video compression technology, which has been patented by a company called MPEG LA; the same company that owns the H.246 video codec. MPEG LA, being the patents’ owners, could eventually charge royalties on both software and hardware that has BPG decoders built in. In turn, this makes it somewhat unappealing for popular browsers such as Mozilla’s Firefox, open-source and free, to support the BPG format. Last but not least is the lack of sound support. While this may be okay with some — it’s not a video format after all — it would still be nice to have sound.Hard to change habits
Looking past these downsides, there’s the bigger issue to consider that many designers are simply used to JPG in spite of its drawbacks. While some may call it complacency, the fact is that many designers accept JPG and have become used to working with it across many different projects. A comparison of JPG quality (left) and BPG quality (right). As such, it’s hard to get designers to broadly change over to BPG, especially when you look at how some designers use it by default. In addition, JPG is also widely understood and supported basically everywhere you look. The fact that BPG isn’t, at least not at the time of this writing, is probably its biggest downside. Factor in the reality that image download times have been getting better due to quicker Internet speeds, and it’s hard to believe that BPG, in spite of its clear advantages, will take over from JPG anytime soon, at least completely.Summary
There’s no doubt about it. BPG is new, exciting and serves a need for smaller sizes and higher-quality graphics. In spite of these advantages, though, it is unlikely that designers will make a mass exodus from JPG and start using BPG overnight. That’s especially true when you consider the issues BPG may have with its lack of support from browsers and possible licensing issues as well. BPG is a fresh, exciting format. It delivers superior quality and smaller file size. But with a lack of native browser support, and potential licensing obstacles to it gaining that native support, whether the design community will be switching over to this file format in the next few years, remains to be seen. A comparison of JPG quality (left) and BPG quality (right).Marc Schenker
Marc’s a copywriter who covers design news for Web Designer Depot. Find out more about him at thegloriouscompanyltd.com.
Read Next
3 Essential Design Trends, May 2024
Integrated navigation elements, interactive typography, and digital overprints are three website design trends making…
How to Write World-Beating Web Content
Writing for the web is different from all other formats. We typically do not read to any real depth on the web; we…
By Louise North
20 Best New Websites, April 2024
Welcome to our sites of the month for April. With some websites, the details make all the difference, while in others,…
Exciting New Tools for Designers, April 2024
Welcome to our April tools collection. There are no practical jokes here, just practical gadgets, services, and apps to…
How Web Designers Can Stay Relevant in the Age of AI
The digital landscape is evolving rapidly. With the advent of AI, every sector is witnessing a revolution, including…
By Louise North
14 Top UX Tools for Designers in 2024
User Experience (UX) is one of the most important fields of design, so it should come as no surprise that there are a…
By Simon Sterne
What Negative Effects Does a Bad Website Design Have On My Business?
Consumer expectations for a responsive, immersive, and visually appealing website experience have never been higher. In…
10+ Best Resources & Tools for Web Designers (2024 update)
Is searching for the best web design tools to suit your needs akin to having a recurring bad dream? Does each…
By WDD Staff
3 Essential Design Trends, April 2024
Ready to jump into some amazing new design ideas for Spring? Our roundup has everything from UX to color trends…
How to Plan Your First Successful Website
Planning a new website can be exciting and — if you’re anything like me — a little daunting. Whether you’re an…
By Simon Sterne
15 Best New Fonts, March 2024
Welcome to March’s edition of our roundup of the best new fonts for designers. This month’s compilation includes…
By Ben Moss
LimeWire Developer APIs Herald a New Era of AI Integration
Generative AI is a fascinating technology. Far from the design killer some people feared, it is an empowering and…
By WDD Staff