Skip to Content
Web Design in a Nutshell, 2nd Edition
book

Web Design in a Nutshell, 2nd Edition

by Jennifer Niederst Robbins
September 2001
Intermediate to advanced
640 pages
31h 42m
English
O'Reilly Media, Inc.
Content preview from Web Design in a Nutshell, 2nd Edition

When to Use GIFs

GIF is a versatile format for condensing color images for use on the Web. It is particularly well suited for any image with areas of flat color, such as logos, line art, icons, cartoon-like illustrations, etc. (Figure 19-1). It compresses them cleanly (since it is a lossless compression) and efficiently (LZW compression looks for repetition of pixel colors). Even if the image contains some photographic elements, if the majority is flat colors, GIF is your best bet.

Examples of images well suited for GIF format

Figure 19-1. Examples of images well suited for GIF format

You will also need to use GIF format if you want a portion of the image to be transparent, because it is the only format that has this ability and is universally supported by browsers. PNG files can contain transparency information (actually, in a more sophisticated way than GIF), but as of this writing, browser support is too spotty to use them confidently.

GIF is also a good option for adding simple animation to your page without relying on plug-in technology, Java programming, or server-intensive methods. Most browsers display an animated GIF as easily as any other GIF. See Chapter 23 for more information on GIF animation.

GIFs are not particularly good for photographic images. With the 8-bit limit, true color information is lost and the subtle gradations of tone become pixelated when the image is reduced to 256 colors. The quality of the image ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

Web Design in a Nutshell, 3rd Edition

Web Design in a Nutshell, 3rd Edition

Jennifer Robbins
Web Design in a Nutshell

Web Design in a Nutshell

Jennifer Niederst
The Principles of Beautiful Web Design, 4th Edition

The Principles of Beautiful Web Design, 4th Edition

Jason Beaird, Alex Walker, James George

Publisher Resources

ISBN: 0596001967