SlideShare a Scribd company logo
Vector vs. Bitmap
 Guilford County SciVis
        V104.03
Vector Images
            Vector images (also called
             outline images) are images
             made with lines, text, and
             shapes. Test type is
Grftil
C
V
S
n
d
o
us
 c
 y




             considered to be vector
             because it is composed of
             lines and curves.
Advantages of Vector Images
            Vector graphics are
             resolution independent,
             which means they can be
             output to the highest quality
Grftil
C
V
S
n
d
o
us
 c
 y
             at any scale.
            Vector graphic images
             normally have much smaller
             file sizes than raster-based
             bitmaps.
            Changing or transforming
             the characteristics of a
             vector object does not effect
             or distort the object.
Advantages of Vector Images
            Vector images are not
             limited to rectangular
             shapes like bitmaps.
Grftil
C
V
S
n
d
o
us
 c
 y
            An image can be
             enlarged or reduced
             without affecting the
             quality of the image.
            There is no
             background unless it
             is placed behind the
             image as a layer
Advantages of Vector Images
            Vector images have the appearance of artistic form
             such as cartoons.
            Vector images can be easily converted to bitmap
             images.
             Lines and curves are easily defined and will always be
Grftil
C
V
S
n
d
o
us
 c
 y




         
             smooth and retain their continuity.
Disadvantages of Vector Images
            The main disadvantage
             is they are not
             photorealistic.
            Vector images are
Grftil
C
V
S
n
d
o
us
 c
 y




             usually filled with solid
             or gradient colors but
             lack in depth and
             appearance in the
             values and colors of a
             true continuous tone
             image.
Creating Vector Images
           Vector images are
             drawn with basic line
             tools available in
             most graphic
Grftil
C
V
S
n
d
o
us
 c
 y




             software programs.
            The freehand tool is
             used to produce
             freeform lines.
            The pen tool (Bezier)
             is used to draw
             controlled curves
             called Bezier curves.
Classifications of Vector Images
            Simple line art is a
             1 bit graphic image
             with large areas of
             black and White.
Grftil
C
V
S
n
d
o
us
 c
 y




            Complex line art is
             made up of many
             curves with linear
             contrast but still
             maintains the quality
             of a black and white
             image.
Classifications of Vector Images
            High detail line art is
             composed of curves and
             stippled dots (simulates
             different styles of etching) to
             form values.
Grftil
C
V
S
n
d
o
us
 c
 y




            Colored vector images are
             composed of lines, solid
             colors, blended or gradient
             colors to simulate tonal
             changes and are produced
             using different color methods
             (opaque or transparent).
Common Rules for Vector Images
         • A common rule for vector
           images is to save the image in
           its native format in the
           software program being used
Grftil
C
V
S
n
d
o
us
 c
 y




           first, and then convert the
           image into other desired
           formats.
              • The native format for
                Corel Draw is .cdr
              • The native format for
                Adobe Illustrator is .ai
              • Photoshop = .psd and
                paint = .cpt
Bitmap Images
            Bitmap images (also called
             raster images) are made with
             pixels (picture element),
             which look like rectangles.
             All the pixels, when combined
Grftil
C
V
S
n
d
o
us
 c
 y




         
             for visual images, are called
             continuous tone images
             (contones).
            Bitmap images are resolution
             dependent, and this must be
             taken into consideration when
             producing images of different
             size and quality.
Bitmap Images
            Resolution is the density of the pixel grid. It is the
             number of pixels in an image and is referred to as
             dpi or dots per inch. Resolution is based on the
             number of pixels in an image, which is determined,
Grftil
C
V
S
n
d
o
us
 c
 y




             by its width and height of the pixels.

             Example: Image size = width in pixels x
                     height in pixels

            A pixel is the smallest display
             element that makes up the images
             seen on televisions and computer
             monitors.
Advantages of Bitmap Images
            Bitmap images are
             easily converted to
             different formats.
            Bitmap images are
Grftil
C
V
S
n
d
o
us
 c
 y




             easier to import into
             different software
             applications.
            Bitmap images produce
             a variety of continuous
             tone images.
            Bitmap images are
             better suited for most
             high quality renderings
             and web page graphics.
Disadvantages of Bitmap Images.
            Bitmap images produce
             larger files sizes.
            Bitmap images have
             restrictions in regards to
             alterations and modifications
Grftil
C
V
S
n
d
o
us
 c
 y




             such as scale, image
             distortion, and format
             conversion.
            There is a common
             appearance of blocked or
             jagged edges and blurriness
             in the image, which must be
             compensated for with
             sharpness filters.
Disadvantages of Bitmap Images.
            Substantial memory is
             required to work with
             bitmap images.
            When bitmap images
             are enlarged, jagged,
Grftil
C
V
S
n
d
o
us
 c
 y




             stair-stepped edges
             called aliasing appear.
            Anti-aliasing is available
             in some programs to
             help smooth jagged
             edges.
Basic Types of Bitmap Images
            Black and white
             images called line art
             are simple 1-bit images.
            Grayscale images
             contain various shades
Grftil
C
V
S
n
d
o
us
 c
 y




             of gray as well as black
             and white.
Basic Types of Bitmap Images
            Full color images use
             color information that
             can be described using a
             number of color spaces
Grftil
C
V
S
n
d
o
us
 c
 y




             such as RGB, CMYK or
             Lab colors.
Color Depth (bit depth)
             Color depth refers to the number of “colors”
              available and/or the amount of computer
              memory that will be required to store pixel
              values of an image.
Grftil
C
V
S
n
d
o
us
 c
 y




             A bit (binary digit) is the smallest unit of
              information used in a computer. The signal
              can be on or off, 1 or 0

             The higher the bit number, the more colors
              you have available, but the more computer
              memory required to store the image. File size
              should be considered when saving, creating,
              and scanning an image.
Color Depth Settings


Grftil
C
V
S
n
d
o
us
 c
 y
Image Resolution
            Image resolution is how sharp or clear an image
             is.
            Multiply the number of pixels across by the
             number of pixels up and down to find the total
             number on your screen.
Grftil
C
V
S
n
d
o
us
 c
 y




            Pixels are picture elements or the dots on the
             monitor. Your monitor is set to a certain
             number of pixels and the pixels are a fixed size.
            The more pixels that you have, the greater the
             memory needed to handle the display.
            Image resolution is measured in dots per inch
             (dpi) for printing and pixels per inch (ppi) for
             monitor displays.
Image Resolution
            The pixels per inch of a
             screen image translate
             directly into dots per inch on
             a printer. A 72-ppi image
             that would look fine on a
             monitor would look fuzzy
Grftil
C
V
S
n
d
o
us
 c
 y




             when printed at 72 dpi.
            It is important to scan images
             to match the proposed output
             for the best image quality.        300 dpi
                                                          72 dpi
               For example, an image
                 that is to be printed should
                 be scanned at a minimum
                 of 300 dpi.
Image resolution
            Resolution refers to image quality
             and sharpness. The higher the
             resolution, the larger the file size,
             but the clearer the image.
Grftil
C
V
S
n
d
o
us
 c
 y




            Images displayed on a monitor may
             not correlate with printed output
             size. Usually the printed image will
             be smaller than the screen image
             because of the higher printing
             resolution.
            Web images are typically around 72
             ppi. Printed images are generally
             300 dpi or greater. Monitor images
             are approximately 70-100 ppi.

More Related Content

PPT
Lecture5 graphics
PPT
Technical file
PPTX
Image processing
PPT
L3 cmp technicalfile_180911
PDF
Computer Graphics 2004
PDF
COMUTER GRAPHICS NOTES
PPT
Ch06
PPT
Multimedia tools(images)
Lecture5 graphics
Technical file
Image processing
L3 cmp technicalfile_180911
Computer Graphics 2004
COMUTER GRAPHICS NOTES
Ch06
Multimedia tools(images)

What's hot (17)

PPT
Technical file
PPT
Technical file
PPTX
Grpahic
PPTX
Image compression
PPT
Adobe Skills Portfolio
PPT
L3 cmp technicalfile_
PPT
Technical File
PPTX
Introduction to Image Compression
PPTX
Chap01 visual perception
PPT
Chapter01 (2)
PPT
Sismulmed 04 b. image processing intro
PPTX
5 multimedia elements - animation
PDF
WEB I - 08 - Digital Media
PPT
L3 cmp technicalfile_
DOCX
Spatial and tonal resolution
PPTX
Digital image processing
DOC
Email marketing-notes-0
Technical file
Technical file
Grpahic
Image compression
Adobe Skills Portfolio
L3 cmp technicalfile_
Technical File
Introduction to Image Compression
Chap01 visual perception
Chapter01 (2)
Sismulmed 04 b. image processing intro
5 multimedia elements - animation
WEB I - 08 - Digital Media
L3 cmp technicalfile_
Spatial and tonal resolution
Digital image processing
Email marketing-notes-0
Ad

Viewers also liked (16)

PPT
Vector or bitmap
PPTX
Transfer reliability and congestion control strategies in opportunistic netwo...
PPT
Computer ethics
PPT
Video editing
PDF
Regulators and rectifiers
PDF
Eternal Engineering Equipment (p.) Ltd., Pune, Vibration Laboratory
PPT
Interactive Rendering Techniques for Highlighting (3D GeoInfo 2010)
DOC
Milestone Highway Construction
PDF
Rancon Foundry: industrial parts supplier in Europe
PDF
Machinery industrial parts
PDF
JMM Machining & Construction of parts
PDF
Global Power Systems Pvt. Ltd., Nagpur, Generators Set & Controller
PDF
Animation basics
PPT
OpenGL 4 for 2010
PPT
GTC 2012: NVIDIA OpenGL in 2012
PDF
A visualization-oriented 3D method for efficient computation of urban solar r...
Vector or bitmap
Transfer reliability and congestion control strategies in opportunistic netwo...
Computer ethics
Video editing
Regulators and rectifiers
Eternal Engineering Equipment (p.) Ltd., Pune, Vibration Laboratory
Interactive Rendering Techniques for Highlighting (3D GeoInfo 2010)
Milestone Highway Construction
Rancon Foundry: industrial parts supplier in Europe
Machinery industrial parts
JMM Machining & Construction of parts
Global Power Systems Pvt. Ltd., Nagpur, Generators Set & Controller
Animation basics
OpenGL 4 for 2010
GTC 2012: NVIDIA OpenGL in 2012
A visualization-oriented 3D method for efficient computation of urban solar r...
Ad

Similar to Vectorbitmap (20)

PPTX
Homework
PPT
Digital Image File Formats
PPTX
Homework
PPT
L3 cmp technicalfile_180911
PPTX
12.m3 cms content-updating-pt1
PDF
Technical concepts for graphic design production 2
PPTX
Bitmap and vector
PPT
Computer image
PPTX
graphics
PPTX
Digital Coding of Images.pptx
PPTX
Bitmap and vector
PPTX
Chap9 10
PPT
Technical file
PPT
PPTX
Vector and bitmap
PPTX
Vector and bitmap
PPTX
Graphic Artist Lesson 2
PPTX
Digital image
DOCX
Unit 13 assignment 1 EF
Homework
Digital Image File Formats
Homework
L3 cmp technicalfile_180911
12.m3 cms content-updating-pt1
Technical concepts for graphic design production 2
Bitmap and vector
Computer image
graphics
Digital Coding of Images.pptx
Bitmap and vector
Chap9 10
Technical file
Vector and bitmap
Vector and bitmap
Graphic Artist Lesson 2
Digital image
Unit 13 assignment 1 EF

More from Charles Flynt (20)

PPT
Plate tectonics
PPT
Animation techniques
PPT
Basic rendering techniques
PPT
3 d modeling part 3
PPT
3 d modeling part 1
PPT
3 d modeling part 2
PPT
Interpret data for use in charts and graphs
PPT
Displaying data using charts and graphs
PPT
2 d software applications
PPT
Computer ethics
PPT
Software
PPT
Basic computer hardware and software
PPT
Careers in sci vis
PPT
Technological advancements in sci vis
PPT
History and impact of sci vis
PPT
Advanced 2 d concept
PPT
Advanced scientific visualization
PPT
Applying pixel values to digital images
PPT
Computer with terms
PPT
Job seeking skills
Plate tectonics
Animation techniques
Basic rendering techniques
3 d modeling part 3
3 d modeling part 1
3 d modeling part 2
Interpret data for use in charts and graphs
Displaying data using charts and graphs
2 d software applications
Computer ethics
Software
Basic computer hardware and software
Careers in sci vis
Technological advancements in sci vis
History and impact of sci vis
Advanced 2 d concept
Advanced scientific visualization
Applying pixel values to digital images
Computer with terms
Job seeking skills

Recently uploaded (20)

PDF
Chapter 3 Spatial Domain Image Processing.pdf
PPTX
sap open course for s4hana steps from ECC to s4
PPTX
Cloud computing and distributed systems.
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PPTX
MYSQL Presentation for SQL database connectivity
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
cuic standard and advanced reporting.pdf
PPTX
Programs and apps: productivity, graphics, security and other tools
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Spectral efficient network and resource selection model in 5G networks
Chapter 3 Spatial Domain Image Processing.pdf
sap open course for s4hana steps from ECC to s4
Cloud computing and distributed systems.
Dropbox Q2 2025 Financial Results & Investor Presentation
MYSQL Presentation for SQL database connectivity
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
Diabetes mellitus diagnosis method based random forest with bat algorithm
Building Integrated photovoltaic BIPV_UPV.pdf
“AI and Expert System Decision Support & Business Intelligence Systems”
cuic standard and advanced reporting.pdf
Programs and apps: productivity, graphics, security and other tools
Per capita expenditure prediction using model stacking based on satellite ima...
Reach Out and Touch Someone: Haptics and Empathic Computing
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Spectral efficient network and resource selection model in 5G networks

Vectorbitmap

  • 1. Vector vs. Bitmap Guilford County SciVis V104.03
  • 2. Vector Images  Vector images (also called outline images) are images made with lines, text, and shapes. Test type is Grftil C V S n d o us c y considered to be vector because it is composed of lines and curves.
  • 3. Advantages of Vector Images  Vector graphics are resolution independent, which means they can be output to the highest quality Grftil C V S n d o us c y at any scale.  Vector graphic images normally have much smaller file sizes than raster-based bitmaps.  Changing or transforming the characteristics of a vector object does not effect or distort the object.
  • 4. Advantages of Vector Images  Vector images are not limited to rectangular shapes like bitmaps. Grftil C V S n d o us c y  An image can be enlarged or reduced without affecting the quality of the image.  There is no background unless it is placed behind the image as a layer
  • 5. Advantages of Vector Images  Vector images have the appearance of artistic form such as cartoons.  Vector images can be easily converted to bitmap images. Lines and curves are easily defined and will always be Grftil C V S n d o us c y  smooth and retain their continuity.
  • 6. Disadvantages of Vector Images  The main disadvantage is they are not photorealistic.  Vector images are Grftil C V S n d o us c y usually filled with solid or gradient colors but lack in depth and appearance in the values and colors of a true continuous tone image.
  • 7. Creating Vector Images Vector images are drawn with basic line tools available in most graphic Grftil C V S n d o us c y software programs.  The freehand tool is used to produce freeform lines.  The pen tool (Bezier) is used to draw controlled curves called Bezier curves.
  • 8. Classifications of Vector Images  Simple line art is a 1 bit graphic image with large areas of black and White. Grftil C V S n d o us c y  Complex line art is made up of many curves with linear contrast but still maintains the quality of a black and white image.
  • 9. Classifications of Vector Images  High detail line art is composed of curves and stippled dots (simulates different styles of etching) to form values. Grftil C V S n d o us c y  Colored vector images are composed of lines, solid colors, blended or gradient colors to simulate tonal changes and are produced using different color methods (opaque or transparent).
  • 10. Common Rules for Vector Images • A common rule for vector images is to save the image in its native format in the software program being used Grftil C V S n d o us c y first, and then convert the image into other desired formats. • The native format for Corel Draw is .cdr • The native format for Adobe Illustrator is .ai • Photoshop = .psd and paint = .cpt
  • 11. Bitmap Images  Bitmap images (also called raster images) are made with pixels (picture element), which look like rectangles. All the pixels, when combined Grftil C V S n d o us c y  for visual images, are called continuous tone images (contones).  Bitmap images are resolution dependent, and this must be taken into consideration when producing images of different size and quality.
  • 12. Bitmap Images  Resolution is the density of the pixel grid. It is the number of pixels in an image and is referred to as dpi or dots per inch. Resolution is based on the number of pixels in an image, which is determined, Grftil C V S n d o us c y by its width and height of the pixels. Example: Image size = width in pixels x height in pixels  A pixel is the smallest display element that makes up the images seen on televisions and computer monitors.
  • 13. Advantages of Bitmap Images  Bitmap images are easily converted to different formats.  Bitmap images are Grftil C V S n d o us c y easier to import into different software applications.  Bitmap images produce a variety of continuous tone images.  Bitmap images are better suited for most high quality renderings and web page graphics.
  • 14. Disadvantages of Bitmap Images.  Bitmap images produce larger files sizes.  Bitmap images have restrictions in regards to alterations and modifications Grftil C V S n d o us c y such as scale, image distortion, and format conversion.  There is a common appearance of blocked or jagged edges and blurriness in the image, which must be compensated for with sharpness filters.
  • 15. Disadvantages of Bitmap Images.  Substantial memory is required to work with bitmap images.  When bitmap images are enlarged, jagged, Grftil C V S n d o us c y stair-stepped edges called aliasing appear.  Anti-aliasing is available in some programs to help smooth jagged edges.
  • 16. Basic Types of Bitmap Images  Black and white images called line art are simple 1-bit images.  Grayscale images contain various shades Grftil C V S n d o us c y of gray as well as black and white.
  • 17. Basic Types of Bitmap Images  Full color images use color information that can be described using a number of color spaces Grftil C V S n d o us c y such as RGB, CMYK or Lab colors.
  • 18. Color Depth (bit depth)  Color depth refers to the number of “colors” available and/or the amount of computer memory that will be required to store pixel values of an image. Grftil C V S n d o us c y  A bit (binary digit) is the smallest unit of information used in a computer. The signal can be on or off, 1 or 0  The higher the bit number, the more colors you have available, but the more computer memory required to store the image. File size should be considered when saving, creating, and scanning an image.
  • 20. Image Resolution  Image resolution is how sharp or clear an image is.  Multiply the number of pixels across by the number of pixels up and down to find the total number on your screen. Grftil C V S n d o us c y  Pixels are picture elements or the dots on the monitor. Your monitor is set to a certain number of pixels and the pixels are a fixed size.  The more pixels that you have, the greater the memory needed to handle the display.  Image resolution is measured in dots per inch (dpi) for printing and pixels per inch (ppi) for monitor displays.
  • 21. Image Resolution  The pixels per inch of a screen image translate directly into dots per inch on a printer. A 72-ppi image that would look fine on a monitor would look fuzzy Grftil C V S n d o us c y when printed at 72 dpi.  It is important to scan images to match the proposed output for the best image quality. 300 dpi 72 dpi  For example, an image that is to be printed should be scanned at a minimum of 300 dpi.
  • 22. Image resolution  Resolution refers to image quality and sharpness. The higher the resolution, the larger the file size, but the clearer the image. Grftil C V S n d o us c y  Images displayed on a monitor may not correlate with printed output size. Usually the printed image will be smaller than the screen image because of the higher printing resolution.  Web images are typically around 72 ppi. Printed images are generally 300 dpi or greater. Monitor images are approximately 70-100 ppi.