Introducing the Amazing Spiderman

Let's see if we can reveal who Spiderman is by looking closer.

Computer Displays

Computer displays render images as a rectangle of picture elements called pixels

• Each pixel has an x-coordinate and a y-coordinate
• Each pixel can have a different color
• Display Resolution refers to the number of pixels in a display

Example

The display resolution of an iPad is 2048 x 1536 pixels.

Computer Images

Common Types of Image Files

File Type	Description	Uses
.jpg	Joint Photographic Experts Group	Photographs
.png	Portable Network Graphics	Web Images (support transparency)
.gif	Graphics Interchange Formate	Simple Animations
.svg	Scalable Vector Graphics	Line Drawings without Pixelation

Example of Transparency

Spiderman and Martha

Mad Scientist

Opaque Mad Scientist with Spiderman

Transparent Mad Scientist with Spiderman

Example of Vector Graphics

Mad Scientist