web analytics

Image Resources


Web Images

A short overview of image formats used on the web.
Updated: 11/5/20
Format Format
Extension
CompressionGood PointsBad PointsComments
Webp - developed by Google.webpLossless and lossy26:% 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, .jpegLossy24 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, .jpxWavelet 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.
Graphics
Interchange Format
.gifLosslessSupports 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.pngLossless8 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, .tiffLossy and LosslessOffers 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.bmpUncompressedDesigned 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.
OptimizerDescription
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 ItSnush 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.
CompressPNGCompress PNG images into PNG-8 format with transparency support and full browser compatibility.
Also CompressJPG tool available.
Image OptimizerYou 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.
OptimizillaThe 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.
ResizeMyImgThis 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.
GeneratorDescription
SVG Edit Basic. Objects. Symbols. Arrows. Flowchart. Animals. Cards & Chess. Dialog balloons. Electronics. Mathematical.
Batik Java SVGBatik 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 SVGThe free online drawing application for designers and developers fully standard compliant SVG
SVG Textorizer ToolThis 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 GeneratorIt 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.
IconizrA free online SVG icon kit creator, featuring CSS & Sass output, SVG & PNG icon sprites, image optimization and fallbacks for less capable browsers
Online ConvertThis free online image converter lets you convert your images to the Scalable Vector Graphics (SVG) format (experimental).