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

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

Programs and Puzzles in technical interviews i faced

I have attended interview of nearly 10 companies in my campus placements and sharing their experiences with you,though i did not got selected in any of the companies but i had great experience facing their interviews and it might help you as well in preparation of interviews.Here are some of the puzzles and programs asked to me in interview in some of the good companies. 1) SAP Labs I attended sap lab online test in my college through campus placements.It had 3 sections,the first one is usual aptitude questions which i would say were little tricky to solve.The second section was Programming test in which you were provided snippet of code and you have to complete the code (See Tricky Code Snippets  ).The code are from different data structures like Binary Tree, AVL Tree etc.Then the third section had questions from Database,OS and Networks.After 2-3 hours we got the result and i was shortlisted for the nest round of interviews scheduled next day.Then the next day we had PPT of t...
4 comments
Read more