What’s the difference between Vector Graphics and Pixel Graphics?

492 views

What I’ve read online says that Vector art uses math to make the image scale better but isn’t ‘math’ used in Pixel art in, say, Photoshop as well? I’m having trouble wrapping my head around how the math might be different when creating a line in Photoshop vs Illustrator for example.

In: 7

11 Answers

Anonymous 0 Comments

Take out a piece of graph paper. On the top half, draw a triangle by filling in squares. This is the pixel / raster type drawing; making a picture by filling in squares.

On the bottom, draw the same triangle, but instead of filling in the squares, put a dot where the corners should be, then draw a straight line (use a ruler) between the dots. This is the vector type of drawing; making a picture by drawing a line between points.

When you look at the pixel one close up (zoom in), you see the dots that make it up, When you look at the vector one close up you see a sharp line, no matter how close you zoom in.

Computer screens are made of little squares, so you’re always looking at pixels. To show vector graphics, you compute which dots the line goes through, and you give the dot a color based on how much of the square would be covered by the line going through it. What it means is that when you zoom in on the vector image, they look perfectly sharp and smooth. When you zoom in on the pixel versions, they look increasing blocky.