darwing and representation - tech snippet. raster graphic file formats

37

Upload: javier-buron

Post on 08-Mar-2016

240 views

Category:

Documents


7 download

DESCRIPTION

A technical lesson explaining and comparing the four most common raster graphic file formats (gif, jpeg, tiff and png) Pixels per inch and dots per inch. Color Depth and Image channels.

TRANSCRIPT

Page 1: Darwing and Representation - Tech Snippet. Raster graphic file formats
Page 2: Darwing and Representation - Tech Snippet. Raster graphic file formats

Tech SnippetRaster graphics!le formats

Page 3: Darwing and Representation - Tech Snippet. Raster graphic file formats

Joint PhotographicExperts Group

Graphics Interchange Format

Tagged ImageFile Format

Portable Network Graphics

Page 4: Darwing and Representation - Tech Snippet. Raster graphic file formats

Gif Jpeg Png Tif

ProprietaryCompuserve

ProprietaryJPEG

Open Format

ProprietaryAdobe

Losslesscompression

Lossycompression

Losslesscompression

Losslesscompression

- Bit colors max

- Bit per channel

- Bit per channel

- Bit per channel

one colortransparency

no alpha layer

alphalayer

multiple layers

web use animation

web usecompression

web usetransparency

general useversatility

Page 5: Darwing and Representation - Tech Snippet. Raster graphic file formats

Gif

Burón, Javier. Lasso Lamp.

Page 6: Darwing and Representation - Tech Snippet. Raster graphic file formats

Jpeg

Page 7: Darwing and Representation - Tech Snippet. Raster graphic file formats

Png with alpha

Page 8: Darwing and Representation - Tech Snippet. Raster graphic file formats

Tif multilayered

Base

Page 9: Darwing and Representation - Tech Snippet. Raster graphic file formats

Tif multilayered

Shadows & re&ections

Page 10: Darwing and Representation - Tech Snippet. Raster graphic file formats

Tif multilayered

Z-depth channel

Page 11: Darwing and Representation - Tech Snippet. Raster graphic file formats

Tif multilayered

Depth of !eld effect

Page 12: Darwing and Representation - Tech Snippet. Raster graphic file formats

Tech SnippetResolution

Page 13: Darwing and Representation - Tech Snippet. Raster graphic file formats

Pixel (picture element) Is the smallest element in a graphic image; it is an abstract element without an speci&c shape or scale.

Page 14: Darwing and Representation - Tech Snippet. Raster graphic file formats

FOA. Virtual House.

Page 15: Darwing and Representation - Tech Snippet. Raster graphic file formats
Page 16: Darwing and Representation - Tech Snippet. Raster graphic file formats
Page 17: Darwing and Representation - Tech Snippet. Raster graphic file formats
Page 18: Darwing and Representation - Tech Snippet. Raster graphic file formats
Page 19: Darwing and Representation - Tech Snippet. Raster graphic file formats
Page 20: Darwing and Representation - Tech Snippet. Raster graphic file formats

R 158G 123B 000

R 157G 129B 000

R 155G 138B 000

R 151G 137B 000

R 142G 118B 000

R 118G 085B 000

R 147G 173B 000

R 138G 114B 000

R 144G 129B 000

R 134G 121B 000

R 122G 099B 000

R 118G 085B 000

R 104G 072B 000

R 100G 078B 000

R 100G 079B 000

R 087G 065B 000

R 082G 058B 000

R 118G 11B 000

R 066G 034B 004

R 058G 036B 000

R 045G 030B 000

R 037G 027B 000

R 041G 030B 004

R 118G 085B 000

Page 21: Darwing and Representation - Tech Snippet. Raster graphic file formats

Pixels per inch ppi Is the measure of image resolution. e number of pixel per linear inch.

It establishes the physical scale of an image.

Page 22: Darwing and Representation - Tech Snippet. Raster graphic file formats
Page 23: Darwing and Representation - Tech Snippet. Raster graphic file formats

Dots per inch dpi Is the measure of printing resolution. e number of ink dots per linear inch.

It is dependant of the printing technology

Page 24: Darwing and Representation - Tech Snippet. Raster graphic file formats
Page 25: Darwing and Representation - Tech Snippet. Raster graphic file formats

Computer Screens 72ppi–150ppi

Desktop printing 150ppi–300ppi

Press printing 90ppi–300ppi

Page 26: Darwing and Representation - Tech Snippet. Raster graphic file formats

Tech SnippetColor depth

Page 27: Darwing and Representation - Tech Snippet. Raster graphic file formats

Color depth Is the number of bits used to represent the color of a single pixel in a image. e maximun number of different colors that

an image can have

Page 28: Darwing and Representation - Tech Snippet. Raster graphic file formats

-bit color (¹ = colors) monochrome

Page 29: Darwing and Representation - Tech Snippet. Raster graphic file formats

-bit color (⁸ = colors) gray scale

Page 30: Darwing and Representation - Tech Snippet. Raster graphic file formats

-bit color (²⁴ = ,, colors) truecolor

Page 31: Darwing and Representation - Tech Snippet. Raster graphic file formats

-bit color -bit floating point data High Dynamic Range Images

Page 32: Darwing and Representation - Tech Snippet. Raster graphic file formats

High Dynamic Range Images Low Exposure

Page 33: Darwing and Representation - Tech Snippet. Raster graphic file formats

High Dynamic Range Images Medium Exposure

Page 34: Darwing and Representation - Tech Snippet. Raster graphic file formats

High Dynamic Range Images High Exposure

Page 35: Darwing and Representation - Tech Snippet. Raster graphic file formats

Channels Is a layer of an image that stores each color component or transparency information

Page 36: Darwing and Representation - Tech Snippet. Raster graphic file formats

Red Green Blue Alpha

Page 37: Darwing and Representation - Tech Snippet. Raster graphic file formats