![]() ![]() If you have to use Photoshop for a logo make sure you know exactly what size it needs to be before you start! If Figure #2 is used the logo will look pixelated and the client will not be happy with the results. All the fuzziness happens because the computer is trying to fill the empty spots. Remember a raster image has a finite number of pixels – therefore the original pixels have to spread themselves out to fit the new size. At that size this logo could be used for any digital images.įIGURE #2 represents the same image enlarged. I like to use Legos to explain raster images and the limitations they have.įIGURE #1 represents an image made with pixels, 36 lego blocks. Trying to use that image for anything else will most often result in a very low resolution image that will be disappointing.ĭownloading a logo from a website to use for a design project rarely works. A logo on a website is purposely made very small so it loads quickly, as the file is uploaded to the site it’s optimized even more – to keep the file as tiny as possible. Website images are most often raster images* – usually in the format of. The logo will have to be completely redone in the correct, larger size.Ī logo designed in Photoshop cannot be scaled larger than it was originally designed. If you design a logo for a business card in Photoshop it won’t work if you want to use the same logo file on a billboard or even a t-shirt. It’ll be crisp and clear no matter how large or how small it becomes as long as it continues to remain a vector image. The second one was able to render sharply because it’s not made of pixels – its size is changed mathematically using lines and curves. The second one was saved in the Illustrator file format as. jpg locked it into a raster image – and you can see what happens when I enlarged it 300% bigger than the original file. jpg file (with a finite amount of pixels), a file format commonly used with Photoshop. The raster image on the left I saved as a. The two copies of my logo below are made from the exact same vector file I made in Illustrator. I have two visual examples below – see if they help!Ī vector file can be made into a raster image, but a raster image can never be made into a vector file. Sometimes it’s just easier to show you than explain the complexities of a vector image vs a raster image. “A logo should always be created in a vector program such as Adobe Illustrator or CorelDraw so it can be scaled without becoming pixelated.”īecky Bayne, Becky’s Graphic Design Examples of Vector and Raster Images (Adobe Photoshop is a raster based program) Once you scale a raster image larger than the original size the image it will look “fuzzy” or “pixelated” because it doesn’t have enough pixels to render it. See this article for other options.)Ī raster image is created with a finite amount of pixels. (Adobe Illustrator is my vector program of choice but there are many other ones out there. The edges will always be sharp and the resolution will always be crisp. The difference between a vector and raster image is the way the computer generates the file in the software program.Ī vector image is created using a mathematical equation that allows the image to be scaled up or down infinitely without losing quality. png file they sent me won’t work AND what are the options now. Why won’t the logo on the website work?.When I explain there might be a problem – I hear these questions… Unfortunately many times I will be asked to “just download the logo from our website.” ai native file or even a pdf save from the native Illustrator file) and probably say “my designer gave me these files – I can’t open them but they said something about ‘fonts included’ or ‘fonts are saved to outline'” In a perfect world they will send over a vector image file (an. Each time I start working with a new client who already has a logo, I hold my breath. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |