bitmap and vector images: make sure you know the differences
DESCRIPTION
Not knowing the difference between a Bitmap and Vector image could mean that your visual content leaves you looking unprofessional. Check out the differences in this presentation.TRANSCRIPT
![Page 1: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/1.jpg)
![Page 2: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/2.jpg)
What is a bitmap image?
![Page 3: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/3.jpg)
A Bitmap image = a Raster imageJust in case you were wondering ..
![Page 4: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/4.jpg)
A large GRID with with lots of little squares (= pixels) in it
Figure #1PS. Bitmaps aka 'maps of bits' - seriously..
![Page 5: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/5.jpg)
Colour is placedin each of these squares to build up an image
Figure #2
![Page 6: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/6.jpg)
Stand back from the grid and you'll see a photo image
Figure #3
Area shown on previous slide
![Page 7: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/7.jpg)
Working with Bitmaps
![Page 8: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/8.jpg)
This image is 250 pixels by 250 pixels in size
![Page 9: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/9.jpg)
This image is 100 pixels by 100 pixels in size.The image still looks good.
![Page 10: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/10.jpg)
This image is1000 pixels by1000 pixels in size.
The image is blurry
There's not enough colour to go around
![Page 11: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/11.jpg)
Try and create or buy, as large an image as possible
![Page 12: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/12.jpg)
You can reduce the size of thisimage and it will still look good
![Page 13: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/13.jpg)
But if you try and increase the size of the Bitmap it might become blurry!
![Page 14: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/14.jpg)
● Great for complex photos
● Most programmes can workwith a simple bitmap image
![Page 15: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/15.jpg)
● They aren't scalable to larger sizes
● Files can be very big
● Images not easily edited
![Page 16: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/16.jpg)
jpegpsd (Photoshop)
pngtiffgif
Popular Bitmap Formats
![Page 17: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/17.jpg)
What is a vector image?
![Page 18: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/18.jpg)
The points are connected by lines - called Paths
The points are calledAnchor Points(A & B)
![Page 19: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/19.jpg)
A path can be various shapes
The paths can be coloured, have thickness (stroke) and can be infilled with colour
![Page 20: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/20.jpg)
Here's an example of vector art Thanks to artgerm.deviantart.com
![Page 21: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/21.jpg)
Fonts are vector graphics
In some programmes, you can edit the paths of the font - e.g. Inkscape
![Page 22: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/22.jpg)
● File size is usually small
● Scalable, and they remain sharp
● The image is easily editable
![Page 23: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/23.jpg)
Not well suited to photo images
![Page 24: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/24.jpg)
pdfepsai svg
Popular vector formats
![Page 25: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/25.jpg)
Quick Summary
![Page 26: Bitmap and Vector Images: Make Sure You Know the Differences](https://reader033.vdocument.in/reader033/viewer/2022060108/554f0af5b4c90580698b52f2/html5/thumbnails/26.jpg)
To learn more about creating good visual content and making your own visuals
Click Herehttp://UsefulGraphicDesignTutorials.com/
We also show you how to make funny & interesting shapes!