Web Graphic

Presentation
File Formats for Web Development

Presented by
Tina Brown
Developing Instructional Media EDID6508
 File formats

There are many graphic file format with each storing data in different ways. There are two major
categories of graphic file format vector and raster.
 File Formats – Review

File Format Main Purpose Compression Web Graphics Key Features

BMP Bitmap or Device Independent Uncompressed No Large file as a result of all image
bitmap for windows operating Lossless pixel being retained
system
EPS EPSF files are typically used by Uncompressed No Preserves all of the original image
drawing applications to describe Lossless information, and therefore without
how to produce images, degrading the quality of the
drawings, or layouts. image.
GIF Graphic Interchange format – Compressed yes Lossless for images with 256 and
used format for storing multibit LZW lossless less colours (8 bit).
graphics and image data
JPG Commonly used for photographic Compressed Yes High/low quality
images and archival storage. Lossy degree of compression is
adjustable
 File Formats – Review (contd.)

File Format Main Purpose Compression Web Graphics Features

PCT File format used for saving Compressed No Solid colour blocks effectively
Macintosh picture images. Lossless compressed
PCX File format primarily used in Uncompressed No Supports 1-bit to 24-bit colour
Windows Paintbrush Lossless depths, and all image data is
compressed using Run Length
Encoding
PDF Portable Document Format, is the Compressed/unco yes Can be compressed without
industry standard for sharing and mpressed losing its quality
printing documents. lossy/lossless
PNG Portable network graphic format Compressed Yes Image data is always stored
which contains a bitmap of compressed, using a variation on
indexed colour. the lossless LZ77-based deflate
compression algorithm
 File Formats – Review (contd.)
File Format Main Purpose Compression Web Graphics Features
PSD Image file for storage in Adobe Uncompressed No No compression as it supports
Photoshop lossless multiple pictures, objects, filters,
text, and more, as well as using
layers, vector paths and shapes,
and transparency.
TGA A file saved in the raster Compressed No Low compression which is great
graphic format designed by lossless for images like icons and line
Truevision. drawings because they're not as
complex as photographic
pictures.
TIFF Used for storing images with many uncompressed/ No Supports colour depths from 1- bit
colours, such as digital photos and Compressed to 24- bit and a wide range of
includes support for layers and Mainly lossless compressed types
multiple pages.
WMF Windows graphic used primarily uncompressed No Supports colour depths up to 24-
for vector images, but can also bit, and does not offer
include raster graphics. compression
File Format for Presentation
 File Format for Presentation - Rationale

GIF JPG PNG

Pros Pros Pros

- Supports transparency - 24 bit colours with up to
- Supports basic 6 million colours
animation effects - Small file size
- Lossless compression for - Compatible with all
images less than 256 browser and operating
colours systems
- Most commonly used
graphic file format
- Lossless image storage
compression
- Supports true colour and
transparency
- Stores the gamma
setting of the platform of
the creator
References

• Digital Image File Types Explained (2017)

Retrieved from http://users.wfu.edu4matthews4misc4graphics4formats4formats.html

• Fisher, T. (2018). What's a TGA File and How Do You Open One? Retrieved
from https://www.lifewire.com/tga-file-2622390

• Harshavardhan, T. (2016). File Formats. Retrieved from

https://www.slideshare.net/HarshavardhanThatipa/file-formats-67218186