web analytics

Image Resources

Web Images

A short overview of image formats used on the web.
Updated: 11/5/20

Format Format
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.
Joint Photographic
Experts Group
.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.
Joint Photographic
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.
Interchange 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.

Tagged Image
File Format
.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.

Not scalable.

Online Image Optimization Tools

Tools to compress your images for speed.

Optimizer Description
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.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.

SVG Generator

A Scalable Vector Graphic (SVG) generators to quickly images into SVG format.

Generator Description
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 ...
Online SVG Generator It is written in HTML5 with mainly Javascript (that means your Browser!) doing the work. There is a little PHP to allow the download of the generated SVG file.
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).