SlideShare a Scribd company logo
Evaluate what type of image to use for web! JPG GIF PNG
There's only three file formats that are used for regular graphics images on the web: GIF ,  JPEG , and  PNG .
JPG JPG is the format of choice for nearly all photographs on the web. You can achieve excellent quality even at rather high compression settings. Digital cameras save in a JPG format by default. Never use JPG for line art. On images such as these with areas of uniform color with sharp edges, JPG does a poor job. These are tasks for which  GIF  and  PNG  are well suited.
GIF If your image has fewer than 256 colors and contains large areas of uniform color, GIF is your choice.  The files will be small yet perfect.  Here is an example of an image  well-suited for GIF:   Do NOT use GIF for photographic images, since it can contain only 256 colors per image.
PNG PNG is of principal value in two applications: If you have an image with large areas of exactly uniform color, but contains more than 256 colors, PNG is your choice. Its strategy is similar to that of  GIF , but it supports 16 million colors, not just 256. If you want to display a photograph  exactly without loss on the web, PNG is your choice. Later generation web browsers support PNG, and PNG is the only lossless format that web browsers support. PNG is superior to  GIF . It produces smaller files and allows more colors.

More Related Content

PPT
Jpeg And Gif
PPTX
Image file types in html5
PPT
Image Optimization
PPT
Group Presentation
PPTX
Helpsheet 2
PPTX
Helpsheet 2
PPT
Paniting programs presentation
PDF
Sustainable UX For Everyone
Jpeg And Gif
Image file types in html5
Image Optimization
Group Presentation
Helpsheet 2
Helpsheet 2
Paniting programs presentation
Sustainable UX For Everyone

Viewers also liked (15)

PPTX
Final desktop publishing
PPT
1.03 layout of a desktop publishing document
PDF
Variations in image size and image resolution
PPT
1.03 DTP Design Features
PPT
Image Size Use
PPTX
Image Sizes for Dance Studios Web Design Websites
PPT
Desktop publishing
PPTX
Dtp
PPTX
Introductory Digital Image Processing using Matlab, IIT Roorkee
PPTX
Easy computer for bds7 image size
PPT
Desktop Publishing
PDF
Desktop publishing intro
PPTX
Desktop publishing (power point)
PPSX
Ms publisher parts and functions
PPT
Digital Image Processing
Final desktop publishing
1.03 layout of a desktop publishing document
Variations in image size and image resolution
1.03 DTP Design Features
Image Size Use
Image Sizes for Dance Studios Web Design Websites
Desktop publishing
Dtp
Introductory Digital Image Processing using Matlab, IIT Roorkee
Easy computer for bds7 image size
Desktop Publishing
Desktop publishing intro
Desktop publishing (power point)
Ms publisher parts and functions
Digital Image Processing
Ad

Similar to Images For Web Use (20)

PPTX
Image file types in html5
PPT
Picture Formats
PPT
Jpeg Vs Gif Vs Png
PPS
JPG vs. GIF vs. PNG
PPTX
Helpsheet 2
PPTX
Helpsheet 2 this time its personal
PPT
Image formats
PPTX
Different types of graphics formats
PPTX
Chapter 23: Web Images
PPTX
Word 2013 working with pictures
PPTX
IMAGE FILE FORMATS
PPTX
Chap16
PPTX
Types of Images & File Types
PPTX
Graphics
PPT
Webquest
PPT
Image Files Formats
PPT
Presentation3
PPT
Presentation3
PPTX
File types
PPT
JPEG vs GIF vs PNG
Image file types in html5
Picture Formats
Jpeg Vs Gif Vs Png
JPG vs. GIF vs. PNG
Helpsheet 2
Helpsheet 2 this time its personal
Image formats
Different types of graphics formats
Chapter 23: Web Images
Word 2013 working with pictures
IMAGE FILE FORMATS
Chap16
Types of Images & File Types
Graphics
Webquest
Image Files Formats
Presentation3
Presentation3
File types
JPEG vs GIF vs PNG
Ad

More from alconceptz (8)

PPT
Image Size Use
PPT
Logodesign
PPT
Logodesign
PPT
Jing Tutorial
PPT
Onlinecommunication
PPT
Promotion Marketing
PPT
Chesspiecemove
PPT
Concepts Triangles
Image Size Use
Logodesign
Logodesign
Jing Tutorial
Onlinecommunication
Promotion Marketing
Chesspiecemove
Concepts Triangles

Recently uploaded (20)

PDF
Empathic Computing: Creating Shared Understanding
PPTX
1. Introduction to Computer Programming.pptx
PPTX
Spectroscopy.pptx food analysis technology
PPTX
A Presentation on Artificial Intelligence
PDF
cuic standard and advanced reporting.pdf
PPTX
MYSQL Presentation for SQL database connectivity
PDF
Machine learning based COVID-19 study performance prediction
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Getting Started with Data Integration: FME Form 101
PPTX
Group 1 Presentation -Planning and Decision Making .pptx
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
NewMind AI Weekly Chronicles - August'25-Week II
PDF
Assigned Numbers - 2025 - Bluetooth® Document
PPTX
Machine Learning_overview_presentation.pptx
PDF
Encapsulation_ Review paper, used for researhc scholars
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PPTX
Programs and apps: productivity, graphics, security and other tools
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Empathic Computing: Creating Shared Understanding
1. Introduction to Computer Programming.pptx
Spectroscopy.pptx food analysis technology
A Presentation on Artificial Intelligence
cuic standard and advanced reporting.pdf
MYSQL Presentation for SQL database connectivity
Machine learning based COVID-19 study performance prediction
Diabetes mellitus diagnosis method based random forest with bat algorithm
Getting Started with Data Integration: FME Form 101
Group 1 Presentation -Planning and Decision Making .pptx
Unlocking AI with Model Context Protocol (MCP)
NewMind AI Weekly Chronicles - August'25-Week II
Assigned Numbers - 2025 - Bluetooth® Document
Machine Learning_overview_presentation.pptx
Encapsulation_ Review paper, used for researhc scholars
“AI and Expert System Decision Support & Business Intelligence Systems”
Programs and apps: productivity, graphics, security and other tools
Reach Out and Touch Someone: Haptics and Empathic Computing
The Rise and Fall of 3GPP – Time for a Sabbatical?
gpt5_lecture_notes_comprehensive_20250812015547.pdf

Images For Web Use

  • 1. Evaluate what type of image to use for web! JPG GIF PNG
  • 2. There's only three file formats that are used for regular graphics images on the web: GIF , JPEG , and PNG .
  • 3. JPG JPG is the format of choice for nearly all photographs on the web. You can achieve excellent quality even at rather high compression settings. Digital cameras save in a JPG format by default. Never use JPG for line art. On images such as these with areas of uniform color with sharp edges, JPG does a poor job. These are tasks for which GIF and PNG are well suited.
  • 4. GIF If your image has fewer than 256 colors and contains large areas of uniform color, GIF is your choice. The files will be small yet perfect. Here is an example of an image well-suited for GIF: Do NOT use GIF for photographic images, since it can contain only 256 colors per image.
  • 5. PNG PNG is of principal value in two applications: If you have an image with large areas of exactly uniform color, but contains more than 256 colors, PNG is your choice. Its strategy is similar to that of GIF , but it supports 16 million colors, not just 256. If you want to display a photograph exactly without loss on the web, PNG is your choice. Later generation web browsers support PNG, and PNG is the only lossless format that web browsers support. PNG is superior to GIF . It produces smaller files and allows more colors.