Peer Review for material titled "Preparing Graphics for the Web"
eTextbook Reviews for material titled "Preparing Graphics for the Web"
User Rating for material titled "Preparing Graphics for the Web"
Member Comments for material titled "Preparing Graphics for the Web"
Bookmark Collections for material titled "Preparing Graphics for the Web"
Course ePortfolios for material titled "Preparing Graphics for the Web"
Learning Exercises for material titled "Preparing Graphics for the Web"
Accessibility Info for material titled "Preparing Graphics for the Web"
Please enter a Bookmark title
Please limit Bookmark title to 65 characters
Please enter a description
Please limit Bookmark title to 4000 characters
A Bookmark with this title already existed.
Please limit a note about this material to 2048 characters
Search all MERLOT
Select to go to your profile
Select to go to your workspace
Select to go to your Dashboard Report
Select to go to your Content Builder
Select to log out
Search Terms
Enter username
Enter password
Please give at least one keyword of at least three characters for the search to work with. The more keywords you give, the better the search will work for you.
Select OK to launch help window
Cancel help


Advanced Search


Search > Material Results >

Preparing Graphics for the Web


Preparing Graphics for the Web

Logo for Preparing Graphics for the Web
This site is a tutorial on the usage of GIF and JPEG images upon web sites.
Go to material
Material Type: Tutorial
Technical Format: HTML/Text
Date Added to MERLOT: November 30, 2000
Date Modified in MERLOT: November 04, 2016
Send email to
Submitter: Jerry Isaacs


  • Rate this material
  • Create a learning exercise
  • Add accessibility information
  • Pick a Bookmark Collection or Course ePortfolio to put this material in or scroll to the bottom to create a new Bookmark Collection
    Name the Bookmark Collection to represent the materials you will add
    Describe the Bookmark Collection so other MERLOT users will know what it contains and if it has value for their work or teaching. Other users can copy your Bookmark Collection to their own profile and modify it to save time.
    Edit the information about the material in this {0}
    Submitting Bookmarks...


Primary Audience: College General Ed
Mobile Compatibility: Not specified at this time
Language: English
Cost Involved: no
Source Code Available: no
Accessibility Information Available: no
Creative Commons: unsure


QR Code for this Page

Users who viewed this material also viewed...


Discussion for Preparing Graphics for the Web

Log in to participate in the discussions or Sign up if you are not already a MERLOT member.

Return to Top of Page
Avatar for Tim Riessen
5 years ago

Tim Riessen (Staff)

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

Avatar for Carol Anne Wall
8 years ago

Carol Anne Wall (Faculty)

Site directs to URL selling computer software and parts. The URL is no longer valid.

Avatar for Angela Ambrosia
13 years ago

Angela Ambrosia (Faculty)

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

Avatar for Donna Mosier
14 years ago

Donna Mosier (Faculty)

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.

Avatar for Michael Brown
15 years ago

Michael Brown (Faculty)

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.

Avatar for George Schell
15 years ago

George Schell (Faculty)

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."