Vectors, on the other hand, are infinitely scalable. If you zoom in to a raster image, you will begin to see individual pixels, which can make the image look grainy or blurry. It sounds to me like your example, a simple schema, would take great advantage of what vector has to offer. The main difference between vector and raster images is that rasters are pixel-based, while vectors are created using mathematical formulas for lines, points, and curves. My personal philosophy is: if it can be vector, it should be vector. Currently, IE 8 sits at ~11% usage globally, but that statistic might be different for your audience. You should take into account your target demographic when deciding whether or not you need to implement one. Whether or not you need a fallback is another choice that won't always be straightforward. Another is for small (less than 32px) icons vector scales up very well but doesn't necessarily scale down very well. There are many cases where using vector just doesn't make sense. This very website uses vector images (with fallbacks) for its logo and many of the icons.Ĭhoosing when to use vector images over raster can depend on a few factors. You might see vector graphics used all around the web, you're just not aware of it. Responsive design can also make great use of vector images. In reality, the two different file formats tend to serve different purposes. Higher density displays are increasing in popularity due to Apple's retina displays and Windows' improved support for UI scaling. Vectors are scalable and rasters are not - is the short answer. There's now incentive to use vector graphics in web design. While vector graphics are great for many digital design projects, there are certain instances where youll need a raster image to achieve the right outcome. The landscape has changed a bit in the past few years. The image is made up of millions of pixels to form the shapes and colors. That's an added step that dissuaded the use of vector images there was little payoff for that extra work. A perfect example of a raster image is a photo you take on your smartphone. On the other hand, vectors consist of shapes, curves, and paths. As a result, raster graphics will distort or lose sharpness if they are enlarged. Raster files consist of tiny pixels and have a set size and resolution. ![]() For IE 8 and below, it is necessary to make use of a fallback to ensure consistency across browsers. There are two basic file types: raster (or bitmap) and vector. It was not until version 9 (released 2011) that Internet Explorer included native SVG support. The use of vector images in websites has had a bit of a stunted growth due to weak browser support.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |