Lecture 10 Image Format

SFDV2001 Lecture 10: Images and Colour Graphic Formats

Colour ,[object Object],[object Object]

Artificial Colours ,[object Object],[object Object],[object Object]

Subtractive Colour ,[object Object],[object Object],[object Object],[object Object],Additive Colour Adding red green and blue together gives the impression of white light

Binary ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Important numbers ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Hexadecimal ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Hex and Colour ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Raw images ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Image Descriptions ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],11/09/07 Images & Colour

Compression ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Lossless ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Index ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Dictionary 1=One, 2=fish, 3=Two, 4=Red, 5=Blue, 6=Black, 7=Old, 8=New, 9=This, ....... 1.2.3.2.4.2.5.2.6.2.5.2.7.2.8.2.9.1.10......

Run Length encoding ,[object Object],[object Object],1,1,1,1,1,1,1,1,1,2,2,2,2,2,4,4,2,2,1,1,1,1,1,1 1,9,2,5,4,2,2,2,1,6 1x9, 2x5, 4x2, 2x2, 1x6

Raster ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],000000011111110000000 000001100000001100000000010000000000010000001100000000000001100001000000000000000100010001110000011100010100001010000010100001 .... A one bit colour image

BMP ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

GIF ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

GIF (cont.) ‏ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

PNG ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

JPEG ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

JPEG ,[object Object],[object Object],[object Object],20% PNG 2% 100% SVG JPEG 0.72 3.52 9.67 3.52 0.76

Why not just JPEG ,[object Object],[object Object],[object Object],[object Object],[object Object]

Vector Images ,[object Object],[object Object],[object Object],[object Object],<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG- 20010904/DTD/svg10.dtd"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200" viewBox="0 0 100 100"> <title>Demonstration of SVG with a smile</title> <circle cx="30" cy="30" r="28" fill="none" stroke="blue" stroke-width="1" /> <circle cx="20" cy="22" r="3" fill=" skyblue " stroke="black" stroke-width="1" /> <circle cx="40" cy="22" r="3" fill=" skyblue " stroke="black" stroke-width="1" /> <path d="M 15,38 a20,20 0 0,0 30,0" style="fill:none; stroke:red; stroke-width:1" /> </svg>

SVG ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Flash ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Adding Images ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Downloading ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Summary ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],11/09/07 (SFDV2001:14)Graphic Formats

Lecture 10 Image Format

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (19)

En vedette

En vedette (12)

Similaire à Lecture 10 Image Format

Similaire à Lecture 10 Image Format (20)

Plus de Sur College of Applied Sciences

Plus de Sur College of Applied Sciences (12)

Dernier

Dernier (20)

Lecture 10 Image Format