MXVI SOLUTIONS+ADVISORY
  • Home
  • Photography
  • Marketing+Advisory
  • Contact
  • Design+Online
  • Technology Store

elegant... simple.

website & graphic design

Tutorial Series - Vectors

2/12/2019

0 Comments

 
Picture

What is a vector graphic and how do I use it?

Unlike jpg, png, tif, bmp or gif files, which are rasterized; vector files such as .ai, .eps, .svg or .pdf formats are comprised of paths, derived from mathematical equations, with start and end points along with curves, angles and other points in between. These paths chosen and created by the user and rendered in a program essentially have infinite resolution which means you can expand them as large as you want without losing any graphical fidelity. Design programs such as Adobe Illustrator or InDesign make use of these vectors in order to create the shapes, fonts and artwork you see in graphic designs. These vector shapes can then, in turn, be converted (or exported) as a rasterized (pixelated) image of a specifically desired dimension in order for printers to print or a display to correctly be shown - modern displays such as phones, tablets, TVs are all raster devices. 
Picture
Vector images do not lose any image quality if you increase or decrease their size as they do not contain any pixels.

Due to the lack of pixels in a vector image, there is no aliasing around the edges of the image - which can cause digital artifacts. In terms of design and photography, aliasing is defined as an effect that causes different signals to become indistinguishable (or aliases of one another) when sampled.  These distortions or digital artifacts result when a signal is reconstructed from samples is different to the original continuous signal. Anti-aliasing is a process or technique that attempts to correct these distortions and "smooth out" irregularities. 
Picture
In the above image, the left image shows an aliased image of the letter A in Times New Roman font. On the right is an anti-aliased image of the same letter A.

Pros and Cons of vector images

Vector files generally have a smaller file size, as they are in fact just mathematical equations being rendered on a screen - there is less information to store compared to a raster image which may contain thousands of pixels, each with their own data. This is why high-resolution images are such large files.

Even though vector files can easily be converted to a raster image, most raster images (in particular digital photographs) cannot be converted to a vector. 

It all depends on your usage case - vectors are commonly used for logos, icons, printed material or billboards and signs due to their scalability. General graphic designs and even animations use vectors in  order to create the shapes, fonts, lines and colours you see in the final image. 

The next tutorial will focus on the jpg file type - how jpgs differ to other image file types and when to use them - coming soon. 
0 Comments



Leave a Reply.

    Creative Website 
    ​Packages, Digital Assets & On-Demand Print Media

    Personal & commercial mobile-friendly websites, blogs, e-commerce, digital marketing, hosting & domain registration options included in all packages.
    ​
    We do all the techie stuff so you don't have to.  ​
    ​
    Professionally designed business cards, flyers, pamphlets, menus, product packaging as well as signage, personalised marketing materials, custom digital assets & images. 

    We help create meaning, not just products. 


      Want to know more?

      please tell us about what kind of online service you are interested in. if you are unsure, we would love to provide you with more information!
      please advise if you already own a domain or not. not sure? - we can give you more information as necessary
      any further information you provide will help us better tailor your package to suit your needs!
      please provide us with your email so we can get in touch!
      please provide us with your first and last names so we know what to call you!
    Press Here.

    MXVI design & ideas blog

    December 2019
    February 2019
    December 2018
    November 2018
    October 2018

    Let's join forces and be a force. Feel free to comment, share & like this blog...

    This page will be updated regularly with the latest design & online trends.
    Feel free to come back to check it out!

    All


    Picture

MXVI home
Picture
MXVI photography
Picture
MXVI marketing+advisory
Picture
MXVI design+online
Picture

call
​​+61 455 130 008
Picture
Picture
email
​business.support@mxvisolutions.com

Picture
Site powered by MXVI Solutions+Advisory
MXVI Solutions+Advisory is Google Digital Garage certified
  • Home
  • Photography
  • Marketing+Advisory
  • Contact
  • Design+Online
  • Technology Store