- Inserting an Image into a Web Page:
- <img src="images/example.jpg" width="800" height="600" alt="Example Image">
- <img src="images/example.jpg" width="400" height="300" alt="Example Image">
- <img src="images/example.jpg" width="200" height="150" alt="Example Image">
- <img src="images/example.jpg" width="800" height="600" alt="Example Image">
- Here is more information on the img tag
- Pixels:
- smallest picture element
- Pixels are not screen dots!!!
- Several dots (at least three, one of each color) make up each pixel)
- Several dots (at least three, one of each color) make up each pixel)
- Bitmat:
- An array of information that contains the information for the image.
- It is a 3 dimensional array
- Width x Height x 24 (8 for each color)
- So can be huge
- (.bmp and .tif or .tiff are most common bitmaps)
- Principle Image Formats on Web
- .jpg
- spatial compression
- each save loses quality
- better for photographs
- .gif
- color compression
- 8 bit color lookup table (LUT)
- copyright issues
- fading fast except for animated gifs
- better for graphics
- .png
- successor to .gif
- open source
- color compression but not limited to 8 bits
- better for graphics
- but ok for photographs
- In all cases, can specify a color that will be transparent
- .jpg