LearnViz CompSci
Home / Learn / Graphics, Vision & Media / Image Formats

Beginner Topic 4 of 49 Graphics, Vision & Media

Image Formats

JPEG, PNG and GIF trade-offs.

How it works

Image file formats differ in compression, color support and features. JPEG uses lossy compression for photos with small sizes but artifacts at high compression; PNG uses lossless compression and supports transparency for graphics and screenshots; GIF offers 256 colors and simple animation; WebP and AVIF give better compression with lossy and lossless modes and transparency; TIFF and RAW preserve high quality for photography and printing; SVG stores vector graphics; HEIC is used by phones. Metadata such as EXIF stores camera and location details.

Where it is used

Web developers choose formats for speed and quality, photographers archive in RAW and TIFF, and apps decode many formats.

Common pitfall

Saving repeatedly as JPEG degrades quality through generational loss. Using PNG for photos creates huge files, and JPEG for text and sharp edges produces artifacts. Metadata can leak location and device information, so strip it before sharing. Browser support differs for newer formats, so use fallbacks. Pick by content, transparency needs and compatibility.

Where it fits in the course

Image Formats is topic 4 of 49 in Graphics, Vision & Media, rated Beginner. It follows Raster vs Vector Graphics. The next topic is Image Compression.

Practice and explore

How to study this topic

  1. Read the explanation above and restate the definition in your own words.
  2. Open the interactive lesson and answer its mini quiz.
  3. Read the common pitfall, then write a short example that avoids it.
  4. Check your understanding in the Graphics, Vision & Media quiz, and revisit the topic if you miss a question.

Frequently asked questions

What is Image Formats?
JPEG, PNG and GIF trade-offs. It belongs to Graphics, Vision & Media and is a beginner-level topic.
Where do people use Image Formats?
Web developers choose formats for speed and quality, photographers archive in RAW and TIFF, and apps decode many formats.
What is the most common mistake with Image Formats?
Saving repeatedly as JPEG degrades quality through generational loss.
What should I learn before this topic?
Start with Raster vs Vector Graphics, the topic just before it in Graphics, Vision & Media.
How can I practice it?
Answer the mini quiz in the interactive lesson, then take the Graphics, Vision & Media quiz.
Is Image Formats hard to learn?
It is a Beginner topic, so it works as an entry point. If the terms are new, read the explanation twice and try the visualizer before the quiz.
How long does it take to learn Image Formats?
Most learners can read the explanation and finish the interactive lesson in under an hour. Fluency comes from applying the idea, so plan a few short practice sessions with the quiz.
Which topics are related to Image Formats?
Raster vs Vector Graphics, Image Compression, Color Models are closely connected. The full list is in the related topics section of this page.
What should I study after Image Formats?
Continue with Image Compression, the next topic in Graphics, Vision & Media.

Related topics