Design 101: GIF, JPG, PNG, TIFF vs Vectors- What’s the Difference?

Why are there so many image file types? Because every file type has its place. GIF, JPG and PNG are best used on the web, TIFF files work best for print and vectors are the most versatile for editing the size of an image. Vectors can be scaled from tiny business cards all the way up to graphics on the side of a semi-truck trailer. Vectors can also be blown up huge and scaled back down over and over without losing the quality of the original.

Most files (known as rasters) are made up of tiny dots or “pixels” and when you increase or decrease the size of the image, you’re just growing or shrinking all those little dots. Vectors use geometry: points, curves and shapes based on math, so when you increase the size of a vector, you’re not just stretching a ton of pixels, the image is basically recreating itself in the size you need. The final image will need to be ‘rasterized’ and converted into a TIFF or JPG for printing, since printers print in pixels.

Face of a woman

Cutcaster has a wide variety of vector graphics available. When you are searching for an image type, make sure you chose “Vectors Only” in the File Type box on the left side of the page or keep an eye out for the little “V” underneath our illustration thumbnails, indicating that those illustrations are available as a vector.

 

Share

One thought on “Design 101: GIF, JPG, PNG, TIFF vs Vectors- What’s the Difference?

  1. 9gag

    My developer is trying to persuade me to move to .net from PHP.
    I have always disliked the idea because of the expenses.

    But he’s tryiong none the less. I’ve been using Movable-type on a
    variety of websites for about a year and am anxious about switching to another platform.
    I have heard good things about blogengine.net.
    Is there a way I can transfer all my wordpress content into it?
    Any help would be really appreciated!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>