A short overview of image formats used on the web.
|Compression||Good Points||Bad Points||Comments|
|Webp - developed by Google||.webp||Lossless and lossy||26:% smaller than PNG
25-34% than JPEG
|Not as popular at this time.||Supported in Chrome, Firefox, Edge, Opera, and Safari.|
|.jpg, .jpeg||Lossy||24 bit color (up to 16 million colors),
Most popular format.
|Some of the file information is discarded to keep file small.
Does not support transparency background and animation.
Looses quality when repeatedly edited & saved.
|Excellent choice for using on the web.|
Experts Group (committee 2000)
|.jp2, .jpx||Wavelet compression
Enabling both lossless and lossy storage.
|Enhanced handling of large images.
Smaller file sizes for storage.
Does not require license fees.
|Huge amount of time is required to compress and decompress images.||Professional movie editing, and some digital cameras use this format.|
|.gif||Lossless||Supports transparency and animation effects,||8 bit (only 256 colors)
Larger file sizes compared to PNG
|Used for graphics. logos, cartoons, shapes on the web.|
|Portable Network Graphics||.png||Lossless||8 bit (optional transparency for all palette colors).
24 bit truecolor (16 million colors).
48 bit truecolor with and without alpha channel.
|Some versions of IE does not support PNG transparency.
Not good for huge photo files, as the save file is very large.
Does not support animation.
|Display a photograph exactly without loss on the web, also streamable.
Great for fine line art, logos, cartoons.
|.tif, .tiff||Lossy and Lossless||Offers several types of compression, or no compression at all.
High quality color riche images.
Excellent format for storing images.
|Large file sizes: means more storage space and slow loading times. Not good for fast loading website.||Not widely supported by all web browsers.
Used mostly as a photo standard in the printing business.
|Windows Bit Map||.bmp||Uncompressed||Designed for Windows OS.||Huge files.
Normally not used on the web.
Never use for downloading.
|Not web friendly format.
Online Image Optimization Tools
Tools to compress your images for speed.
|Dynamic Drive||Image Optimizer lets you easily optimize your gifs, animated gifs, jpgs, and pngs, so they load as fast as possible on your site. Furthermore, you can easily convert from one image type to another.|
|Smush It||Snush It uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a "lossless" tool, which means it optimizes the images without changing their look or visual quality.|
|Web Resizer||Originally written as a free tool for clients to use when updating websites, after lots of positive feedback, we decided to make it freely available to everyone on the Internet. It's our way of saying thanks for all the wonderful tools the Internet provides.|
|Puny PNG||PunyPNG is a free website optimization tool that dramatically reduces the file size of your images without any loss of quality.|
|iResize||iResize.com is a fast and free, simple-to-use online image resizing tool.
Remember, there is nothing to download or install. iResize.com is completely web-based and works in all of your favorite web browsers and operating systems.
|CompressPNG||Compress PNG images into PNG-8 format with transparency support and full browser compatibility.
Also CompressJPG tool available.
|Image Optimizer||You can resize, compress and optimize your image files. Using the service is as easy as clicking of button! Optimized images are better! They are more suitable for web pages, email attachments, or even storage on your disk.|
|Optimizilla||The ultimate image optimizer to compress your images in JPEG and PNG formats to the minimum possible size. ... There is no online alternative to this tool.|
|ResizeMyImg||This is the easiest way to resize your images online. You just need to upload a picture or drag and drop it into the upload box, set the desired size and then download it for free. With our simple free online tool there is no need to install any additional software to your computer because you already have right of the box an online image editor.|
A Scalable Vector Graphic (SVG) generators to quickly images into SVG format.
|SVG Edit||Basic. Objects. Symbols. Arrows. Flowchart. Animals. Cards & Chess. Dialog balloons. Electronics. Mathematical.|
|Batik Java SVG||Batik is a Java-based toolkit for applications or applets that want to use images in the Scalable Vector Graphics (SVG) format for various purposes, such as display, generation or manipulation.|
|Draw SVG||The free online drawing application for designers and developers fully standard compliant SVG|
|SVG Textorizer Tool||This tool takes as input an image in PNG format (left), as well as a text file containing some text, and produces an SVG file which reconstructs the original image ...|
|Iconizr||A free online SVG icon kit creator, featuring CSS & Sass output, SVG & PNG icon sprites, image optimization and fallbacks for less capable browsers|
|Online Convert||This free online image converter lets you convert your images to the Scalable Vector Graphics (SVG) format (experimental).|