Vector Graphics
- an angle based on at least 2 points alluding to points in space that you can then use to create shapes based on the relationship, defined by the angles
- Points in space relative to each other
- Adobe illustrator can be used for vector graphics
- Vector text is not pixelated
- Vector maintains aspect ratio and will not lose quality
- Photogenic pictures such as GTA artwork are real life pictures drawn over with vectors.
- Vectors are mainly used for printing
- some websites can be optimised for use of vector graphics
- Vectors are used for magazines, billboards etc because they can be easily resized and keep their quality.
- Vector is rarely used for tiling/textures in games
Vector Image examples:
Raster Graphics
- AKA Bitmap
- different kind of rendering style of how an image can be put on a (screen) uses pixels
- Created images in Photoshop are generally raster graphics
- Raster images lose their aspect ratio the more it is increased in size.
- As pixels are not points that can scale, the pixels have to grow as well (this is also known as “stepping) as you do not get new pixels.
- Raster graphics tend to be used for websites displayed on electronic screens
- In some rare cases, Raster graphics can be used for print
- Older cameras used to take pictures as bitmaps (.bmp) but now they are converted to JPEGs
- Raster text is pixelated
- Most tiling/texture in games are raster graphics
Bitmap Image examples:
What is an Aspect Ratio?
Aspect ratio is the measurement of image's width times the height (x:y), which is then simplified to it's lowest equivalent.
16:9 ratio is the aspect ratio for HDTV and widescreen - 720p (1280 x 720) 1080p (1920 x 1080) are the most common true resolutions
Here is a table which consists of other true 16:9 resolutions
