Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Adobe Dreamweaver CC
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Books

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for Educator.com

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

Web Image File Formats

  • There are specific image formats that you can use on a web page
  • Browsers must be able to understand the image format in order to correctly display the image on the web page
  • The formats are jpg, gif, and png
  • Preview the PowerPoint file to learn about the difference between raster and vector images, optimization, and which image formats are available to use within a browser
  • The Web Image Formats.pptx file used for this lesson in located within the ppts folder inside the extras folder within the course files for this lesson

Web Image File Formats

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • Vector Images Versus Raster Images 0:52
  • Raster Image Formats 2:27
    • PNG
  • Optimization 3:41
    • Control Removal
    • Photoshop
  • GIF Image Format 6:26
    • Drawbacks
    • Lossless Format
  • JPG Image Format 9:19
    • Lossy Format
  • PNG Image Format 10:16
  • Vector Graphics 11:10
    • Scalable Vector Graphics