with different record formats to be had for images, we would face a critical question at every factor, which image format ought to i use? jpeg, png, svg or gif? before we get a solution to that query, let's check each of those file formats.
JPEG - Joint Photographic Expert Group
jpeg or jpg is an acronym for joint photographic expert group. This is a very commonplace image format. it is a 24-bit photo layout which means that jpeg snap shots can comprise and display hundreds of thousands of colours - 16.8 million colours exactly. this makes them wonderful for images and snap shots with more than 256 shades.
The jpeg record format isn't always ideal for pix with masses of traces and text as they generally tend to get jagged because of records loss after compression or when magnified. it does now not additionally assist transparency.
GIF - Graphics Interchange Format.
the Graphics Interchange Format (gif) is an image format that has been around for a while. Not like the jpeg, gif supports simplest 256 colors. While this might sound like a variety of colors, it is actually very small as normal images generally have heaps of tones. those tones might be lost whilst the pix are transformed to the gif format and as a result, the gif isn't perfect for snap shots or photographs with a variety of colorings.
one predominant benefit of gif is its potential to guide transparency. Because of this you may put a gif over a coloured history or a photograph and won't see any border round it. however, gif transparency is not selective. if you make a color obvious, that coloration will be obvious within the entire photo. for many years, gif turned into the most effective picture format to guide transparency however now png and svg can do the same.
PNG - Portable Network Graphics
The png(Portable Network Graphics) is an picture layout designed for the web. it takes the first-rate components of jpeg and gif. It comes in formats: png-8 and png-24. the essential difference in the formats is the number of colors it supports. at the same time as png-8 can show a maximum of 256 shades, the png-24 layout can show thousands and thousands of colors and is good for images.
PNG images support transparency better than the GIF.PNG images cannot be animated. It is not supported by all web browsers.
PNG images support transparency better than the GIF.PNG images cannot be animated. It is not supported by all web browsers.
SVG - Scalable Vector Graphics
The SVG(Scalable Vector Graphics) is a vector format. It's miles widely turning into popular due to the number of brilliant things that may be accomplished with it. SVG is written in xml-based markup, it's far similar to html for illustrations and it is pretty exceptional from other photo codecs we've mentioned.
JPG - Joint Photographic Experts Group
The full form of JPG/JPEG is Joint Photographic Experts Group. JPEG is usually known as JPG.
JPEG
Can display about 16.8 million colors
Lossy Compression
Cannot be animated
Great for still images and photographs
GIF
Can display 256 colors
Lossless Compression
Supports transparency
Great for simple animations
Good for graphics with flat colors and graphics without gradients
PNG
PNG-8:Can display 256 colors
PNG-24:Can display millions of colors
Lossless Compression
Better transparency than GIF
Cannot be animated
Good for icons;Can be used when an SVG format is not available
SVG
Very scalable and great for responsive design
Can be modified using CSS and JavaScript
Smaller file size; depends on how complex the image is
Can be animated
Great for logos, icons, maps, flags, charts etc.
Not so good for photographs
JPEG
Can display about 16.8 million colors
Lossy Compression
Cannot be animated
Great for still images and photographs
GIF
Can display 256 colors
Lossless Compression
Supports transparency
Great for simple animations
Good for graphics with flat colors and graphics without gradients
PNG
PNG-8:Can display 256 colors
PNG-24:Can display millions of colors
Lossless Compression
Better transparency than GIF
Cannot be animated
Good for icons;Can be used when an SVG format is not available
SVG
Very scalable and great for responsive design
Can be modified using CSS and JavaScript
Smaller file size; depends on how complex the image is
Can be animated
Great for logos, icons, maps, flags, charts etc.
Not so good for photographs
0 Comments