For line art, GIF and PNG are the main formats. In this video, learn about the similarities and differences.
- [Instructor] Let's start by investigating…line art formats.…The Graphics Interchange Format pronounced GIF…has a long history.…GIF's can have only 256 colors which is fine…for the time when they were invented.…Monitors usually didn't support more colors.…You could specify one color as the transparent color…and those pixels would not display.…In 1989 animation was added to the GIF format…by allowing multiple frames in one file…along with timing information on when to display them.…While GIF is good, it has drawbacks.…
At the time the web took off, the 256 color limit…was not enough for the much more capable monitors…and the algorithm was patented…which meant people had to pay royalties…to use the GIF format or face legal action…when the patent wasn't forced.…In 1996 a group of graphic experts came up…with Portable Network Graphics, a patented free format…that allows more than 16 million colors…with varying transparency on a pixel by pixel basis.…It does not however have an animation capability.…Here's the general idea of how compression works…
AuthorJ. David Eisenberg
- Using the img element
- Resizing images
- Obtaining images for your website
- Image formats and when to use them
- Styling images with CSS
- Adjusting borders, margins, and padding
- Adding background images
- Testing screen resolutions
- Autonumbering figures with CSS
Skill Level Intermediate
Design the Web: Responsive SVG Imageswith Chris Converse22m 46s Beginner
1. Image Essentials
2. Image Formats
3. Images and CSS
4. Responsive Images
Next steps1m 19s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.