{"id":290,"date":"2011-12-14T08:30:36","date_gmt":"2011-12-14T08:30:36","guid":{"rendered":"https:\/\/www.qdigitizing.com\/blog\/?p=290"},"modified":"2011-12-14T08:30:36","modified_gmt":"2011-12-14T08:30:36","slug":"vector-vs-raster-whats-the-dif","status":"publish","type":"post","link":"https:\/\/www.qdigitizing.com\/blog\/vector-vs-raster-whats-the-dif\/","title":{"rendered":"Vector vs. Raster, what&#8217;s the dif???"},"content":{"rendered":"<p>Welcome To Cora\u2019s Corner, where every month I am going to help you with your artwork issues.<\/p>\n<p>This month I\u2019m going to discuss VECTOR images vs. RASTER images.<\/p>\n<p>There seems to be a lot of confusion on the correct definition and usage of Vector and Raster images.\u00a0\u00a0 There is even more confusion on what kind of image\u00a0is needed to use for a project.<\/p>\n<p><!--more--><\/p>\n<p>In our Industry many customer misuse the term Vector when requesting\u00a0an art file they need for printing.\u00a0 I believe this comes from how simple artwork needed to be back in the early days of screen printing.\u00a0\u00a0 Much of the artwork used to be done by hand and used very few colors. Now with the use of computers, graphic software, and better output devices, that has all changed.<\/p>\n<p>VECTOR IMAGES:\u00a0 Are lines connecting one point to another point. The edge of the line or object is generally smooth. This is especially great for small objects, type and when you need a very clean image. The image is scalable up or down without loss of details.<\/p>\n<p><a href=\"https:\/\/www.qdigitizing.com\/blog\/wp-content\/uploads\/2011\/12\/Awareness1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-thumbnail wp-image-292\" title=\"Awareness\" src=\"https:\/\/www.qdigitizing.com\/blog\/wp-content\/uploads\/2011\/12\/Awareness1-150x150.jpg\" alt=\"\" width=\"150\" height=\"150\" \/><\/a><\/p>\n<p>For example my logo above\u00a0is vectored and the eye\u00a0below is from the same\u00a0file scaled up to show you that it is still clean.<\/p>\n<p><a href=\"https:\/\/www.qdigitizing.com\/blog\/wp-content\/uploads\/2011\/12\/eye.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-thumbnail wp-image-293\" title=\"eye\" src=\"https:\/\/www.qdigitizing.com\/blog\/wp-content\/uploads\/2011\/12\/eye-150x150.jpg\" alt=\"\" width=\"150\" height=\"150\" \/><\/a><\/p>\n<p>RASTER IMAGES : Are a series of\u00a0 dots, called pixels formaing an image.\u00a0 The image is resolution and size dependent and they\u00a0don\u2019t usually scale up or down\u00a0well. The benefit of this type of image is the amount of details and color variations that can be achieved. Most photorealistic images are raster.<\/p>\n<p><a href=\"https:\/\/www.qdigitizing.com\/blog\/wp-content\/uploads\/2011\/12\/Hawaii.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-thumbnail wp-image-294\" title=\"Hawaii\" src=\"https:\/\/www.qdigitizing.com\/blog\/wp-content\/uploads\/2011\/12\/Hawaii-150x150.jpg\" alt=\"\" width=\"150\" height=\"150\" \/><\/a><\/p>\n<p>The image above is a Photoshop (raster) file.\u00a0\u00a0 It\u2019s also a sample where the image is raster, and the text in the sign\u00a0 could be vector.<\/p>\n<p><a href=\"https:\/\/www.qdigitizing.com\/blog\/wp-content\/uploads\/2011\/12\/dancer.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-thumbnail wp-image-295\" title=\"dancer\" src=\"https:\/\/www.qdigitizing.com\/blog\/wp-content\/uploads\/2011\/12\/dancer-150x150.jpg\" alt=\"\" width=\"150\" height=\"150\" \/><\/a><\/p>\n<p>This\u00a0 image\u00a0 is a closeup of the face of the center dancer. You can clearly see the pixels, especially between any two different colors. The edges are jagged.\u00a0\u00a0 there is virtually nothing we can do to clean up this design.\u00a0 We cannot &#8220;VECTOR&#8221; this image to clean it up.\u00a0 All we (or any other artist for that matter) can do\u00a0from a printing standpoint is color separate the design for you.\u00a0 Can anything be done?\u00a0 Yes, of course.\u00a0 However, we cannot add resolution (more dots) to the image.\u00a0 All we can do is apply filters and possibly take some &#8220;noise&#8221; out of the image.\u00a0<\/p>\n<p>One used to be able to tell what type of image the file was by what program was used and what format it was saved in. Unfortunately, this is no longer the case. Vector programs like Adobe Illustrator (.ai) and CorelDraw (.cdr) can contain raster images within the file. And raster programs like Adobe Photoshop (.psd) and CorelPaint (.cpt)can contain vector elements within the file. Generally it is still true if you have a file created in a vector based program and saved with the file formats; .ai, .cdr, .wmf, .svg and sometimes .pdf and .eps, it is a vector file. And, if you have a file created in a raster based program and saved with the file formats; .psd, .cpt, .tif, .jpeg, .gif, .png and sometimes .pdf, and .eps, it is a raster file. Sometimes the only way to tell what kind of file you have is look at the file zoomed in and see if you see pixels or smooth edges.<\/p>\n<p>For customers who want artwork for screen printing garments. New software programs like Separation Studio, the blend of raster and vector within a file is even more so. Now you can have a Photoshop (raster) file separated and then add type in Illustrator (vector). Both elements will output to the same film as long as the spot color assigned is the same.<\/p>\n<p>If customer provides a raster image (especially photorealistic) that has numerous colors, highlights and shadows, but requests a vector output file. They should be inform that the image may lose details and maybe colors depending on how many colors the printer can handle. However, if separated using a raster separation program, it will have the best chance of looking like the original. Some raster files that have few colors with clean edges can be recreated using a vector base program.<\/p>\n<p>I hope this gives a better understanding of your options.<\/p>\n<p>I would also like to hear from you about your most pressing issues about artwork. Your question may be used in a future issue of this newsletter. If you have questions, please email me at <a href=\"mailto:cora.kromer@qdigitizing.com\">cora.kromer@qdigitizing.com<\/a>. And please reference this newsletter.<\/p>\n<p>Looking forward to sharing an exciting journey of discovery into the world of Art.<\/p>\n<p>Sincerely,<\/p>\n<p>Cora Kromer\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Awearness Ink\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span id=\"_marker\">\u00a0<\/span><\/p>\n<p class=\"FreeForm\" style=\"margin: 0in 0in 15pt;\"><span style=\"font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; mso-bidi-font-family: 'Times New Roman';\"><span style=\"font-size: small;\">A person\u00a0used to be able to tell what type of image\u00a0a file was by what program was used to create and saved in. Unfortunately, this is no longer the case. Vector programs like Adobe Illustrator (.ai) and CorelDraw (.cdr) can contain both raster and vector images in one file. And raster programs like Adobe Photoshop (.psd) and CorelPaint (.cpt)can contain vector elements. Generally though\u00a0it is still true if you have a file created in a vector based program and saved with the file formats; .ai, .cdr, .wmf, .svg and sometimes .pdf and .eps, it is a vector file. And, if you have a file created in a raster based program and saved with the file formats; .psd, .cpt, .tif, .jpeg, .gif, .png and sometimes .pdf, and .eps, it is a raster file. Sometimes the only way to tell what kind of file you have is look at the file zoomed in and see if you see pixels or smooth edges.<\/span><\/span><\/p>\n<p class=\"FreeForm\" style=\"margin: 0in 0in 15pt;\"><span style=\"font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; mso-bidi-font-family: 'Times New Roman';\"><span style=\"font-size: small;\">For customers who want artwork for screen printing garments. New software programs like Separation Studio offer the ability to seamlessly blend of raster and vector images within a single file. Now you can have a Photoshop (raster) file separated and then add\u00a0text in Illustrator (vector). Both elements will output to the same film as long as the spot color assigned is the same. <\/span><\/span><\/p>\n<p class=\"FreeForm\" style=\"margin: 0in 0in 15pt;\"><span style=\"font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; mso-bidi-font-family: 'Times New Roman';\"><span style=\"font-size: small;\">If a customer provides a raster image (especially photorealistic)\u00a0with numerous colors, highlights and shadows, but requests a vector output file they should be informed that the image\u00a0will lose detail and maybe colors depending on how many colors the printer can handle. However, if separated using a raster separation program, it will have the best chance of looking like the original. Some raster files that have few colors with clean edges can be recreated using a vector base program. <\/span><\/span><\/p>\n<p class=\"FreeForm\" style=\"margin: 0in 0in 15pt;\"><span style=\"font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; mso-bidi-font-family: 'Times New Roman';\"><span style=\"font-size: small;\">Most importantly you should take the time to sit down with your printer and discuss these things.\u00a0 You should have a strong undertanding of the processes required for succesful printing.\u00a0 It is in your best interest and you will look like a hero in front of your customer if you can head off a problem before it becomes an exercise in crisis management.\u00a0 Artwork for apparel priting can be complicated to understand but with just a little extra effort a murky topic can become very clear.<\/span><\/span><\/p>\n<p class=\"FreeForm\" style=\"margin: 0in 0in 15pt;\"><span style=\"font-size: small;\"><span style=\"font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; mso-bidi-font-family: 'Times New Roman';\">I hope this gives a better understanding of your options.<\/span><span style=\"font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; color: #272726; mso-bidi-font-family: 'Times New Roman';\"><\/span><\/span><\/p>\n<p class=\"FreeForm\" style=\"margin: 0in 0in 15pt;\"><span style=\"font-size: small;\"><span style=\"font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; mso-bidi-font-family: 'Times New Roman';\">I would also like to hear from you about your most pressing issues about artwork. Your question may be used in a future issue of this newsletter. If you have questions, please email me at<\/span><span style=\"font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; color: #262626; mso-bidi-font-family: 'Times New Roman';\"> <a href=\"mailto:cora.kromer@qdigitizing.com\"><span style=\"font-family: &quot;Calibri Bold&quot;,&quot;serif&quot;; color: #000099;\">cora.kromer@qdigitizing.com<\/span><\/a>. <\/span><span style=\"font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; mso-bidi-font-family: 'Times New Roman';\">And please reference this newsletter.<\/span><span style=\"font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; color: #262626; mso-bidi-font-family: 'Times New Roman';\"><\/span><\/span><\/p>\n<p class=\"Body\" style=\"margin: 0in 0in 12pt;\"><span style=\"font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; mso-bidi-font-family: 'Times New Roman';\"><span style=\"font-size: small;\">Looking forward to sharing an exciting journey of discovery into the world of Art.<\/span><\/span><\/p>\n<p class=\"Body\" style=\"margin: 0in 0in 12pt;\"><span style=\"font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; mso-bidi-font-family: 'Times New Roman';\"><span style=\"font-size: small;\">Sincerely,<\/span><\/span><\/p>\n<p><span style=\"font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 12pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: '\u30d2\u30e9\u30ae\u30ce\u89d2\u30b4 Pro W3'; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;\">Cora<\/span><span style=\"font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 12pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: '\u30d2\u30e9\u30ae\u30ce\u89d2\u30b4 Pro W3'; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;\"> <\/span><span style=\"font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 12pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: '\u30d2\u30e9\u30ae\u30ce\u89d2\u30b4 Pro W3'; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;\">Kromer<\/span><span style=\"font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 12pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: '\u30d2\u30e9\u30ae\u30ce\u89d2\u30b4 Pro W3'; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;\"><span style=\"mso-spacerun: yes;\">\u00a0<\/span><\/span><\/p>\n<p><span style=\"font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 12pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: '\u30d2\u30e9\u30ae\u30ce\u89d2\u30b4 Pro W3'; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;\"><span style=\"mso-spacerun: yes;\">\u00a0<\/span>Awearness Ink<span style=\"mso-spacerun: yes;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/span><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Welcome To Cora\u2019s Corner, where every month I am going to help you with your artwork issues. This month I\u2019m<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[75],"tags":[44,66,21,64,91,36,39,54,65,35,38],"class_list":["post-290","post","type-post","status-publish","format-standard","hentry","category-art-for-apparel-printing","tag-applique","tag-art","tag-backing","tag-four-color-process","tag-pixel","tag-raster-art","tag-screen-print","tag-screen-print-art","tag-simulated-process","tag-vector-art","tag-vector-lines"],"_links":{"self":[{"href":"https:\/\/www.qdigitizing.com\/blog\/wp-json\/wp\/v2\/posts\/290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.qdigitizing.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.qdigitizing.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.qdigitizing.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.qdigitizing.com\/blog\/wp-json\/wp\/v2\/comments?post=290"}],"version-history":[{"count":2,"href":"https:\/\/www.qdigitizing.com\/blog\/wp-json\/wp\/v2\/posts\/290\/revisions"}],"predecessor-version":[{"id":297,"href":"https:\/\/www.qdigitizing.com\/blog\/wp-json\/wp\/v2\/posts\/290\/revisions\/297"}],"wp:attachment":[{"href":"https:\/\/www.qdigitizing.com\/blog\/wp-json\/wp\/v2\/media?parent=290"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.qdigitizing.com\/blog\/wp-json\/wp\/v2\/categories?post=290"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.qdigitizing.com\/blog\/wp-json\/wp\/v2\/tags?post=290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}