8/8/2023 0 Comments Vector image vs raster imageThings look similar when it comes to print. It’s not surprising that the text displayed on its screen was so sharp.Ĭomparison between the iPhone 3GS display and iPhone 4 with Retina display. The display of the previously mentioned iPhone 4s has four times more pixels than its ancestor. For this reason, the image on the high-res screens is so sharp. Surely, a perfect result is impossible to achieve, but human eye has limited possibilities and cannot distinguish between the density of the specific points from a certain extent. The more pixels per inch on the screen, the better the representation. Thanks to this process, geometrical shapes are presented in the form of pixels. What if we want to display a vector file on a display like this? It has to be rasterized by the graphics card. At least theoretically, as 7 years ago Apple introduced its iPhone 4, and MacBook Pro with Retina displays shortly after, which messed it all up a bit. A 100x100 pixel file will occupy 100x100 pixel-sized square on the screen. For instance – 1920 x 1280 (for Full HD displays). An LCD or LED display is in itself a pixel map – it displays a specific number of points horizontally and vertically. Here comes the tricky bit: vector graphic image is displayed neither on the screen, nor in print. The same initial size of the file while scaling up looses its quality as a bitmap. Scaling Packhelp logo – PNG raster file vs vector file. The software responsible for magnifying the image, once it exceeds the original graphics size would have to “imagine” the missing pixels that would be put in between the original ones. If we wanted to use the logo saved in PNG in the same way, we’d get a blurred image. A PDF not exceeding 1 MB may easily be printed in large formats or used in a spot aimed for 4K television. Vectors are used to design logos, as such graphics may be scaled almost indefinitely. Thanks to the fact that the image is described with coordinates, a small file may contain high resolution graphics. This is the idea which stands for vector graphics. In the raster graphic missing pixels are clearly visible. Thanks to this fact, they can be scaled to any size without a quality loss.Ĭomparison between PNG raster graphics and SVG vector graphics. Fonts are also vectors that can be displayed on your smartphone, tablet or an e-book reader. Vector graphics may be found in SVG files, as well as in some PDF, EPS or AI (Adobe Illustrator) files, provided they’re saved in an appropriate form. Even more – each JPG, PNG, GIF or BMP file is of raster type. We can assume that raster graphics are the most popular type of graphics on the web – practically each photography on websites or social media is of raster type. This is the way digital cameras save photos. The graphics are therefore described through a map of pixels that are characterized by three values – height, width and colour. When the images are displayed on the screen, we refer to dots as pixels. In this instance, the image is described through dots situated on the rectangular grid. On the other end, there’s raster graphics. Additional pieces of information are, for instance, the thickness and the colour of the line, the filling colour or transparency level. Each graphic is described with parameters – the coordinates of the ends of the segment line, coordinates of the middle point and length of the radius of a circle and so on. Vector graphics use geometrical shapes to describe the image (or blocks if we’re speaking of 3D graphics), such as line segments, curves, circles and polygons. The difference between them is related to the description of the image. Vector graphics are one of the two basic types of computer graphics – along with raster graphics. What does this alert mean? How can you check whether you’re using vectors? And finally, is it really a must? As you design boxes in our box editor you can come across the message “if possible, please use vector files”.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |