

A company might want their logo on a t-shirt, a billboard, a business card, and as an Instagram avatar. And being able to scale a logo is extremely important. That is unacceptable quality by anyone’s standards. What happens if we need to scale it up to much larger size? (This is exaggerated to show the effect, but there will always be quality loss.) Right now, it’s a PNG image which is a raster file. Graphics designers often need to work with logos and icons in a variety of ways, and it’s important that they’re able to do so without having to worry about losing quality or resolution. Logos, for example, need to be flexible so that they can be scaled to extremely small and extremely large sizes. Logos, icons, text, and graphics are a different story though. If you’re taking pictures for Instagram or for a website, your camera will have more than enough resolution to provide a nice, sharp picture at the recommended sizes. This usually results in a blurry, pixelated effect.įor photography, pixel counts are high enough that you shouldn’t have to worry about losing quality for most applications. So if you wanted to scale that image up to 3,840 pixels wide by 2,160 pixels tall (this is the resolution of 4K screens and monitors), you’re going to have to ‘stretch’ the original pixels out to cover a wider area.

If you have a photo that is exactly 1,920 pixels wide and 1,080 pixels tall (this is a common resolution for HD screens and monitors, 1920×1080), the amount of information in that image is limited by the total pixel count. They’re made up of hundreds, thousands, or millions of pixels, which are just tiny squares of color.Īn important characteristic of raster images is that their resolution and quality is defined by the number of pixels in the image. Raster images are the kinds of photos we’re used to seeing and working with.

When you take a photo with your camera, you’re creating a raster image. Before we begin, it’s important to understand vector images and why they’re so important for work involving logos and icons.
