{"id":15841,"date":"2023-04-12T18:32:08","date_gmt":"2023-04-12T18:32:08","guid":{"rendered":"https:\/\/www.speedpro.com\/east-bay\/?page_id=15841"},"modified":"2023-08-09T22:09:01","modified_gmt":"2023-08-09T22:09:01","slug":"raster-vs-vector","status":"publish","type":"page","link":"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/raster-vs-vector\/","title":{"rendered":"Raster VS. Vector"},"content":{"rendered":"\n

\"Vector<\/h1>\n\n\n\n

Making sure that we understand the differences between a raster and a vector are key to having
print ready artwork.<\/h3>\n\n\n\n

Here we will learn about:
– Raster image
– Vector Image
– How do these two images differ?<\/h4>\n\n\n
\n
\"Vector<\/figure>\n<\/div>\n\n\n

Raster image:<\/h4>\n\n\n\n

Raster images\/graphics are known for having non-line artwork. This artwork is usually digitized
photographs, scanned artwork, or detailed graphics. Raster images are composed of individual
pixels of color, which in turn seem like individual dots of color; but, when viewed all together
the dots create a painting. However, just like a photograph; when a raster image gets blown up
in size the image begins to look more rough and less smooth. This is because a raster image
consists of a bunch of different pixels that create the image\/artwork.
Examples of raster files include JPG, GIF, and PNG. Using programs like Photoshop and Gimp are
optimal when editing and creating raster images. Determining how to use a raster image
depends on the size and quality of the image. This is usually based on the amount of pixels
there are in an inch, also known as pixels-per-inch or ppi; and also the overall dimensions of the
image; or pixels.
The quality becomes higher when the ppi and measurements are higher. The default
requirements for images are usually 300 ppi or higher. If raster images are scaled to super large
sizes they lose their quality and become blurry\/pixelated. Raster images can not be scaled up,
yet can be scaled down.<\/p>\n\n\n\n

Vector image:<\/h4>\n\n\n\n

Vector graphics are visual images that are created from geometric shapes such as points, lines,
curves and polygons. The artwork is made based on mathematical formulas. You can scale a
vector image to whatever size, small or large, and it will not lose its quality.
Vector images are best for designs with simple colors. Compared to raster images that have
individual shapes with each shape having its own color; vector images cannot articulate
shadows and shading the way raster images can. You can however mimic the idea, but it will
require you to rasterize some of the vector image.
Vector images are best used for logos, product artwork, illustrations, and signage. This is
because vector images will not lose their quality no matter the scaling; and they are best for
printing.<\/p>\n\n\n\n

Raster and Vector differences:<\/h4>\n\n\n
\n
\"Vector<\/figure>\n<\/div>\n\n\n

We now understand the pros and cons of both a vector and raster; so, let\u2019s take a look at the<\/strong>
key comparisons.<\/strong><\/p>\n\n\n\n

Raster images are made-up of colored individual pixels that help create an image; and when
scaled too large the image can look blurry or pixelated. Because a vector image is a bunch of
mathematical equations forming an image or artwork; it is much easier to scale up and down,
for the equation will continue to recalculate to a proper size, thus leaving the image crisp no
matter the size.
To understand the differences from two similar images, all you need to do is zoom in to an
image and if it continues to look pixelated the more you zoom in then it is indeed a raster
image.<\/p>\n\n\n

\n
\"Which<\/figure>\n<\/div>\n\n\n

Vector images have the ability to match a photograph, but lack the color blends, shading,
shadows, and gradients that make a true representation of a photograph. However, a rasterized
image is very capable of creating true to life graphics; with color blends, shades, gradients, and
shadows.
Raster files are usually JPG, GIF, PNG, TIF, BMP, and PSD; while vector files are .ai, .eps, and .PDF.
Raster images are best utilized for photos, and vector images are best used for logos,
illustrations, and signage. Whether your artwork is a vector image or a raster image; make sure
that your artwork will be sufficient both in a file and printed.<\/p>\n\n\n\n

Converting Text to Outlines:<\/h4>\n\n\n\n

When using programs like Adobe Illustrator, it is important to convert your text lines before sending over your files. This will ensure that you have print-ready artwork, as well as cut-ready artwork. <\/p>\n\n\n\n

In Adobe Illustrator either click on \u201cType\u201d and go down to \u201cCreate Outlines\u201d, right click on the text and look for “Create Outline”, or you can select the artwork and press Ctrl + Shift + O. Once your text is outlined and print\/cut ready, save the file and send it over.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Before<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

After<\/p>\n","protected":false},"excerpt":{"rendered":"

Making sure that we understand the differences between a raster and a vector are key to havingprint ready artwork. Here we will learn about:– Raster image– Vector Image– How do these two images differ? Raster image: Raster images\/graphics are known for having non-line artwork. This artwork is usually digitizedphotographs, scanned artwork, or detailed graphics. Raster […]<\/p>\n","protected":false},"author":230,"featured_media":15848,"parent":4074,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-15841","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\nRaster VS. Vector - SpeedPro East Bay<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/raster-vs-vector\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Raster VS. Vector\" \/>\n<meta property=\"og:description\" content=\"Making sure that we understand the differences between a raster and a vector are key to havingprint ready artwork. Here we will learn about:– Raster image– Vector Image– How do these two images differ? Raster image: Raster images\/graphics are known for having non-line artwork. This artwork is usually digitizedphotographs, scanned artwork, or detailed graphics. Raster […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/raster-vs-vector\/\" \/>\n<meta property=\"og:site_name\" content=\"SpeedPro East Bay\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-09T22:09:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/speedpro-test.freshy.dev\/east-bay\/wp-content\/themes\/speedpro\/assets\/img\/speed-pro-logo_share.png\" \/><meta property=\"og:image\" content=\"https:\/\/speedpro-test.freshy.dev\/east-bay\/wp-content\/uploads\/sites\/2\/2023\/04\/difference-between-raster-and-vector_392655-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"971\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/raster-vs-vector\/\",\"url\":\"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/raster-vs-vector\/\",\"name\":\"Raster VS. Vector - SpeedPro East Bay\",\"isPartOf\":{\"@id\":\"https:\/\/speedpro-test.freshy.dev\/east-bay\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/raster-vs-vector\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/raster-vs-vector\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/speedpro-test.freshy.dev\/east-bay\/wp-content\/uploads\/sites\/2\/2023\/04\/difference-between-raster-and-vector_392655-scaled.jpg\",\"datePublished\":\"2023-04-12T18:32:08+00:00\",\"dateModified\":\"2023-08-09T22:09:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/raster-vs-vector\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/raster-vs-vector\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/raster-vs-vector\/#primaryimage\",\"url\":\"https:\/\/speedpro-test.freshy.dev\/east-bay\/wp-content\/uploads\/sites\/2\/2023\/04\/difference-between-raster-and-vector_392655-scaled.jpg\",\"contentUrl\":\"https:\/\/speedpro-test.freshy.dev\/east-bay\/wp-content\/uploads\/sites\/2\/2023\/04\/difference-between-raster-and-vector_392655-scaled.jpg\",\"width\":2048,\"height\":971},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/raster-vs-vector\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"SpeedPro East Bay\",\"item\":\"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Raster VS. Vector\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/speedpro-test.freshy.dev\/east-bay\/#website\",\"url\":\"https:\/\/speedpro-test.freshy.dev\/east-bay\/\",\"name\":\"SpeedPro East Bay\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/speedpro-test.freshy.dev\/east-bay\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Raster VS. Vector - SpeedPro East Bay","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/raster-vs-vector\/","og_locale":"en_US","og_type":"article","og_title":"Raster VS. Vector","og_description":"Making sure that we understand the differences between a raster and a vector are key to havingprint ready artwork. Here we will learn about:– Raster image– Vector Image– How do these two images differ? Raster image: Raster images\/graphics are known for having non-line artwork. This artwork is usually digitizedphotographs, scanned artwork, or detailed graphics. Raster […]","og_url":"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/raster-vs-vector\/","og_site_name":"SpeedPro East Bay","article_modified_time":"2023-08-09T22:09:01+00:00","og_image":[{"url":"https:\/\/speedpro-test.freshy.dev\/east-bay\/wp-content\/themes\/speedpro\/assets\/img\/speed-pro-logo_share.png","type":"","width":"","height":""},{"width":2048,"height":971,"url":"https:\/\/speedpro-test.freshy.dev\/east-bay\/wp-content\/uploads\/sites\/2\/2023\/04\/difference-between-raster-and-vector_392655-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/raster-vs-vector\/","url":"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/raster-vs-vector\/","name":"Raster VS. Vector - SpeedPro East Bay","isPartOf":{"@id":"https:\/\/speedpro-test.freshy.dev\/east-bay\/#website"},"primaryImageOfPage":{"@id":"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/raster-vs-vector\/#primaryimage"},"image":{"@id":"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/raster-vs-vector\/#primaryimage"},"thumbnailUrl":"https:\/\/speedpro-test.freshy.dev\/east-bay\/wp-content\/uploads\/sites\/2\/2023\/04\/difference-between-raster-and-vector_392655-scaled.jpg","datePublished":"2023-04-12T18:32:08+00:00","dateModified":"2023-08-09T22:09:01+00:00","breadcrumb":{"@id":"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/raster-vs-vector\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/raster-vs-vector\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/raster-vs-vector\/#primaryimage","url":"https:\/\/speedpro-test.freshy.dev\/east-bay\/wp-content\/uploads\/sites\/2\/2023\/04\/difference-between-raster-and-vector_392655-scaled.jpg","contentUrl":"https:\/\/speedpro-test.freshy.dev\/east-bay\/wp-content\/uploads\/sites\/2\/2023\/04\/difference-between-raster-and-vector_392655-scaled.jpg","width":2048,"height":971},{"@type":"BreadcrumbList","@id":"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/raster-vs-vector\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"SpeedPro East Bay","item":"https:\/\/speedpro-test.freshy.dev\/east-bay\/graphic-design-services\/"},{"@type":"ListItem","position":2,"name":"Raster VS. Vector"}]},{"@type":"WebSite","@id":"https:\/\/speedpro-test.freshy.dev\/east-bay\/#website","url":"https:\/\/speedpro-test.freshy.dev\/east-bay\/","name":"SpeedPro East Bay","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/speedpro-test.freshy.dev\/east-bay\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/speedpro-test.freshy.dev\/east-bay\/wp-json\/wp\/v2\/pages\/15841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/speedpro-test.freshy.dev\/east-bay\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/speedpro-test.freshy.dev\/east-bay\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/speedpro-test.freshy.dev\/east-bay\/wp-json\/wp\/v2\/users\/230"}],"replies":[{"embeddable":true,"href":"https:\/\/speedpro-test.freshy.dev\/east-bay\/wp-json\/wp\/v2\/comments?post=15841"}],"version-history":[{"count":0,"href":"https:\/\/speedpro-test.freshy.dev\/east-bay\/wp-json\/wp\/v2\/pages\/15841\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/speedpro-test.freshy.dev\/east-bay\/wp-json\/wp\/v2\/pages\/4074"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/speedpro-test.freshy.dev\/east-bay\/wp-json\/wp\/v2\/media\/15848"}],"wp:attachment":[{"href":"https:\/\/speedpro-test.freshy.dev\/east-bay\/wp-json\/wp\/v2\/media?parent=15841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}