Web Cartography
Graphics
Learn to use proper formats.
Goals
Raster versus Vector
Formats
GIF
JPG
PNG
...
Raster formats
256 colors only
transparency
logos, graphics with solid areas
animations
GIF
16.7M colors
no transparency
lossy compression - fully adjustable
photos
JPG
16.7M colors
transparency
lossless compression
high contrast photos, gradients, maps
PNG
SVG
Vector formats
machine-readable
smaller in size
animations, transitions
XML based
SVG
Add images to your web page.
Use proper formats.
Due: next week (will be scored)
Tasks
Compressor at https://compressor.io
Everything You Need to Know About Image
Compression at
https://www.noupe.com/design/everything-you-need-to-kno
w-about-image-compression.html
Tips
anytime, anywhere, anyhow
zimmicz@gmail.com
357484@mail.muni.cz
@zimmicz
Feel free to ask