web graphics. colours and display graphics and modems 28.8kbps = 3.6 kb per second 36 kb takes 10...
TRANSCRIPT
![Page 1: Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color](https://reader035.vdocument.in/reader035/viewer/2022062321/56649f1c5503460f94c33002/html5/thumbnails/1.jpg)
Web GraphicsWeb GraphicsWeb GraphicsWeb Graphics
![Page 2: Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color](https://reader035.vdocument.in/reader035/viewer/2022062321/56649f1c5503460f94c33002/html5/thumbnails/2.jpg)
Colours and Display• Graphics and Modems
• 28.8kbps = 3.6 KB per second• 36 KB takes 10 seconds to load.
• Pixels and color
![Page 3: Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color](https://reader035.vdocument.in/reader035/viewer/2022062321/56649f1c5503460f94c33002/html5/thumbnails/3.jpg)
• Pixels and colour (continued)
One bit black and white display
![Page 4: Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color](https://reader035.vdocument.in/reader035/viewer/2022062321/56649f1c5503460f94c33002/html5/thumbnails/4.jpg)
• Pixels and colour (continued)– 8-bit or 256 colour displays
![Page 5: Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color](https://reader035.vdocument.in/reader035/viewer/2022062321/56649f1c5503460f94c33002/html5/thumbnails/5.jpg)
• Pixels and colour (continued)– 24-bit “true colour” displays
![Page 6: Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color](https://reader035.vdocument.in/reader035/viewer/2022062321/56649f1c5503460f94c33002/html5/thumbnails/6.jpg)
• Pixels and colour (continued)
256 colours - “palette” “index” or CLUT (colour look up table”
True-colour or 24-bit images - each bit has 24 bits dedicated to it, usually in three layers.
![Page 7: Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color](https://reader035.vdocument.in/reader035/viewer/2022062321/56649f1c5503460f94c33002/html5/thumbnails/7.jpg)
Graphic file format• GIF files – Graphic
Interchange format.• 256 colours• GIF File
compression• Lempel Zev Welch
LZW - lossless• Squeezes out
inefficiencies in data storage eg large areas of same colour.
![Page 8: Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color](https://reader035.vdocument.in/reader035/viewer/2022062321/56649f1c5503460f94c33002/html5/thumbnails/8.jpg)
• Non-interlaced GIF– downloads one line of pixels at a
time
• Interlaced– stored in a format that allows
browsers to begin with low resolution
![Page 9: Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color](https://reader035.vdocument.in/reader035/viewer/2022062321/56649f1c5503460f94c33002/html5/thumbnails/9.jpg)
JPEG• Joint Photographic Experts Group• 24 bit or true colour• used when colour fidelity is
paramount• degree of compression=degree of
quality• JPEG discards “unnecessary” data
- lossy image technique
![Page 10: Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color](https://reader035.vdocument.in/reader035/viewer/2022062321/56649f1c5503460f94c33002/html5/thumbnails/10.jpg)
![Page 11: Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color](https://reader035.vdocument.in/reader035/viewer/2022062321/56649f1c5503460f94c33002/html5/thumbnails/11.jpg)
JIF
JPG Medium quality
JPG Low quality
![Page 12: Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color](https://reader035.vdocument.in/reader035/viewer/2022062321/56649f1c5503460f94c33002/html5/thumbnails/12.jpg)
Uses for GIF and JPEG– JPEG - complex photographic
illustrations etc where compression does not degrade image quality.
– Advantages of GIF• All graphics Web viewers support the
GIF format• GIFs of diagrammatic images look better• GIF supports transparency and
interlacing
![Page 13: Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color](https://reader035.vdocument.in/reader035/viewer/2022062321/56649f1c5503460f94c33002/html5/thumbnails/13.jpg)
• huge compression ratios for faster downloads
• Gives excellent results for photographs and medical images
• Supports full-colour images (24-bit “true colour” images)
Advantages of JPEG images
![Page 14: Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color](https://reader035.vdocument.in/reader035/viewer/2022062321/56649f1c5503460f94c33002/html5/thumbnails/14.jpg)
– Dithering• Full colour 24 bit graphic is converted to
a black and white. Dithering enables pixels of varying shades to be used to give the impression of fine detail. It can also be used in colour graphics. Dithering is very useful when more colours are needed than are available.
![Page 15: Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color](https://reader035.vdocument.in/reader035/viewer/2022062321/56649f1c5503460f94c33002/html5/thumbnails/15.jpg)
Questions• What is one major consideration when
displaying graphics on a web page?• How is colour typically displayed on a
computer?• Describe one advantage of GIF.• Describe one advantage of JPEG.• Why is dithering used?