![]() ![]() ![]() To make assets as part of a larger, layered, graphics projects.To make them more scalable, big and small, eliminating both detail loss and pixelization.To make files smaller and more streamlined for software and website images.So why are we turning all our PNGs into vector files? SVG vector files preserve PNG transparency and can also store layers and can be easily edited one shape and color at a time as part of ongoing graphics projects. In SVG, that will be the same angled line, yellow on the inside, at any size or transformation. In a raster image, zoom in and see the pixels that form the triangle roof line. Red cube topped by a yellow triangle with a blue rectangle door. This is both a very small way to store the data and absolutely scalable-because the points are relative to each other lines are always clean and there is never any pixelization. Each 'vector' is a point that identifies color, direction, angle, alpha (transparency) and fade. ![]() Vectors, however, store colors and shapes as coordinates in a flat file. Size is measured by the number of pixels in the grid and each pixel has a single color code. Raster images like PNGs and jpgs save image data per-pixel. Vector files are not saved like normal raster files. What are vector image files? How do vectors differ from PNGs? So how do you convert your PNG image files into vector graphics files? Fortunately, the transition isn't challenging at all when you understand how PNGs convert to vectors-and back again. From the elements you design with to your saved project files, you likely want to be working in vector files, not the old raster images. The graphic design file-format of today is vector graphics, stored in the SVG (scalable vector graphic) file type. But really, when you search for images or find a file uploaded by your average computer user, the format is likely to be a nice reliable jpg or png image. There are a few million GIFs floating around and maybe a few hundred thousand Tiffs. Across the internet, most image files are either JPG or SVG. ![]()
0 Comments
Leave a Reply. |