DESIGN TIP: Raster vs. Vector Logos
Have you ever wondered why some image files get blurry when you enlarge them, but others don’t? Are you making a logo and want to make sure it scales properly? Well, not all images are created the same…
There are two types of files: Raster and Vector.
Raster images are made of a grid of tiny pixels. Remember back when images looked like this on our screens?
Well, raster images still do if you look closely enough. We just figured out how to pack a lot more pixels in! Check it out:
If you zoom in close enough on a raster image, you can still see each pixel. Images come at different pixel per inch (ppi) ratios. They typically exist at 72, 150, 300, or occasionally 600 ppi. The higher the ppi, the more you can zoom in on an image without blur – but it will eventually get blurry.
Adobe Photoshop creates raster images that you can save out as jpeg’s, png’s, pdfs, and more.
Vector images are raster images’ scalable cousins. They are made of just that – vector lines drawn from one point to the next until they complete the shape. Since your computer mathematically calculates them, you can scale them without becoming blurry!
You can adjust the shape by moving the points and vector lines.
Vector images are the preferred file type for logos. They can be scaled up and down as much as necessary without getting blurry.
Adobe Illustrator creates vector images that you can save out as svgs, pdfs, and more.
Now that you know the difference between raster and vector images, you can make the right image type for your needs! Happy designing!