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.

Comments

Post a Comment

Popular posts from this blog

Tricky Questions or Puzzles in C

-
This post is about the Tricky Questions   or code snippet in C or C++ asked in most of the Interviews   (See Interview Experience ) by some of the good companies. You may know probably the right concept but it will not strike you at the interview and to crack all those Interview Questions  you should know some of them beforehand. If you are applying for Job related to JAVA then checkout the blog post  Tricky Questions in JAVA . 1) what will be the output of the following Printf function.   printf("%d",printf("%d",printf("%d",printf("%s","ILOVECPROGRAM")))); Ans-ILOVECPROGRAM1321 The above printf line gives output like this because printf returns the number of character successfully written in the output. So the inner printf("%s","ILOVECPROGRAM") writes 13 characters to the output so the outer printf function will print 13 and as 13 is of 2 characters so the next outer printf function will print 2 and then
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
Read more

Number series arrangement puzzles

-
In this post I am going to give the number series arrangement puzzles in which you have to find the next element or missing element in the series of numbers given. These questions are an important part of any technical interviews where interviewer wants to check how fast you can think and deduce connections between numbers. 1. What is the next number in the series? 27  101  91 82 18 17 __ 2. What is the next number in the series? 83  99   1027    1181    12243  __ 3. What is the missing number in the series? 132   3134    5236    7338   __   115312 4. What is the missing numbers in the series? 31 34 __ 37 37 __ 40 40 40 __ 40 40 40 5. What is the next number in the series? 58   1024   2040    4056   __ Click  here  for answers
Read more