What Are Next-Gen Image Formats?
HEIF was developed in 2015 by the Moving Picture Experts
Group (MPEG). It’s about 30-40 percent smaller than traditional JPEG.
The quality of the original file is always conserved because edits are stored separately within the same file. It lets you create 3D-like images or ‘cinemagraph’ style moving images, creating an immersive, contextual experience.
HEIF can store an extended range of color values. Apple OS11 and post devices support HEIF, but they comprise only one segment of devices and browser versions.
WebP employs both lossy and lossless compression. Released in 2010 by Google, it is a lightweight format that essentially tries to make images smaller.
WebP enables transparency and can be animated. It is more about achieving faster image load times than higher image quality.
However, it has a website use rate of less than one percent and is mainly limited to Chrome and Android-native applications.
JPEG stands for the Joint Photographic Experts Group, which created the standard in 1992. The main basis for JPEG is the Discrete Cosine Transform (DCT), a “lossy” image compression technique that was first proposed by Nasir Ahmed in 1972.
Because it uses “lossy compression” it doesn’t work well if the exact image information needs to be displayed.
It’s not ideal for brand logos because it’s impossible to maintain the precise corporate color scheme.
For e-commerce, JPEGs can’t support cool things like transparent backgrounds or animations. However, most browsers and devices support JPEG.
An SVG is vector-graphic that supports interactivity and animation.
SVG’s are easily scalable without losing quality, and they tend to be smaller than other formats.
Based on points and paths instead of pixels, they are great for illustrations but not suitable for photography or if color richness is required. Many older browsers don’t support SVG’s.
PNG – is a raster-graphics file format that also supports lossless data compression. It was conceived specifically for web usage and supports transparency.
It is the most commonly-used image file format on the web today.
However, it could not overcome the file size problem. Depending on use, PNG images are often larger than JPEGs and sometimes GIFs.
A GIF uses “lossless” compression and allows the original data to be perfectly reconstructed from the compressed data, making the format suitable for illustrations/ graphics.
Also, it preserves the exact color code. It is also possible to save images with a transparent background or animated them.
The main drawback of GIFs is their huge file sizes.