|
Home / Internet / Web Design
Understanding Vector and Raster Graphics
By:Bharat Bista
Choosing the right design, the right designer and the right graphics is essential. Selecting the right business, the right platform and the right time is crucial. If you have an artistic hand but don’t know how to write, or you have beautiful voice and you don’t know how to sing, you may have a gift, but a paralyzed one.
You have a website and don’t know what its composition is; you have graphics and don’t know how they are designed; just the lack of this information you may lose your business.
Simple, yet complex, are the pages of your website containing graphics all together in every space. And those very graphics can hamper you, if not properly designed for an impressive deliverance to the customer.
If your site loads slowly in a browser, if your logos are not eye pleasing, if the fonts are not stylish, if the color combination and outline architecture is not smooth, you might be irritating your own costumer rather appealing to them.
Graphic design elements that are in your websites primarily are of two types; Vector and Raster.
Vector graphics is a geometric modeling of images, widely being used in Computer Graphics today. Vector graphics applies geometrical standards i.e., lines, curves, and polygons to represent images, while Raster graphics or a bit-mapped image, which is based on pixels in a grid, and contains information about the colors to be displaced in “bits”. Due to this raster graphics have fixed resolution, thus cannot be resized without losing image quality.
In addition, bitmap images have much large file sizes; however, vector graphics are prepared by many individual objects, and each of them are defined by geometrical data with individual properties allocated to it such as color, fill, and outline. Thus, vector graphics have free resolution and can bring high quality output at any scale.
Vector images are more flexible than bitmaps, and for that reason they can be resized and stretched. Additionally, images stored as vectors enhance appearances on monitors and printers with higher resolution, while bit-mapped images always appear the same, in spite of of a device's resolution. Another advantage of vector graphics is it requires less memory than bit-mapped images do.
The word vector graphics is typically used in the context of two-dimensional computer graphics. Today almost all computer video displays transform vector representations of an image to a raster format.
Vector graphics editors usually allow a user to spin, shift, mirror, stretch, tilt, a combination of primitives into a more sophisticated objects. Vector graphics are better for designing outlines, typography, logos, technical illustrations, diagram and flowchart, while bitmap editors are more suitable for retouching photos, photo processing, and artistic illustrations.
It is ideally good for simple or complex drawings that need to be photo-realism. i.e., for PostScript and PDF page description languages use a vector graphics model.
Vector graphic are perfect format for the Web as these are lightweight graphics to the websites due to its file size and problem free regarding physical height and width of the image.
These days, websites are filled with sophisticated icons, images, navigation bars, photographs, bottoms, logos, etc and for cutting the file size, vector graphics are efficient, smaller, compact, and scale perfect or independent resolution compare to the raster graphics.
Regarding programs which allows us to create and operate vector graphics, are called drawing programs, while programs that operate bit-mapped images are called paint programs.
Almost all graphics application these days, including CADD systems and animation software, use vector graphics; furthermore, printers like PostScript printers use vector graphics and fonts represent as vectors are called postscript fonts. While, dot-matrix printers, laser printers, and monitors, are raster devices, this means that all objects, even vector objects, must be translated into bit maps before being output which means, even vector graphic images must be interpreted to the raster graphic before the end product can be displayed on paper.
Interesting, yet most important note regarding these two graphics are, its similarity with the human organ behaviors; like bitmap images, the human eyes catches objects in a mosaic raster format by photon recipient nerves though physical world.
Another hand brain function perceives the objects as vector graphics in its visual world. As a result, the brain can easily recalls drawings like cartoon, logos, signs, images, symbols, banners, with outlines. Though the pixel image with mosaic format will be faded out, but the impression of outlines of the pictures will remain in the memory of a human being for long. Eyes cannot manipulate the objects seen in the outer world, it perceives as it is, while the mind can manipulate through its imagination in its mental zone.
If you have chosen the right graphics and the right graphic designer for your business, enrich your business with graphics that are web friendly, swift loading, attractive, impressive and much more than outlines that remain in the mind of your visitor for a very long time.
Your website design should be eye pleasing, mind snatching, impressive and overall appealing to the customers. Design simple, but yet make it striking!
Digg
del.icio.us
Blink
Stumble
Spurl
Reddit
Netscape
Furl
Article keywords: Vector, Raster Graphics
Article Source: http://www.articles2k.com
Author: Bharat Bista
Resources and References: Graphic Design - Custom Web Site Design - Silk Flowers
|
|
| Top Web Design Articles |
- 1). Advanced Joomla Templating (pt1) Using Module Class Suffix By : Robert Palmer
an article from User Written Resources
1. duplicate the styles already used for the particular module, adding a suffix to each style name. this will definitely include some of the following;
1. .module {} 2. div.moduletable {} 3. div.moduletable h3 {} 4. table.moduletable {}/li> 5. table.moduletable th 6. table.moduletable td
and can include other styles used on the content in that section, such as;
1.
|
- 2). Irish Graphic Design Industry By : dave4
Graphic design is the use of color, light, balance, contrast, emphasis, proportion, proximity, repetition, texture and a plethora of other elements to create a work of digital art that is pleasing to the eye. Graphic design is about seamlessly molding image and text to convey a theme, message, or often advertise a product or service. Graphic design dates back to prehistoric times.
|
- 3). Adsense: The Smart Investment By : Pat Lovell & Jon Atwood
Over the last 2 years, We have been building a Virtual Adsense Empire of over 500 websites and making some good money. We've also been building content sites for clients using the same system. The system we use is not something that produces 1000's of sites with a click of a button, our system does not build spam websites, nor does it produce the same sites you see over and over and over again.
|
- 4). Some guidelines for Website Design By : Angela Oliver
You have a great product. You also have a great company image and marketing model. Now it is time to implement all your plans and bring together a website. You know very little about websites. Finding websites that have failed is easier than shooting fish in a barrel. Many people come into the internet business with the notion that if they are on the web, they are guaranteed to make money.
|
|
|
- 6). Develop Your Business Web Site for Profits By : Jay Peterson
Looking into developing your business web site? Whether creating a business web site to sell your business products online or just to give the public valuable information, creating a business web site can be an important first step to creating an important presence on the web. Here are some tips on creating a business web site as well as what is involved in getting your business web site off the ground.
|
- 7). Is your printing costs sky rocketing? By : Florie Lyn Masarate
Here are some things you can do to be able to lower your printing costs.
1. Cheap but good quality printer.
There was a time when only a handful of people can afford having one of those colored and digital printers. Now that these things are more rampant, they have become more affordable. Color printers of good quality are even inexpensive already.
|
- 8). Creating A Quality Web Site Design! By : Martin Lemieux
In this article, I will attempt to cover the basics of creating a great quality web design template for your site. Now it's a known fact that the layout or "eye candy" as I put it will determine whether your visitors will stay more than 15 seconds or they will just become another statistic.
In this article, I will attempt to cover the basics of creating a great quality web design template for your site.
|
- 9). How Does Your Website Make Me Feel? By : Philippa Gamse
When people think about the Internet, they think about technology. When people hear that I am a Website strategy expert, they see me as a "techy type".
But for me, the most intriguing aspect of your online business isn't about the technology. It's about human connections, and how you can create these in a virtual environment.
It's commonly understood that "people buy emotionally, not intellectually.
|
- 10). For Automated Sites - PHP and MySQL Are A Perfect Match By : Halstatt Pires
You’ve decided to automate your web site. Now what? Here are some ideas to help you choose how to automate your site.
A bit of programming is going to be necessary if you want to automate a site. There are many types of programs that can be used to automate a web site including JavaScript, PHP, Perl, ASP, Java and more. So, which do you use? For many, it is a personal choice.
|
| New Web Design Articles |
|
|
|
|
|
|
|
|
|
|
|
|
- 7). Graphic Artists - Who Needs One When You Can Do It Yourself Online? By : Pearl Deloria
Image is everything! Think about it. How many times have you made a judgment about a company based on the quality of the junk mail that you have been sent?
Other people make similar judgements, too. Businesses cannot afford to be thought of as cheapskate in their marketing.
You know that most of your mail goes straight in the trash, and it may grieve you to spend four times the amount, just for it to be thrown away.
|
- 8). How To Style Your Text With CSS By : Hilco van der Meer
Styling text with CSS is really simple. We can define colors, underline it, make it bold, define the font etc etc.
We will start with some basics.
First we define the html where we will be working with. This is the text
1. Colorize your text
We can select the P tag and add some styles to it.
p { color:red;
}
Now our text will turn red. You can define any color code your want or choose one of the 16 standard color names.
|
- 9). What is a web designer anyway? By : Alicia Harper
As a web designer, I get all kinds of requests , for information other than web design, and as a web designer I'm not suppose to really to be able to do things outside of the web design area. I believe there are a few misconceptions about what exactly a web designer does. In this article I am going to nail down exactly what a web designer is and what they should be able to do.
|
- 10). Advanced Joomla Templating (pt1) Using Module Class Suffix By : Robert Palmer
an article from User Written Resources
1. duplicate the styles already used for the particular module, adding a suffix to each style name. this will definitely include some of the following;
1. .module {} 2. div.moduletable {} 3. div.moduletable h3 {} 4. table.moduletable {}/li> 5. table.moduletable th 6. table.moduletable td
and can include other styles used on the content in that section, such as;
1.
|
|
|
