Bitmap and Vector Images: Make Sure You Know the Differences

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.

2. What is a bitmap image?

3. A Bitmap image = a Raster image
Just in case you were wondering ..

4. A large GRID with
with lots of little
squares (= pixels)
in it
Figure #1
PS. Bitmaps aka 'maps of bits' -
seriously..

5. Colour is
placed
in each of
these squares
to build
up an image
Figure #2

6. Stand back
from the grid
and you'll see
a photo image
Figure #3
Area shown on
previous slide

7. Working with Bitmaps

8. This image is 250 pixels by 250 pixels in size

9. This image is 100 pixels by 100 pixels in size.

The image still looks good.

10. This image is
1000 pixels by
1000 pixels in
size.


The image
is blurry


There's not
enough colour
to go around

11. Try and create or buy, as large an image as possible

12. You can reduce the size of this
image and it will still look good

13. But if you try and increase the size
of the Bitmap it might become blurry!

14. ●Great for complex photos

●Most programmes can work
with a simple bitmap image

15. ●They aren't scalable to larger sizes

●Files can be very big

●Images not easily edited

16. jpeg
psd (Photoshop)
png
tiff
gif
Popular Bitmap Formats

17. What is a vector image?

18. The points are
connected by
lines - called
Paths



The points
are called
Anchor Points
(A & B)

19. A path can be
various shapes


The paths can
be coloured,
have thickness
(stroke) and
can be infilled
with colour

20. Here's an example of vector art
Thanks to artgerm.deviantart.com

21. Fonts are vector graphics

In some programmes, you can edit the
paths of the font - e.g. Inkscape

22. ●File size is usually small


●Scalable, and they remain sharp


●The image is easily editable

23. Not well suited
to photo images

24. pdf
eps
ai
svg
Popular vector formats

25. Quick Summary

26. To learn more about creating good visual
content and making your own visuals


Click Here

http://UsefulGraphicDesignTutorials.com/
We also show you how to make
funny & interesting shapes!