Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Adobe Illustrator for Web Design!
You have completed Adobe Illustrator for Web Design!
Preview
Vectors, Vector vs. Raster Images, and Scalable Vector Graphics.
Key Terms
-
Vector Graphics: the use of geometrical primitives such as points, lines, curves, and shapes or polygons to represent images in computer graphics.
- Raster Graphics: made up of a grid of pixels, commonly referred to as a bitmap. Raster graphics can typically be scaled down with no loss of quality, but enlarging a bitmap image causes it to look blocky and "pixelated."
-
SVG: an XML-based vector image format that is dynamic. SVGs will automatically scale depending on browser screen size and not lose quality regardless of the screen density.
-
Common Vector file types: .eps, .ai, .svg
- Common Raster file types: .jpeg, .tiff, .png
Learn More about Responsive Web Design
Other Treehouse courses to check out:
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
over some of the basic concepts and
find out what makes Illustrator unique.
0:00
Most images you see on the web
are one of two major types.
0:01
Raster graphics or Vector graphics.
0:05
Raster graphics would include the most
common file types such as .jpg,
0:08
.gif, .png, .tiff, or .psd.
0:13
A Raster graphic is made up of
a set number of individual pixels.
0:18
These are squares of assigned color in
a rectangular grid as you can see here.
0:23
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up