SlideServe
Menu
Préférences
© SlideServe · v2026

Optimizing Images for Web Design: A Practical Guide

denver avatar
7 diapositives · 213 Views · Jul 30, 2014

This lesson focuses on optimizing images for web design by understanding the strengths and weaknesses of different image formats: GIF, JPG, and PNG. GIF supports only 256 colors and allows transparent backgrounds, resulting in the smallest file size. JPG can display over 16 million colors but lacks transparency, often leading to larger file sizes. PNG also supports more than 16 million colors and transparency, with variable file sizes. Complete your assignment by creating buttons and adding them to your HTML files for practice.

Optimizing Images for Web Design: A Practical Guide - slide 1
01 / 7Optimizing Images for Web Design: A Practical Guide
1 / 17

Télécharger la présentation

Optimizing Images for Web Design: A Practical Guide
Une image / un lien ci-dessous est fourni (tel quel) pour télécharger la présentation

Politique de téléchargement : le contenu du site vous est fourni TEL QUEL pour votre information et votre usage personnel ; il ne peut être vendu, concédé sous licence ni partagé sur d’autres sites sans l’accord de son auteur.Le contenu vous est fourni TEL QUEL, pour votre information et votre usage personnel uniquement. Téléchargez la présentation en cliquant sur ce lien. Lors du téléchargement, si vous ne parvenez pas à télécharger une présentation, l’éditeur a peut-être supprimé le fichier de son serveur.Pendant le téléchargement, si vous ne parvenez pas à obtenir une présentation, le fichier a peut-être été supprimé par l’éditeur.

F I N

Plus de contenu associé

Transcription de la présentation
  1. Optimizing Images Web Design Section 5-9 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials

  2. Optimizing Images • Remember… • GIF supports only 256 colors, but does support transparent backgrounds. Usually the smallest file size. • JPG supports over 16,000,000 colors but does not support transparent backgrounds. Large file size. • PNG supports over 16,000,000 colors and also supports transparent backgrounds. File size varies.

  3. Examples

  4. Examples

  5. Rest of Today • Download homework 5-9 from the Hancock Web Site. • Finish creating the 2 buttons (mail and camera) • Add the buttons to both your graphics.html file and your index.html file

  6. Example index.html

  7. Example graphics.html