hello@datalabsagency.com
logo
Datalabs Agency
En
  • De
  • Ar
0
logo
  • Data Training
    • Our Six Main Workshops
      • Introduction to Data Visualization: Tools & Techniques Workshop
      • Designing Great Business Dashboards Workshop
      • Infographics & Report Design Workshop
      • Creative Data Presentations with PowerPoint
      • Visual Storytelling for Government Workshop
      • Creative Power BI Dashboard Design
    • Online Courses
      • An Introduction to Data Visualization & Storytelling
      • Designing Great Dashboards
  • Data Design
    • Style Guides
      • Power BI Style Guides
      • Tableau Style Guides
    • Animated Data Videos
    • Maps & Cartography
    • Interactive Infographics
    • Power BI Dashboards Designs
    • Tableau Dashboards Designs
    • Infographic Reports
    • Interactive Data Visualizations
    • Digital Annual Reports & Microsites
  • Case Studies
  • Shop
    • Ecommerce Products
      • Power BI Templates
      • Power BI Theme and Style Guide
      • An Introduction to Data Visualization and Storytelling Course
      • Designing Great Dashboards Course
      • Data Visualization Consultant
  • Login
  • Contact
    • About
      • Otto Ottinger
      • Blog
Dashboard Prototype design 0
Interface Design Case Study
04 December 2018
Oddtoe-Experiential-Design-Artist 0
Announcing Oddtoe, Our Experiential Design Brand
04 December 2018
Articles
Vectors Graphics are Obviously Superior for Illustrated Campaigns
December 4, 2018 by Datalabs in Articles

Vectors Graphics are Obviously Superior for Illustrated Campaigns

(Compared to pixels) 

Vector graphic image showing scalability for illustrations and data visualization

Here is why.

When creating illustrations for campaigns, there are several points to be considered in terms of what format to use. Vectors and pixels are the most common formats. They both have their own uses and pros/cons, depending on the need. To decide, it is important to know the key distinction between both — which lies on how the image is structured.

Bitmap/Raster vs. Vector Graphics

Tiny squares called “pixels” make up pixel-based graphics. Most common file formats for pixels are JPEGs, GIFs, and BMP images, known as “bitmap” or “raster” type files. For instance, photographic images are always made up of pixels, which makes for an easier blending of colours because each tiny pixel block can be coloured individually.

Raster graphics have a fixed number of pixels in the grid, measured by pixels per inch (PPI). Therefore, image resolution is fixed, and scaling the size will result in a change in resolution. Have you ever seen a pixelated image? That’s due to the size being blown up out of proportion, which makes the image look “blocky”.

Vector-based graphics, on the other hand, are mapped out using mathematical equations. An example is fonts, which are always vector-based, allowing for efficient colour changes and size-scaling without the loss of image quality. Nevertheless, if photos were to be made out of vectors, it would be inefficient because each shape in the photo would have to be identified, mapped out, and filled with a colour gradient.

Vectors for Illustrations

Vector graphics are ideal for illustrations. Why? It’s because vector graphics are scalable. As mentioned previously, vector images aren’t made out of a fixed grid-like bitmaps/raster files, instead made out of paths defined with a start and endpoint.

These “paths” can be a line or a series of lines that make up shapes, which could be the building block for more complex diagrams. Paths contain mathematical statements that define how the object is displayed. As a result, vector graphics can be resized without losing its quality. Whether you are creating illustrations for web or print, vector-based graphics will come out high quality regardless of the size.

Vector graphic formats are flexible and can be used and edited in a variety of programs. The most common ones are AI (Adobe Illustrator), DXF (AutoCAD DXF) and CGM (Computer Graphics Metafile). It is important to highlight that vector graphics can be converted and saved in high quality as raster files, yet the other way around isn’t quite as achievable.

If your end goal is to create animation, vector graphic image objects can be transformed into Scalable Vector Graphics (SVG). Aside from vector files, SVG does accept bitmap and text files as well, but using vector-based graphics for an SVG animation will preserve the shape of the object and its resolution, resulting in better quality animation.

—

Overall, if you’re looking to save time and resources, go with vectors. It allows for more possibilities than a rasterised graphic from Photoshop (which also runs a lot slower on computers than Illustrators). Good campaigns need good quality graphics — which is why vector, in our opinion, is the way to go!

Need more expert opinions on data design, animation or infographics? You’ve come to the right place.

0 Comments
  • graphic-design
  • illustration
  • image formats
0 Like!
Share
Datalabs

Data Visualization Training: Workshops & Courses

Shop Online for Data Visualization

  • Image of a man using our Power BI templates to design a report
    Power BI Templates
    Select options
  • Image of our custom Power BI Theme on a computer
    Power BI Theme and Style Guide
    Select options
  • An Introduction to Data Visualization and Storytelling Course
    An Introduction to Data Visualization and Storytelling Course
    Add to cart
  • Photo of a data visualization consultant advising clients and helping solve design issues.
    Data Visualization Consultant
    Buy product
  • Designing Great Dashboards Course
    Designing Great Dashboards Course
    Add to cart

Style Guides for Data?

A photo of our data viz style guide for Microsoft Power BI

Data Visualization & Storytelling Group Workshops

Contact Us

  • This field is for validation purposes and should be left unchanged.

From Our Blog

  • 8 Incredible Examples of Interactive Data Visualization
  • Data Analytics Conferences 2024 & 2025
  • Data Visualization & Design Conferences 2024 & 2025
  • Case-study: Intranet Dashboard Design for Nestlé
  • Dashboard Tips: 3 Alternatives To Using A Data Table
  • Data Visualization Training
  • Brand Guidelines for Data
  • Online Courses & Products
© 2024 Data Arts Pty Ltd
logo

We noticed you're visiting from United Kingdom (UK). We've updated our prices to Pound sterling for your shopping convenience. Use United States (US) dollar instead. Dismiss