This is the equivalent of having an image that is 288 px wide by 288 px high at 96 DPI. This is because your screen still only contains 96 DPI and an image that has 288 DPI has 3 times the pixel density that a 96 DPI image does. This is three times the amount of what the dimension states therefore, it can be blown up to 3 times the size and still look good on your screen. This means that for every 1 inch, it contains 288 pixels across. However, an image that is 96 px wide by 96 px high and has a resolution of 288 DPI will look good on 3 square inches of your screen. Now, if an image states that it is 96 pixels (or px) wide by 96 px high, at 96 DPI, that means that it will only look good on 1 square inch of your screen. 96 DPI means that for every 1 inch across the screen, there are 96 pixels across that 1 inch. Screens such as TVs or monitors will typically tell you how many DPI the screen is set to - most standard screens are set to 96 DPI (with some exceptions). This is called DPI (Dots Per Inch, for print) or PPI (Pixels Per Inch, or screens), and these settings will determine the quality of your image. With the proper graphic software, we can inspect the graphics or images and see that they have a specific resolution. So why do some of your images look crisp sometimes, and blurry or pixelated at other times? In fact, this blog post has many pixels that form the letters and words that you are reading. AI (Adobe Illustrator) And what about a raster graphic?Ī raster graphic is created by using pixels - a pixel is a single tiny dot that contains a single colour. Vector file sizes stay consistent regardless of the size of the graphic - which is different from raster graphics. These graphics can also store colour information. No matter how large you scale this graphic, the curves and lines will always be smooth and crisp. Have you ever seen how some logos look nice and sharp on billboards? This is because they are created as a vector graphic. This means that because these lines are created with a math calculation, they can be scaled up or down in size while always retaining their crisp lines and quality. What is a vector graphic?Ī vector graphic is created with graphed lines and sometimes shapes - these are based on paths called Bezier curves. But have you ever wondered why the file you downloaded is twice as big as normal? Or why the image you’ve used for your website looks blurry or fuzzy? Or how your images may be affecting your website’s page speed? Well, read on and we’ll explain to you the difference between vector graphics and raster graphics. Vector graphics are created with vector software and are common for graphics that will be used for logos, illustrations, and for use with printing processes such as printing stickers.Have you ever wondered about the difference between vector and a raster graphics? Probably not. Vector graphics can be scaled to any size without losing quality. When you enlarge a vector graphic, the math formulas stay the same, rendering the same visual graphic no matter the size. Vector images are mathematical calculations from one point to another that form lines and shapes. When you enlarge the file by adding more pixels, the pixels are added randomly throughout the image, rarely producing good results. When you enlarge the image file without changing the number of pixels, the image will look blurry. A raster image has a specific number of pixels. Raster images are created with pixel-based programs or captured with a camera or scanner. If you zoom in to a raster image you may start to see a lot of little tiny squares. A pixel is a single point or the smallest single element in a display device.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |