Effective Use of Images
* Most designers think that a page with a total file size of 35k is pushing the limit. That 35k includes everything from images, HTML, Scripts and content.
There are three viable graphic file formats for the web -gif, jpeg, and png.
Characteristics of each graphic file format
gif (Graphic Interchange Format)
jpg (Graphic Interchange Format)
png (Graphic Interchange Format)
What is an advantage and disadvantage of an Animated gif?
What is a transparent gif and what makes them useful?
Shows just the shape of the graphic and not the rectangular background of the image.
What graphic file type would best suit the following images?
banner + text = gif
photograph of person = jpg
Why would you want to use and interlaced gif or progressive jpg?
When you need to use a large image that would take a long time to load.
What is the most common image format and why?
Gifs, because most sites use flat color images to create menus, logos, and text.
What are several general guidelines for web graphics?
Why is it important to use the right images?
Knowing will help you make your images smaller, and it has a direct impact on image quality.
How can you optimize a graphic?
What are two advantages of slicing up larger images into sections?
You can rely on the browsers cache to reduce page load time, and you can swap sections of the image for "rollover" effects without having to load the entire graphic for each event.