<div class="wp-block-paragraph">
<p>The last time you saw something—seriously, anything—online, there’s a good chance you were looking at a raster image. You just didn’t know it.&nbsp;But what are raster images, and what does it have to do with the graphics you see on your computer or your phone? Here’s the quick and dirty explanation behind today’s digital imagery.</p>
</div>


<div class="wp-block-columns is-layout-flex wp-container-2 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading">Quick Links</h2>


<div class="wp-block-list">
<ul><li><a href="#what">What Are Raster Images?</a></li><li><a href="#how">How Are Raster Images Created?</a></li><li><a href="#used">What Are Raster Images Used For?</a></li><li><a href="#convert">Convert Raster Images to Vector Images</a></li><li><a href="#why">Why Raster Graphics Are So Important in the Digital Age</a></li></ul>
</div></div>
</div>



<h2 class="wp-block-heading" id="what">What Are Raster Images?</h2>


<div class="wp-block-paragraph">
<p>Also known as a bitmap, a raster image is a digital expression of an image using pixels as its foundation. Pixels distill color information into a single dot as a fraction of the image. From far away, the collection of pixels—also known as a dot matrix—approximates the overall image.</p>
</div>

<div class="wp-block-paragraph">
<p>Raster images include today’s most familiar digital formats, such as .gif, .jpg, and .bmp. The higher the resolution of the raster image, or the more pixels viewed overall, the more realistic and sharp the image will be.</p>
</div>


<div class="wp-block-image"><figure class="aligncenter"><a href="https://unsplash.com/photos/2W-QWAC0mzI" target="_blank" rel="noopener"><img decoding="async" src="https://lh6.googleusercontent.com/81RDlSpRHBT3xoiL5eBV2FEgd0nB2SEW93Qo-sElN8GKiflNbGu7LCIrSYPZ8DSKOmml_EvoTMuGRpSgSgligGJYKJqJQr8VhCp0QIaA5RL1h6UGcSoJ6IKC1R6JiMOwLTYtfzM_" alt="saturn"/></a><figcaption><em>Source: </em><a href="https://unsplash.com/photos/2W-QWAC0mzI" target="_blank" rel="noreferrer noopener"><em>unsplash</em></a><br><em>Zoom in close enough, and you’ll only see individual pixels of static colors. But zoom out, and raster images can represent sharp images like Saturn.</em></figcaption></figure></div>



<h2 class="wp-block-heading" id="how">How Are Raster Images Created?</h2>


<div class="wp-block-paragraph">
<p>Raster images are essentially the compilation of thousands of small dots, or pixels, with specific color information. </p>
</div>

<div class="wp-block-paragraph">
<p>This stands in contrast to vector images. Vectors use lines and algorithms rather than individual points to construct their graphics. When zooming in on a raster image, you’ll eventually find the individual dots that don’t look much like the resulting images. But zoom in on a curved letter in a vector image, and you’ll see that the algorithm of lines keeps the image smooth at any size.</p>
</div>


<div class="wp-block-image"><figure class="aligncenter"><a href="https://unsplash.com/photos/zWHZ_QsU4rc" target="_blank" rel="noopener"><img decoding="async" src="https://lh4.googleusercontent.com/Ws92iRBz2PzWcFm3dTyRHfwn1IOXCsZt4IJKqRSb_EEIghCTo20AVrmrnz2pI_hnoxMeeUaXqzPn4U3rT7DLda-oMWT_0hz6Ia_XYK_3IDMyOMXBBy7f2aS4RFH6l-OtYqdB9SZx" alt="raster images"/></a><figcaption><em>Source: <a href="https://unsplash.com/photos/zWHZ_QsU4rc" target="_blank" rel="noreferrer noopener">unsplash</a></em><br><em>Raster art tends to focus on pixelation and filling individual “nodes” with one color at a time.&nbsp;</em></figcaption></figure></div>


<div class="post-cta">
<div class="wp-block-image"><figure class="aligncenter size-full"><img decoding="async" loading="lazy" width="768" height="844" src="https://www.skillshare.com/blog/wp-content/uploads/2021/12/Screen-Shot-2021-12-30-at-9.04.16-PM.png" alt="" class="wp-image-21581" srcset="https://www.skillshare.com/blog/wp-content/uploads/2021/12/Screen-Shot-2021-12-30-at-9.04.16-PM.png 768w, https://www.skillshare.com/blog/wp-content/uploads/2021/12/Screen-Shot-2021-12-30-at-9.04.16-PM-273x300.png 273w" sizes="(max-width: 768px) 100vw, 768px" /></figure></div>



<div class="wp-block-group">
<h2><meta charset="utf-8"><strong>Create Digital Art on an iPad! </strong></h2>



<p><meta charset="utf-8"><strong>Procreate to Vector: Two Quick Ways to Vectorize Your Procreate Art on the iPad</strong></p>



<div class="wp-block-button"><a class="wp-block-button__link has-skillshare-violet-color has-skillshare-wander-green-background-color has-text-color has-background" href="https://www.skillshare.com/en/classes/Procreate-to-Vector-Two-Quick-Ways-To-Vectorize-Your-Procreate-Art-On-The-iPad/1153705964" target="_blank" rel="noreferrer noopener">Take the Class</a></div>
</div>
</div>


<h2 class="wp-block-heading" id="used">What Are Raster Images Used For?</h2>


<div class="wp-block-paragraph">
<p>Pixelation makes it possible to transmit image data with a surprising amount of speed and quality. When you download a raster image, your screen can recreate a sharp, realistic, vividly colored image that resembles real life.</p>
</div>

<div class="wp-block-paragraph">
<p>For that reason, they tend to be the preferred imagery in digital formats. Turn on your TV and watch Netflix, and you’re streaming a series of raster images. Send out a picture on Instagram, and you’re sending out the individual pixels that build these images. Today’s raster images are what make fast, sharp visual communication possible.</p>
</div>


<h2 class="wp-block-heading" id="convert">Convert Raster Images to Vector Images</h2>


<div class="wp-block-paragraph">
<p>The one thing raster images lack—scalability—is the exact quality that defines vector images.&nbsp;</p>
</div>

<div class="wp-block-paragraph">
<p>That’s one reason some people prefer vectors. This is particularly true for brand images and logos. A company might need to reproduce its logo in different sizes without losing any image quality. That’s where vectors come in.</p>
</div>

<div class="wp-block-paragraph">
<p>There are lots of ways to <a href="https://www.skillshare.com/blog/turn-pixels-into-points-with-image-vectorization/" target="_blank" rel="noreferrer noopener">convert raster images to vector images</a>. Vectorization usually requires specific software, like Adobe Illustrator, but there are online portals as well. <a href="https://vectormagic.com/" target="_blank" rel="noreferrer noopener">Vector Magic</a>, for instance, makes it possible to take your images and “vectorize” them into something new and scalable. You can also look into <a href="https://www.skillshare.com/blog/8-procreate-tutorialslearn-how-to-use-this-tool-like-a-pro/" target="_blank" rel="noreferrer noopener">using Procreate</a> to create modern digital illustrations from scratch.</p>
</div>


<div class="wp-block-image"><figure class="aligncenter"><a href="https://www.skillshare.com/en/classes/Using-Procreate-with-Adobe-Illustrator-to-Enhance-Your-Vector-Drawings/1343981294" target="_blank" rel="noopener"><img decoding="async" src="https://lh4.googleusercontent.com/sJQD9gy4r826a-zpuNxcvrxBKnaTt59xS7kC2hqfnNWbrl4BNRp-Ob7kHt2oWnvHBmEKJifj6DAMAmfZSwN3bnyhPIZTkHcHmYdLUZr0axbKQKdAawWOvpyhehhPpqKwKNx-q9hN" alt="raster images"/></a><figcaption><em>You can create vector drawings with Adobe Illustrator.&nbsp;</em></figcaption></figure></div>



<h2 class="wp-block-heading" id="why">Why Raster Graphics Are So Important in the Digital Age</h2>


<div class="wp-block-paragraph">
<p>How ubiquitous are raster graphics? Chances are, you’re looking at these words not as vector images but as a series of dots on your pixelated screen. Think of these pixels essentially as the atoms of the digital world: the smallest points that turn electronic screens into sharp images, gradient colors, and individual words.&nbsp;</p>
</div>

<div class="wp-block-paragraph">
<p>It’s true that you can use <a href="https://www.skillshare.com/blog/procreate-5-2-whats-new-and-how-to-update/" target="_blank" rel="noreferrer noopener">raster graphics technology to create art</a>. But today’s raster graphics aren’t just a style of art. Along with vectors, they comprise the entire canvas of the Internet.</p>
</div>

<div class="post-cta">
<div class="wp-block-image"><figure class="aligncenter size-full"><img decoding="async" loading="lazy" width="854" height="844" src="https://www.skillshare.com/blog/wp-content/uploads/2021/12/Screen-Shot-2021-12-30-at-9.08.02-PM.png" alt="" class="wp-image-21583" srcset="https://www.skillshare.com/blog/wp-content/uploads/2021/12/Screen-Shot-2021-12-30-at-9.08.02-PM.png 854w, https://www.skillshare.com/blog/wp-content/uploads/2021/12/Screen-Shot-2021-12-30-at-9.08.02-PM-300x296.png 300w, https://www.skillshare.com/blog/wp-content/uploads/2021/12/Screen-Shot-2021-12-30-at-9.08.02-PM-768x759.png 768w" sizes="(max-width: 854px) 100vw, 854px" /></figure></div>



<div class="wp-block-group">
<h2><meta charset="utf-8"><strong>Create Scalable Drawings With Ease</strong></h2>



<p><meta charset="utf-8"><strong>Using Procreate with Adobe Illustrator to Enhance Your Vector Drawings</strong></p>



<div class="wp-block-button"><a class="wp-block-button__link has-skillshare-violet-color has-skillshare-wander-green-background-color has-text-color has-background" href="https://www.skillshare.com/en/classes/Using-Procreate-with-Adobe-Illustrator-to-Enhance-Your-Vector-Drawings/1343981294" target="_blank" rel="noreferrer noopener">Take the Class</a></div>
</div>
</div>