It sounds to me like your example, a simple schema, would take great advantage of what vector has to offer. 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. As such, quality will be lost when resizing these images. When a bitmap image is resized smaller, some pixels are removed. For example, if a bitmap image is resized bigger, the individual pixels will become bigger, making the image look pixelated. Raster graphics, such as digital photographs, are created using a grid of tiny pixels. Vector graphics, such as logo files, use intricate paths made up of points and lines to create an image. Digital graphic files will generally fall into one of two categoriesvector or raster. Let’s dig deeper and look at how raster and vector graphics are used within seven more specific types of graphics. When zoomed in closely, the individual pixels can be observed. Responsive design can also make great use of vector images. Bitmap/raster images are made from individual pixels. From the Casper examples highlighted earlier, the subway ad and pillow packaging are vector graphics, while the website image is a raster graphic. Higher density displays are increasing in popularity due to Apple's retina displays and Windows' improved support for UI scaling. There's now incentive to use vector graphics in web design. The landscape has changed a bit in the past few years. That's an added step that dissuaded the use of vector images there was little payoff for that extra work. For IE 8 and below, it is necessary to make use of a fallback to ensure consistency across browsers. 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. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |