Thursday, October 13, 2011

Multimedia

If you don't have a good understanding of Vector vs Bitmap (or Raster) graphics yet, its an important concept you need to understand well. If you don't quite feel familiar with it enough, or would just like to make sure you have a good understanding of it, I've found a few links that discuss it more.

Vector vs Raster Article
About Vector Graphics & Raster Images Article
Rastor & Vector Differences Article
What are Raster and Vector Images Video @ Creative Cow
Vector vs Bitmap Video @ Video2brain

Load times and Vector vs Bitmap
As mentioned in the video by Creative Cow (and other places online), vector graphics are smaller than bitmap images as they aren't containing data for each and every single pixel. This is sort of true. It depends on the complexity of the vector image and the size at which the images are being viewed.

For example:
An SVG file of a smiley, such as this one on Wikimedia Commons, is very simple and thus is very small. When viewed at 800x800 its only 1kb. A JPG on the right (click to enlarge it to the same size) of  the same smiley at 800x800 is significantly larger at 250kb (250 times larger than the svg)!

However, watch what happens when looking at a much more complex graphic, like say... a map of the world, like this one from Wikimedia Commons. Did you see how much longer it took to load? This image is 1.38 mb. Compare that to the jpg of the same size on the left (click to enlarge it to the same size). Its only 266 kb, or 0.266 mb if we want to use the same units. So with this more complex image, the jpg is 1/5th the size as the svg.

Of course, considering vectors are never pixelated, the svg will print nicer... but if your not printing it then you don't need something that can be enlarged to large amounts. Creating a jpg of the map to be printed at a decent size would certainly be larger than the svg, and will be increasingly larger than the svg as the map becomes larger, as it is having to record data for each and every pixel.

SOOOO... What should you do today?
If you haven't finished your second illustrator tutorial yet, keep working on that. If you've already completed that, then I'd like you to do a little exploring online regarding what illustrator can do. When you find something that looks interesting, inspiring, or like something you can do, try taking some of the skills you've learned so far and try creating something in illustrator. What you create is your choosing as long as its school appropriate. If you have to ask if its appropriate, theres a good chance it isn't... not that you can't ask.

Additional Illustrator Tutorials:

No comments:

Post a Comment