SlideShare ist ein Scribd-Unternehmen logo
1 von 9
Downloaden Sie, um offline zu lesen
GRAPHIC FILE TYPES
Raine Carraway
WEB-140 (CVCC)
Spring 2014
Raster vs Vector
Raster graphics are digital images made
of rectangular pixels, or squares of color.
The file size and quality depend on the
number of bits per pixel.
Vector graphics are based on shapes,
lines, and control points, and are based
on mathematical expressions rather
than individual pixels.
This allows vector graphics to be
resized with minimal effects on file size
and image clarity.
PNG
PNG is a modern file format that is replacing GIF files for
display on web pages and other online applications.
PNG is great for high-quality images because it offers more
options that GIF, allows transparency for 24-bit RGB
images, uses lossless compression, and doesn’t leave JPG
artifacts.
JPG, JPEG
JPG or JPEG is another commonly used file
format for online images. Many digital cameras
also store and export photos as JPEG files.
It is recognized by all web browsers and multiple
operating systems and is good for photos when
you need a small quality size and don’t mind some
loss of quality. The more compression, the greater
the loss of quality & clarity.
GIF
GIF is another of the 3 most commonly used
image file formats on the internet. It is popular
because it compresses images two ways, creating
small file sizes, and because it allows animations.
Most of the moving/blinking images that gave
1990s websites their distinctly cheesy look were
GIFs.
GIF is best for animations, diagrams, logos,
cartoons, and graphics with relatively few colors.
BMP
BMP, or Bitmap is the standard Windows file format for
images, and was one of the first image formats. It creates
large, uncompressed files, but they have high quality & rich
colors in their original size & work well in the MS Windows
environment.
BMP files are not popular online because the files are large
and do not scale or resize well.
TIFF
TIFF files were created for desktop publishing, work well
with graphic processing programs and various forms of
printing, and are popular among graphic designers,
publishers, and some photographers.

TIFF images are very high-quality, because they retain all
color and data information, but their large file size make
them impractical for online use or simple graphics.
SVG / XML
Scalable Vector Graphics (SVG) is a vector
image format that can support both
animation and interactivity.
It is supported by all modern major browsers
to some degree, making it useful online.
A specialized type of the format, Tiny SVG,
is recommended for mobile pages/apps and
other small-screen displays.
PSD, AI, PSP, & CPT
PSD (Adobe Photoshop), AI (Adobe Illustrator), PSP (Paint
Shop Pro), & CPT (Corel Photo-Paint) are all proprietary
formats that are meant to be used by their specific
programs.

They are useful if you anticipate needing to edit or change
the file again in the future, as they save layers and other
data, but can only be viewed by the same program in which
they were created.

Weitere ähnliche Inhalte

Was ist angesagt?

Digital graphics file formats
Digital graphics file formatsDigital graphics file formats
Digital graphics file formatsRuby Hooper
 
Image file types in html5
Image file types in html5Image file types in html5
Image file types in html5Wesley Chan
 
E - TECH : File Image Formats
E - TECH : File Image FormatsE - TECH : File Image Formats
E - TECH : File Image FormatsKikoSyCip
 
Image file types in html5
Image file types in html5Image file types in html5
Image file types in html5Wesley Chan
 
Digital graphics powerpoint homework
Digital graphics powerpoint homework Digital graphics powerpoint homework
Digital graphics powerpoint homework Nicholas Aldous
 
Image file formats
Image file formatsImage file formats
Image file formatsBob Watson
 
Basic Introduction To Graphic File Formats
Basic Introduction To Graphic File FormatsBasic Introduction To Graphic File Formats
Basic Introduction To Graphic File FormatsAnkit Mishra
 
Word 2013 working with pictures
Word 2013 working with picturesWord 2013 working with pictures
Word 2013 working with picturesJesus Obenita Jr.
 
TYPES OF IMAGE FILE FORMAT - MATHANKUMAR.S - VMKVEC
TYPES OF IMAGE FILE FORMAT - MATHANKUMAR.S - VMKVECTYPES OF IMAGE FILE FORMAT - MATHANKUMAR.S - VMKVEC
TYPES OF IMAGE FILE FORMAT - MATHANKUMAR.S - VMKVECMathankumar S
 
Digital graphics file formats
Digital graphics file formats  Digital graphics file formats
Digital graphics file formats Ellie Marsh
 
Media homework (presentation)
Media homework (presentation)Media homework (presentation)
Media homework (presentation)Nhanning1
 
Jpeg And Gif
Jpeg And GifJpeg And Gif
Jpeg And GifOlivia B
 
File types pro forma
File types pro forma File types pro forma
File types pro forma Jack Head
 

Was ist angesagt? (18)

Image formats
Image formatsImage formats
Image formats
 
Digital graphics file formats
Digital graphics file formatsDigital graphics file formats
Digital graphics file formats
 
File formats
File formatsFile formats
File formats
 
Image file types in html5
Image file types in html5Image file types in html5
Image file types in html5
 
image formats
image formatsimage formats
image formats
 
E - TECH : File Image Formats
E - TECH : File Image FormatsE - TECH : File Image Formats
E - TECH : File Image Formats
 
Digital image formats
Digital image formatsDigital image formats
Digital image formats
 
Image file types in html5
Image file types in html5Image file types in html5
Image file types in html5
 
Webquest
WebquestWebquest
Webquest
 
Digital graphics powerpoint homework
Digital graphics powerpoint homework Digital graphics powerpoint homework
Digital graphics powerpoint homework
 
Image file formats
Image file formatsImage file formats
Image file formats
 
Basic Introduction To Graphic File Formats
Basic Introduction To Graphic File FormatsBasic Introduction To Graphic File Formats
Basic Introduction To Graphic File Formats
 
Word 2013 working with pictures
Word 2013 working with picturesWord 2013 working with pictures
Word 2013 working with pictures
 
TYPES OF IMAGE FILE FORMAT - MATHANKUMAR.S - VMKVEC
TYPES OF IMAGE FILE FORMAT - MATHANKUMAR.S - VMKVECTYPES OF IMAGE FILE FORMAT - MATHANKUMAR.S - VMKVEC
TYPES OF IMAGE FILE FORMAT - MATHANKUMAR.S - VMKVEC
 
Digital graphics file formats
Digital graphics file formats  Digital graphics file formats
Digital graphics file formats
 
Media homework (presentation)
Media homework (presentation)Media homework (presentation)
Media homework (presentation)
 
Jpeg And Gif
Jpeg And GifJpeg And Gif
Jpeg And Gif
 
File types pro forma
File types pro forma File types pro forma
File types pro forma
 

Andere mochten auch

Eyejusters
EyejustersEyejusters
Eyejusterstriptiji
 
ใบงาน2 8
ใบงาน2 8ใบงาน2 8
ใบงาน2 8Aimie 'owo
 
Conociendo la web 2
Conociendo la web 2Conociendo la web 2
Conociendo la web 2Sandra Andan
 
ชนม์ญาดา,ธัญลักษณ์ โครงงาน
ชนม์ญาดา,ธัญลักษณ์ โครงงานชนม์ญาดา,ธัญลักษณ์ โครงงาน
ชนม์ญาดา,ธัญลักษณ์ โครงงานAimie 'owo
 
AПDЯЄÏ ѪAПÏБβΔS Values Education 9 LM
AПDЯЄÏ ѪAПÏБβΔS Values Education 9 LMAПDЯЄÏ ѪAПÏБβΔS Values Education 9 LM
AПDЯЄÏ ѪAПÏБβΔS Values Education 9 LMAndrei Manigbas
 
Play Ball - June
Play Ball - JunePlay Ball - June
Play Ball - Junemjbierl
 
Present simple
Present simplePresent simple
Present simplewikiworks
 
Eval tercer bim 1 c imp
Eval tercer bim 1 c impEval tercer bim 1 c imp
Eval tercer bim 1 c impDiana Carranza
 
I 5 principi_del_lean_thinking
I 5 principi_del_lean_thinkingI 5 principi_del_lean_thinking
I 5 principi_del_lean_thinkingProgetto Innesto
 
Tennis Nacho
Tennis NachoTennis Nacho
Tennis Nachowikiworks
 

Andere mochten auch (20)

Eyejusters
EyejustersEyejusters
Eyejusters
 
ใบงาน2 8
ใบงาน2 8ใบงาน2 8
ใบงาน2 8
 
Conociendo la web 2
Conociendo la web 2Conociendo la web 2
Conociendo la web 2
 
Ngày chung đôi
Ngày chung đôiNgày chung đôi
Ngày chung đôi
 
Graphic file types
Graphic file typesGraphic file types
Graphic file types
 
ชนม์ญาดา,ธัญลักษณ์ โครงงาน
ชนม์ญาดา,ธัญลักษณ์ โครงงานชนม์ญาดา,ธัญลักษณ์ โครงงาน
ชนม์ญาดา,ธัญลักษณ์ โครงงาน
 
Sashimi choyero
Sashimi choyeroSashimi choyero
Sashimi choyero
 
AПDЯЄÏ ѪAПÏБβΔS Values Education 9 LM
AПDЯЄÏ ѪAПÏБβΔS Values Education 9 LMAПDЯЄÏ ѪAПÏБβΔS Values Education 9 LM
AПDЯЄÏ ѪAПÏБβΔS Values Education 9 LM
 
Os nefilins
Os nefilinsOs nefilins
Os nefilins
 
Play Ball - June
Play Ball - JunePlay Ball - June
Play Ball - June
 
Skiing
SkiingSkiing
Skiing
 
Present simple
Present simplePresent simple
Present simple
 
Eval tercer bim 1 c imp
Eval tercer bim 1 c impEval tercer bim 1 c imp
Eval tercer bim 1 c imp
 
CATASTROFE
CATASTROFECATASTROFE
CATASTROFE
 
Copdeditedppt4555
Copdeditedppt4555Copdeditedppt4555
Copdeditedppt4555
 
Rubiks cube
Rubiks cubeRubiks cube
Rubiks cube
 
I 5 principi_del_lean_thinking
I 5 principi_del_lean_thinkingI 5 principi_del_lean_thinking
I 5 principi_del_lean_thinking
 
Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled Presentation
 
Thomas g
Thomas gThomas g
Thomas g
 
Tennis Nacho
Tennis NachoTennis Nacho
Tennis Nacho
 

Ähnlich wie Graphic file types

Technical glossary
Technical glossaryTechnical glossary
Technical glossaryAmaanGDesign
 
File types pro forma
File types pro formaFile types pro forma
File types pro formaAnnaMasmedia
 
Paniting programs presentation
Paniting programs presentationPaniting programs presentation
Paniting programs presentationElisa MacGoun
 
Paniting programs presentation
Paniting programs presentationPaniting programs presentation
Paniting programs presentationElisa MacGoun
 
Raster graphics
Raster graphicsRaster graphics
Raster graphicslenance
 
Stem 71 24 multimedia elements - graphics
Stem 71 24   multimedia elements - graphicsStem 71 24   multimedia elements - graphics
Stem 71 24 multimedia elements - graphicsKelly Bauer
 
IMAGE FILE FORMAT IN EMPOWERMENT TECHNOLOGY
IMAGE FILE FORMAT IN EMPOWERMENT TECHNOLOGYIMAGE FILE FORMAT IN EMPOWERMENT TECHNOLOGY
IMAGE FILE FORMAT IN EMPOWERMENT TECHNOLOGYMarkCesarVillanueva
 
Different types of graphics formats
Different types of graphics formatsDifferent types of graphics formats
Different types of graphics formatssanaan umar khan
 
All About Graphics
All About GraphicsAll About Graphics
All About Graphicsmegweb
 
File types alis rose
File types alis rose File types alis rose
File types alis rose alisrose1
 
Technical glossary steve task 1
Technical glossary steve task 1Technical glossary steve task 1
Technical glossary steve task 1benstoraro
 
File Formats Re-Submission
File Formats Re-SubmissionFile Formats Re-Submission
File Formats Re-Submissiontomwaumsley
 
Technical glossary steve task 1
Technical glossary steve task 1Technical glossary steve task 1
Technical glossary steve task 1benstoraro
 

Ähnlich wie Graphic file types (20)

Technical glossary
Technical glossaryTechnical glossary
Technical glossary
 
File types
File typesFile types
File types
 
IMAGE FILE FORMATS
IMAGE FILE FORMATSIMAGE FILE FORMATS
IMAGE FILE FORMATS
 
File types pro forma
File types pro formaFile types pro forma
File types pro forma
 
Paniting programs presentation
Paniting programs presentationPaniting programs presentation
Paniting programs presentation
 
Paniting programs presentation
Paniting programs presentationPaniting programs presentation
Paniting programs presentation
 
Raster graphics
Raster graphicsRaster graphics
Raster graphics
 
Stem 71 24 multimedia elements - graphics
Stem 71 24   multimedia elements - graphicsStem 71 24   multimedia elements - graphics
Stem 71 24 multimedia elements - graphics
 
IMAGE FILE FORMAT IN EMPOWERMENT TECHNOLOGY
IMAGE FILE FORMAT IN EMPOWERMENT TECHNOLOGYIMAGE FILE FORMAT IN EMPOWERMENT TECHNOLOGY
IMAGE FILE FORMAT IN EMPOWERMENT TECHNOLOGY
 
Graphic files
Graphic filesGraphic files
Graphic files
 
Graphic files
Graphic filesGraphic files
Graphic files
 
Different types of graphics formats
Different types of graphics formatsDifferent types of graphics formats
Different types of graphics formats
 
All About Graphics
All About GraphicsAll About Graphics
All About Graphics
 
Lab#2 illustrator
Lab#2 illustratorLab#2 illustrator
Lab#2 illustrator
 
Task 1
Task 1Task 1
Task 1
 
Graphics
GraphicsGraphics
Graphics
 
File types alis rose
File types alis rose File types alis rose
File types alis rose
 
Technical glossary steve task 1
Technical glossary steve task 1Technical glossary steve task 1
Technical glossary steve task 1
 
File Formats Re-Submission
File Formats Re-SubmissionFile Formats Re-Submission
File Formats Re-Submission
 
Technical glossary steve task 1
Technical glossary steve task 1Technical glossary steve task 1
Technical glossary steve task 1
 

Kürzlich hochgeladen

Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
Spring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdfSpring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdfAnna Loughnan Colquhoun
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Introduction to Quantum Computing
Introduction to Quantum ComputingIntroduction to Quantum Computing
Introduction to Quantum ComputingGDSC PJATK
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
Things you didn't know you can use in your Salesforce
Things you didn't know you can use in your SalesforceThings you didn't know you can use in your Salesforce
Things you didn't know you can use in your SalesforceMartin Humpolec
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
Do we need a new standard for visualizing the invisible?
Do we need a new standard for visualizing the invisible?Do we need a new standard for visualizing the invisible?
Do we need a new standard for visualizing the invisible?SANGHEE SHIN
 

Kürzlich hochgeladen (20)

Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
Spring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdfSpring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdf
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Introduction to Quantum Computing
Introduction to Quantum ComputingIntroduction to Quantum Computing
Introduction to Quantum Computing
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
Things you didn't know you can use in your Salesforce
Things you didn't know you can use in your SalesforceThings you didn't know you can use in your Salesforce
Things you didn't know you can use in your Salesforce
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
Do we need a new standard for visualizing the invisible?
Do we need a new standard for visualizing the invisible?Do we need a new standard for visualizing the invisible?
Do we need a new standard for visualizing the invisible?
 

Graphic file types

  • 1. GRAPHIC FILE TYPES Raine Carraway WEB-140 (CVCC) Spring 2014
  • 2. Raster vs Vector Raster graphics are digital images made of rectangular pixels, or squares of color. The file size and quality depend on the number of bits per pixel. Vector graphics are based on shapes, lines, and control points, and are based on mathematical expressions rather than individual pixels. This allows vector graphics to be resized with minimal effects on file size and image clarity.
  • 3. PNG PNG is a modern file format that is replacing GIF files for display on web pages and other online applications. PNG is great for high-quality images because it offers more options that GIF, allows transparency for 24-bit RGB images, uses lossless compression, and doesn’t leave JPG artifacts.
  • 4. JPG, JPEG JPG or JPEG is another commonly used file format for online images. Many digital cameras also store and export photos as JPEG files. It is recognized by all web browsers and multiple operating systems and is good for photos when you need a small quality size and don’t mind some loss of quality. The more compression, the greater the loss of quality & clarity.
  • 5. GIF GIF is another of the 3 most commonly used image file formats on the internet. It is popular because it compresses images two ways, creating small file sizes, and because it allows animations. Most of the moving/blinking images that gave 1990s websites their distinctly cheesy look were GIFs. GIF is best for animations, diagrams, logos, cartoons, and graphics with relatively few colors.
  • 6. BMP BMP, or Bitmap is the standard Windows file format for images, and was one of the first image formats. It creates large, uncompressed files, but they have high quality & rich colors in their original size & work well in the MS Windows environment. BMP files are not popular online because the files are large and do not scale or resize well.
  • 7. TIFF TIFF files were created for desktop publishing, work well with graphic processing programs and various forms of printing, and are popular among graphic designers, publishers, and some photographers. TIFF images are very high-quality, because they retain all color and data information, but their large file size make them impractical for online use or simple graphics.
  • 8. SVG / XML Scalable Vector Graphics (SVG) is a vector image format that can support both animation and interactivity. It is supported by all modern major browsers to some degree, making it useful online. A specialized type of the format, Tiny SVG, is recommended for mobile pages/apps and other small-screen displays.
  • 9. PSD, AI, PSP, & CPT PSD (Adobe Photoshop), AI (Adobe Illustrator), PSP (Paint Shop Pro), & CPT (Corel Photo-Paint) are all proprietary formats that are meant to be used by their specific programs. They are useful if you anticipate needing to edit or change the file again in the future, as they save layers and other data, but can only be viewed by the same program in which they were created.