Can BPG replace JPG?

Default avatar.
November 11, 2015
Can BPG replace JPG?.

stands for Better Portable Graphics, and it’s a new image format, the aim of which is to replace JPG. To do this, BPG delivers the best of both worlds: superior quality, and smaller file size. But wait a second, there’s more: BPG also supports animation. And not just any kind of animation; actual GIF-style animations that boast MP4 quality while being smaller in size than the MP4 from which they were created. All of this sounds like a torrent of nothing but upsides for BPG, but that would be too good to be true. In reality, BPG isn’t completely free of problems, but it still represents a technology that’s worth exploring and can give JPG a real run for its money. The brainchild of French programmer Fabrice Bellard who thinks BPG can legitimately replace JPG altogether, BPG shines when images are heavily compressed. In that state, it definitely shows a marked quality increase compared to JPG. The thing that sets BPG apart is its ability to handle transparency, something that JPEG simply can’t. Interestingly, both PNG and GIF can handle transparency and are supported by the majority of browsers. BPG files, though, take some work before browsers will display them: they need a 55-kb JavaScript decoder that’s embedded on a site before they can be used. Beyond this, it all comes down to the pros vs. cons of switching over to BPG. From the design community’s viewpoint, it all comes down to what can BPG do better than JPG to justify moving from one to the other. 001 A comparison of JPG quality (left) and BPG quality (right).

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 BPG002 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. 003 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.


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. 004 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 marcschenker​copywriter​.com.

Read Next

AI Changes Everything and Nothing

The marketing frenzy surrounding the recent flood of AI-powered apps and services has caused some observers to question…

15 Best New Fonts, March 2023

Fonts are one of the most critical tools in any designer’s toolbox. With clever use, you can transform a design from hu…

20 Best New Websites, March 2023

We have another exciting collection of the best new sites on the web for you. In this month’s episode, there are severa…

Exciting New Tools for Designers, March 2023

We have invoicing apps and scheduling tools. Some resources will save you the trouble of hiring a designer or developer…

Free Download: Budget Planner UI Kit

Designing an onboarding process can be tricky; there are so many different options, and if you get it wrong, you could …

3 Essential Design Trends, February 2023

There’s a common theme in this month’s collection of website design trends – typography. All three of these trends show…

Free Download: Education Icons

Icons are essential for successful web design. They provide an eye-catching, unobtrusive way to communicate important i…

15 Best New Fonts, February 2023

The fonts you embed in your website transform the design and can mean the difference between an extraordinary brand exp…

Unlocking the Power of Design to Help Users Make Smart Decisions

Users are faced with decision-making on websites every day. The decision-making process can be far more complex than it…

20 Best New Websites, February 2023

The quality of websites in 2023 has moved up a gear, with designers cherry-picking trends as tools, embracing new ideas…

AI’s Impact on the Web Is Growing

Despite the massive strides tech has taken in the last few years, we rarely see a week as tumultuous as this. When your…

Exciting New Tools for Designers, February 2023

No matter what you’re working on, you can guarantee that there’s a cool app, resource, or service that will help you do…