File - Jon Allen Capstone Portfolio

Jon Allen

Raster Graphics AKA Bitmap files
• ASE, ART, BMP, BLP, CIT, CPT, CUT, DDS, DIB, DjVu, EGT, Exif,
GIF, GPL, ICNS, ICO, IFF, JNG, JPEG, JFIF (.jpg or .jpeg), JP2,
JPS, LBM, MAX, MIFF, MNG, MSP, NITF, OTA, PBM, PC1,
PC2, PC3, PCF, PCX, PDN, PGM, PI1, PI2, PI3, PICT, PCT,
PNG, PNM, PPM, PSB, PSD, PDD, PSP, PX, PXR, QFX, RAW,
RLE, SCT, SGI, RGB, INT, BW, TGA (.tga, .targa, .icb, .vda,
.vst, .pix), TIFF (.tif or .tiff), TIFF/EP (.tif or .tiff), XBM, XCF,
XPM …
Vector Graphics
 3-D Graphics


Raster Graphics AKA Bitmap files
• ASE, ART, BMP, BLP, CIT, CPT, CUT, DDS, DIB, DjVu, EGT, Exif,
GIF, GPL, ICNS, ICO, IFF, JNG, JPEG, JFIF (.jpg or .jpeg),
JP2, JPS, LBM, MAX, MIFF, MNG, MSP, NITF, OTA, PBM,
PC1, PC2, PC3, PCF, PCX, PDN, PGM, PI1, PI2, PI3, PICT,
PCT, PNG, PNM, PPM, PSB, PSD, PDD, PSP, PX, PXR, QFX,
RAW, RLE, SCT, SGI, RGB, INT, BW, TGA (.tga, .targa, .icb,
.vda, .vst, .pix), TIFF (.tif or .tiff), TIFF/EP (.tif or .tiff), XBM,
XCF, XPM …
Vector Graphics
 3-D Graphics


Raster Graphics AKA Bitmap files
• ASE, ART, BMP, BLP, CIT, CPT, CUT, DDS, DIB, DjVu, EGT, Exif,
GIF, GPL, ICNS, ICO, IFF, JNG, JPEG, JFIF (.jpg or .jpeg),
JP2, JPS, LBM, MAX, MIFF, MNG, MSP, NITF, OTA, PBM,
PC1, PC2, PC3, PCF, PCX, PDN, PGM, PI1, PI2, PI3, PICT,
PCT, PNG, PNM, PPM, PSB, PSD, PDD, PSP, PX, PXR, QFX,
RAW, RLE, SCT, SGI, RGB, INT, BW, TGA (.tga, .targa, .icb,
.vda, .vst, .pix), TIFF (.tif or .tiff), TIFF/EP (.tif or .tiff), XBM,
XCF, XPM …
Vector Graphics
 3-D Graphics


Raster Graphics AKA Bitmap files
• ASE, ART, BMP, BLP, CIT, CPT, CUT, DDS, DIB, DjVu, EGT, Exif,
GIF, GPL, ICNS, ICO, IFF, JNG, JPEG, JFIF (.jpg or .jpeg),
JP2, JPS, LBM, MAX, MIFF, MNG, MSP, NITF, OTA, PBM,
PC1, PC2, PC3, PCF, PCX, PDN, PGM, PI1, PI2, PI3, PICT,
PNG
PCT,
, PNM, PPM, PSB, PSD, PDD, PSP, PX, PXR, QFX,
RAW, RLE, SCT, SGI, RGB, INT, BW, TGA (.tga, .targa, .icb,
.vda, .vst, .pix), TIFF (.tif or .tiff), TIFF/EP (.tif or .tiff), XBM,
XCF, XPM …
Vector Graphics
 3-D Graphics


A grid of pixels


A grid of pixels
Compressed

Compuserve

Compuserve

1980’s

Compuserve





1980’s
Efficient way to transfer images across data networks
Widely supported
Dominated early web
“Lossless” compression but…

Compuserve





1980’s
Efficient way to transfer images across data networks
Widely supported
Dominated early web
“Lossless” compression but…

8-bit graphics

Compuserve





1980’s
Efficient way to transfer images across data networks
Widely supported
Dominated early web
“Lossless” compression but…

8-bit graphics = limited to 256 colors

LZW Compression (Lempel Ziv Welch) algorithm


Good at logos
Not as Good at Photos

Reducing colors to 256


Two colors are juxtaposed to create effect of third color
Grainy




Low Res version of GIF appears first as full image loads
As opposed to loading one line at a time
Good for larger images that take longer to load
Not good for smaller images
 Named for committee that created the standard



Sub-committee of ISO (International Organization for Standards)
24 bits of memory per pixel = 16.8 million colors
Progressive JPEGS function in similar way to Interlaced GIF

Discrete Cosine Transformation
 Choose amount of compression
 More compression = more degradation of image
 Discards “unnecessary” data = “lossy”
 Compression “artifacts”

Developed by a consortium of software developers in 1990s









Developed by a consortium of software developers in 1990s
Non-proprietary
GIF and LZW compression were patented (now expired)
Designed specifically for web
Full Color and Lossless (DEFLATE) = larger file size
Transparency
Interlacing
Embedded text descriptions for search engines
Some browsers don’t completely support (like IE)
Lynch, P. & Horton, S. (2009) Web Style Guide. Retrieved
from http://www.webstyleguide.com


http://en.wikipedia.org/wiki/Image_file_formats