| [main] [misc] [graphics] [page design] [site design] [xhtml] [css] [xml] [xsl] [schema] [javascript] [php] [mysql] | |
Note that all external links will open up in a separate window. This is a stripped down version of these pages for older browsers. These pages are really meant to be viewed in a standards compliant browser. |
Image FormatsThese tutorials are about using graphics in Web design. This tutorial has two (2) sub-sections. Image FormatsThe single item that took HTML beyond academic use was the ability to insert images in HTML documents. Images can be used for supporting visuals, for decorative purposes, as icons, and even as text that you want absolute control over the size and positioning of. Proper use of images contribute to document clarity and make the page attractive and pleasant to look at. Poorly done images can make the document confusing, or far too busy to be easily understandable. There are two basic types of computer images, vectored images and rastered, or bitmapped, images. That is pretty straightforward. But most image formats are proprietary to some application or another. Most are also too large for use on the Web. If you doubt this, try scanning in a full size magazine add in full color at 600 dots per inch. I'll wait. Well, if your computer didn't lock up then you have a more powerful one than I do. Image files can be really big. Images for the Web make use of compression techniques to make image files smaller for faster transmission over the Web. It is these compression mechanisms that actually define what kind of file the image is stored as. This section takes a look at what vectored and rastered images are and how to store bitmapped images for the Web. Vectored images for Web use are still application specific and require special browser plugins, the most popular one being Flash. Vectored images for the Web will be dicussed elsewhere.
These pages can be found at:
[http://academ.hvcc.edu/~kantopet/]
|