Website Design  «Prev  Next»
Lesson 5 Creating images for the Web
Objective Describe constraints on creating images during the design phase.

Design Phase Constraints

Creating images for Web

There are a number of issues and constraints to consider when creating images for the Web. If you strategize about these issues during Design, you will be able to avoid problems during Development. The following Slide Show will illustrate three issues that are basic to using graphic images on the Web.
1) Two File Formats 1 2) Two File Formats 2 3) Two File Formats 3 4) Two File Formats 4 5) Two File Formats 5 6) Two File Formats 6 Program 1 Program 2 Program 3 Program 4 Program 5 Program 6 Two Main File Formats

Common knowledge

Members of your team in the Creative roles will have much more extensive knowledge of some of the issues and strategies around creating effective images for the Web. The three topics from the Slide Show, file formats, file sizes, and Web-safe colors, are topics that any Web professional should be familiar with.
You will be able to predict the look of your site fairly well if you stick to the 256-color palette. However, keep in mind that the same color will look slightly different on every brand of monitor, so you do not have absolute control over exact color, as you would with printed materials.

Question: What is a rough estimate of a reasonable total size for a web page?
Answer: Somewhere around 30-50 KB, including image files. This may change over time as increased numbers of users upgrade their bandwidth access, or as new developments in servers, computers, or protocols increase typical download times. Exceptions are possible when the user group is known to have access to higher bandwidths, for example, at-work users of a corporate intranet.

Process model

Where are you in the Web Site Development Process Model when you are creating images? Planning for image creation occurs during Definition and Design. The actual creation of images begins to occur with sketches in the Design phase, and the heavy-duty work of image creation happens in the Development phase. Some revisions may occur during Post-Delivery, after you've evaluated the success of your signs and metaphors, through metrics, testing, and client and customer feedback.
In the next lesson, you will learn the principles that guide the creation of effective type for the Web.