Images

Question 1

What are the differences between vector and raster image types?

Answer 1

Vecorts use lines and curves

Raster use pixels. Also called bitmap images

To see the differences, if you zoom in you can see if it’s curved or not. Raster will look pixelated to mimic the curve

Question 2

What are the different image types used be the web?

Answer 2

1) JPEG - Joint Photographic Experts Group - standard format for most digital cameras

16-bit format - combines red, greens, blues to create millions of colors

They are also raster images

2) GIF - Graphics Interchange Format

Popular because of it’s ability to be animated

Raster image, but limited to only 256 colors

Can change transparency, used to be the go to for non square or rectangular images

3)

Question 3

Why is PNG powerful?

Answer 3

Portable Network Graphics

1) PNG-8 256 color and cannot render transparency
2) PNG 24 renders millions of colors and support transparency

Question 4

What is SVG?

Answer 4

Scalable Vector Graphics

1) Supported in all modern browsers

Vector graphics can scale up and down with screen sizes, not pixelated

Best suited for 2D shapes, icons, and illustrations

<image></image>

CAN apply inline and apply CSS and JS to it

Question 5

What is SVG based on?

Answer 5

It’s based on XML

HTML uses predefined tags which the browser interprets

XML uses custom tags and represents structured information