Skip to main content

Different image formats for web browsers

This post is about different image formats for web browsers like jpeg,png,gif and WebP.I assume that all of you are aware of first three image formats but very few know about WebP.So i will be explaining each of them independently.

JPEG : JPEG is acronym of "Joint photographic expert group" .It is in Raster format .Basically JPEG is a compression method.JPEG compressed images are usually stored in JFIF file format (JPEG file interchange format).The file extension we used in JPEG is .jpg or .jpeg.JPEG compression is called lossy compression that is the degree of compression can be adjusted allowing a tradeoff between storage size and image quality but JPEG often suffers degradation in image quality when repeatedly edited and saved.JPEG/JFIF is most common image format for storing and transmitting images on World wide web.This format is simply called JPEG. 

GIF : GIF (Graphics interchange format) is a bitmap image format.This image format is widely used in World wide Web due to its portablity and support.It is limited to 8 bit pallete or 256 colors.This makes GIF more suitable for storing graphics with very few colors such as simple diagrams,logos and shapes.It also support animations and have seperate pallete for each of the frames in animation.It also uses lossless compression which is more effective when applying to large areas with single color.It is not suitable for digital photography.

PNG : PNG (Portable network graphics) is raster graphics file format.It supports lossless compression.PNG was create das a replacement of GIF.It supports 8 bit palleted images in addition with 24 bit truecolor or 48 bit truecolor.PNG is designed to work in an online web applications like web browsers.It is fully streamable with progressive display options.PNG is robust.It detect common transmission errors.Animated formats derived from PNG are MNG and APNG.

WEBP : WebP is image format that uses both lossy and lossless compression used by JPEG an PNG.Developed by google it is suppossed to be a new open standard for lossily compressed true color graphics on web.WebP supports animation,XMP metadata and tiling.The main aim of google was to reduce image size for faster web page loading.It is supported by browsers Chrome and Opera as of now.Amongst the graphic software picasa,pixcelmator and imagemagick support WebP.A plug-in is used in Adobe photoshop for the support of WebP in it.Gmail and picasa web albums also support WebP.It is also supported by google app engine.The instant preview feature of google currently uses WebP to reduce the disk space used by previews.The WebP is widely used in the development of games because it is more effective then other image formats.
Labels:

Comments

Post a Comment

Popular posts from this blog

Tricky Questions or Puzzles in C ( Updated for 2026)

Updated for 2026 This article was originally written when C/C++ puzzles were commonly asked in interviews. While such language-specific puzzles are less frequent today, the problem-solving and logical reasoning skills tested here remain highly relevant for modern Software Engineering, Data Engineering, SQL, and system design interviews . Why These Puzzles Still Matter in 2026 Although most Software &   Data Engineering interviews today focus on Programming, SQL, data pipelines, cloud platforms, and system design , interviewers still care deeply about how you think . These puzzles test: Logical reasoning Edge-case handling Understanding of execution flow Ability to reason under pressure The language may change , but the thinking patterns do not . How These Skills Apply to Data Engineering Interviews The same skills tested by C/C++ puzzles appear in modern interviews as: SQL edge cases and NULL handling Data pipeline failure scenarios Incremental vs ...
23 comments
Read more

Decorators in Python

Decorators provide additional functionality to the functions without directly changing their definition of them. Basically, it takes the functions as an argument, adds functionality to them, and returns it.  Before diving deep into the concept of Decorators, let's first try to understand  What are functions in Python and what is an inner function? In Python everything is Objects, be it Class, Variables, and Functions . So functions are python first-class objects that can be used or passed as an argument. You can store the functions in variables, you can pass a function to another function as parameters, and you can also return the function from the function. Below is one simple example where we are treating functions as objects . def make_me_lowercase ( str ): return str .lower() print (make_me_lowercase( "HELLO World" )) copy_of_you = make_me_lowercase print (copy_of_you( "HELLO World" )) The output of the above calls for both the functio...
2 comments
Read more

Program to uncompress a string ie a2b3c4 to aabbbcccc

Below is the program to uncompress a string #include<stdio.h> #include<conio.h> #include<stdlib.h> int main() { char str[100]="a2b3c4d8u7"; for(int i=0;str[i]!='\0';i++) { if(i%2!=0) { for(int j=0;j<atoi(&str[i]);j++) { printf("%c",str[i-1]); } } } getch(); } Want to become a Data Engineer? Check out below blog posts  1.  5 Key Skills Every Data Engineer needs in 2023 2.  How to prepare for Data Engineering Interviews 3.  Top 25 Data Engineer Questions
2 comments
Read more