Text Link
Learning Hub
Design Basics

A collection of insightful tips and guides to help you become a great designer.

Beta
Design Tips
<path d="M6.6729 18.3516C8.50093 18.3516 9.79065 18.989 10.3738 19.3626C10.5757 19.4725 11.0804 19.7802 11.215 19.8352V2.38462C10.4075 1.04396 8.23178 0 6.03364 0C3.06168 0 0.672897 1.62637 0 2.9011V18.5714C0.011215 19.5824 0.594392 20 1.30093 20C1.81682 20 2.13084 19.8352 2.48972 19.5714C3.16262 19.044 4.71028 18.3516 6.6729 18.3516ZM17.3495 18.3516C19.3009 18.3516 20.8486 19.044 21.5215 19.5714C21.8692 19.8242 22.1944 20 22.6991 20C23.4056 20 24 19.5824 24 18.5824V2.9011C23.3383 1.62637 20.9607 0 17.9888 0C15.7794 0 13.615 1.04396 12.7963 2.38462V19.8462C12.9308 19.8022 13.4355 19.4835 13.6486 19.3626C14.2206 18.989 15.5103 18.3516 17.3495 18.3516Z" fill="currentColor"/>
Why use vectors?

Why use vectors?

Vector vs raster? A battle for the ages and one of the greatest struggles many designers face when creating graphics. The file format depends a lot on what you’re trying to accomplish, and this article will analyze these options for you.

When you create a logo, a poster, or a card design (for a job, a client, or your own hussle), you’ll have the choice between using vectors or raster graphics, most commonly known as JPEGs.

Long story short - you should always, always use vector graphics when you can for anything professional like a logo or printed material. Clarity and editability are two of the greatest benefits of the vector format, though there are several other reasons.

So we’ll just break it down for you:

What is a vector?

Vectors are digital shapes made of lines and curves that create an image based on a mathematical equation. Also called paths, these lines and curves allow designers to scale images as simple as a shape or as complex as a full-blown illustration.

You can identify a vector image by checking its edges: a vector’s edges will always appear smooth no matter how close you zoom in.

What about raster graphics?

Raster graphics are instead made of pixels; the tiny colored squares you see when zooming in into the image. The most well-known format for raster images is the .jpeg (or .jpg) file, but file formats such as .png, .gif and .tiff are also pixel-based. Any photo you take with your phone or camera is a raster image.

vectors

Vector vs Raster

Infinite scalability

If you’ve ever tried to resize a raster graphic or a jpeg, then you know how dangerous and useless it is to do. Because it’s made of a fixed amount of pixels, once you expand a raster graphic too far beyond its original dimensions, the image becomes very distorted and low quality. This isn’t the case with vectors.

As mentioned before, a vector’s biggest advantage over its raster rival is its infinite scalability. It doesn’t matter how much you scale them; you won’t see any loss in quality or clarity. The edges will always appear smooth.

You only have to design a vector image once and you can alter its size as much as your project requires. If you create a vector logo, for example, you can make it large enough for a banner, or small enough for a business card. It’s as easy as that.

Difference in file size

Raster graphics typically take up a larger file size because they are made from pixels that carry more weight compared to vector images, which are inherently made from lines of code.

So for instance, a 1:1 aspect ratio image at 300 dpi will have 300 pixels of information, while a vector square will contain just four points, one for each corner. The vector’s mathematical formula connects the points and fills in the colors.

As a result, vector graphics load faster, making them excellent in web- or mobile-based applications. And they have many other uses!

Infinitely editable

Design iterations are not only a must in any creative process, but it can be a painstaking process when new ideas pop-up all the time.

Maybe you want to change the color of your logo or rearrange some of its components. It's only natural that during this creative life cycle, you should be able to make changes in a simple and straightforward manner.

Aside from being easy to resize, vector objects are also great because they can be easily edited, and colors can be quickly swapped out. This ability to seamlessly make corrections or alter a design file is really important when dealing with clients or when operating in a fast-paced deadline-driven work environment.

In vector-based programs like Vectornator, you can quickly change the color values either in RGB or HSB, either by inserting a specific HEX code, or by selecting your preferred choice by using the color well.

Why is using vectors better?

Vector graphics provide high-quality, scalable images while also conserving file size.

We’re not saying it’s always better, but designing with vectors is versatile for so many business applications, and should be your primary choice for printing, logos, signs, illustrations, infographics, creating animations, and UX/UI design.

They're also used in web-based objects, rendering 2D or 3D computer animation, even for coin design, laser engraving, T-shirts, and everything in between. So you might want to consider using vectors for your next digital project, and Vectornator is the perfect vector-based app to get you started. Download it for free now.

vectors
Download
Download the PDF version here.
Was this useful?