Material Detail

Preparing Graphics for the Web

Preparing Graphics for the Web

This site is a tutorial on the usage of GIF and JPEG images upon web sites.


More about this material


Log in to participate in the discussions or sign up if you are not already a MERLOT member.
Tim Riessen
Tim Riessen (Staff)
8 years ago

As an academic who has taught this information to post secondary students in the past, I am able to examine how this could be used in my class.  The materail would be useful in a range of ways.  If used in a class setting where students had access to the site directly, it would be appropriate for students to self pace, with some form of studenet interaction/engagement after.  It could be set as a homeworl activity with follow up activity in next class.  If used as a link in an online LMS, engagement should be set up via some of feedback/discussion.  If used in conjunction with a class dealing with the production of digital images for the web, it would be appropriate to have students explain/jsutify image type and level of compression for the  images they are working with.

The concepts presented are in line with other content of this type.

Where it might be improved is to update the material to include the use PNG file type, and also perhaps the SVG image type.

The material will serve as a good resource in relation to preparing digital images for the web.

Language and content can be used at a range of educational levels.  For some lower grades some of the language and assumed knowledge may be a bit intense, but the general thrust would provide good background information.

The author spells out the focus of this tutorial and stays within this focus to provide a good overview of the content.

Technical Remarks:

Student would not need the absolutely latest browser as the content will run on a range of older browsers.  Speed of connection may be an issue for some of the larger file size images.  However, students are alerted to this in the content provided.

Site is straighforward to use with navigation placed consistently.  The navigation links are a little small and easy to lose in the rest of thepage, but once found should pose no further navigational problems.  After the introduction it might be better to have a "next" button.  The use is expected to know that the next link is the next available item in the navigation area.  Alternatively, links could be numbered to identifiy an order for reading.

Time spent reviewing site: 30 min
Carol Anne Wall
Carol Anne Wall (Faculty)
11 years ago
Site directs to URL selling computer software and parts. The URL is no longer valid.
Angela Ambrosia
Angela Ambrosia (Faculty)
16 years ago
Very nice educational tutorial. Appropriate for students at any level. An
overview of how to prepare and maximize .gif's and .jpg's.

Technical Remarks:

Tutorial only; no graphics or interaction.
Used in course? Yes
Donna Mosier
Donna Mosier (Faculty)
18 years ago
I explored Preparing Graphics for the Web for approximately 45 minutes. The site
provided a tutorial on JPEG and GIF file formats. I thought the tutorial might
be appropriate for one of my classes where we learn basic skills in HTML and
creating Web sites. The author?s goal was to balance theory with examples. The
tutorial is for artists and graphic designers. It might work well with an
advanced Web design course.

The tutorial delivered what it promised - theory with examples. For the most
part the theory was not too technical especially for the intended audience.
Given the examples used and conversational writing style, I believe the tutorial
would be very effective in conveying the differences between the two file
formats. The tutorial also included some ?tips and tricks? that may be very
helpful to the learner. The tutorial does an excellent job in illustrating the
differences between the two file types and how each type of file is rendered in
the browser.

Technical Remarks:

Navigating through the tutorial was easy. First time users should have not
trouble navigating through the tutorial. Links to each section of the tutorial
made it easy to view a topic in any order. Links within each section provided
additional information or help. Anyone familiar with navigating Web pages will
have no problems using the tutorial. The biggest problem with the tutorial is
that it has not been updated since 1997. References to specific browser
technologies are no longer appropriate. Compression techniques and capabilities
have also changed since 1997.
Michael Brown
Michael Brown (Faculty)
18 years ago
The quality of the content was great but more graphic examples would nice for
the studnets.

The information examples well the difference between the two formats. JPEG and

The students, I believe, will able to find some of the information they need.
Navigation was easy.
George Schell
George Schell (Faculty)
19 years ago

This resource is very informative about GIF and JPEG image formats.
The presentation of pros and cons as well as similarities and differences was
well done. Howerver, some of the information (especially concerning browsers
and interlacing) is dated by the May 1997 date the information was developed. I
would use this site for students familiar with using images in HTML. The
author's early remark is important: "It is assumed, or is at least quite
helpful, that you have prior working knowledge of graphics design and image
manipulation software applications and some familiarity with the GIF and JPEG
image file formats."