SlideShare a Scribd company logo
1 of 7
Discover – Difference Between Raster Image & Vector Image
• Raster images are also known as Bitmap. As the name suggests, raster graphics
combine tiny rectangular pixels in a grid to form an image. These image files are
associated with a certain number that specifies their pixel’s location, size or color.
The image quality depends upon the number of pixels it has. The more pixels, the
higher the image quality will be. But the number of pixels depends on the file type
of an image. Most raster images consist of file types like JPEG, GIF, PNG and BMP.
What are Raster Images used for?
• Raster graphics are primarily suitable for images without an outline, for
instance, the digital images you see daily on the internet. When you take
an image on your phone or through a camera that image contains pixel
data. As we upload them online they become raster images. Advantages of
Using Raster Images
• Like we discussed above they are easy to edit with a wide variety of editing
applications. These files consist of a number of pixels in a grid form which
you can adjust to your liking. To create an image that you want. Keep in
mind that the higher the number of pixels the higher its resolution will be.
Disadvantages of Using Raster images
• The backlash that raster images have is that they can’t maintain quality if they are resized. They
end up getting blurry and rough as its pixels collapse as we try to resize each pixel of an image.
This overall scenario is known as image degradation.
• To get a more clear picture let’s go with a practical example, As you may have observed when
you go to a printing shop to print a mug, t-shirt or cards. The printing press will ask you for a
simple image but when it comes to printing on banners, posters or flexes. File Types
• JPG or JPEG (Web & Print based photos, can be preview quickly)
• GIF (Animated & Static images)
• PNG (Transparent images with multiple colors)
• BMP (Contains Bitmap Graphics data)
• TIFF (High Quality Prints & Graphics)
• RAW (Uncompressed & Unprocessed image data from digital cameras)
What is a Vector
Image?
• Speaking of Vector images, it’s unlike Raster
images which are composed of a combination of
tiny rectangle pixels in grid form. That can get
blurry and distorted when the images are
resized. As here vector images aren’t composed of
pixels. Instead it consists of mathematical formulas
and equations like line art or curves connecting
points on a grid. A vector image doesn’t lose its
quality or resolution when it’s resized and easily
scalable compared to Raster images. Because it
consists of mathematical equations and algorithms
instead of pixels.
What are Vector Images used for?
• Most companies and brands use vector images like logos, fonts, type settings, digital illustrations or
letterheads. You may ask why so? Because as we mentioned before Vector images are high quality
images that can be easily resized as they consist of mathematical algorithms. They fulfill the exact
needs of anyone
For example, From small size office printing visiting cards to large size posters for billboards.
• Advantages of using Vector Images
• What makes vector images better compared to Raster images? Is that even though they can be very
large, its file size remains small. It’s easy to access and to modify on top of that it is quite scalable
• Disadvantages of using Vector Images
• Well when it comes to taking digital photographs and videos, Raster format is considered more why?
Well because it lets you edit pixel by pixel. In that case a vector image only suits graphics rather than
photographs. You need a fast and powerful system to go for vector images as it requires calculations to
form an image. Often the volume of data is too much , which slows down the image rendering
process.
Difference
between
Rector &
Vector File
Types

More Related Content

More from TurboAnchor

Marketing Cookies – Everything You Need To Know.pptx
Marketing Cookies – Everything You Need To Know.pptxMarketing Cookies – Everything You Need To Know.pptx
Marketing Cookies – Everything You Need To Know.pptxTurboAnchor
 
What is UI UX Design_ Difference Between UI & UX.pptx
What is UI UX Design_ Difference Between UI & UX.pptxWhat is UI UX Design_ Difference Between UI & UX.pptx
What is UI UX Design_ Difference Between UI & UX.pptxTurboAnchor
 
Tips for Creating Design Systems in Figma.].pdf
Tips for Creating Design Systems in Figma.].pdfTips for Creating Design Systems in Figma.].pdf
Tips for Creating Design Systems in Figma.].pdfTurboAnchor
 
7 Tips To Improve Your Google Ads Landing Page Experience.pptx
7 Tips To Improve Your Google Ads Landing Page Experience.pptx7 Tips To Improve Your Google Ads Landing Page Experience.pptx
7 Tips To Improve Your Google Ads Landing Page Experience.pptxTurboAnchor
 
8 Best! Types of Paid Ads Which You Can Go For.pptx
8 Best! Types of Paid Ads Which You Can Go For.pptx8 Best! Types of Paid Ads Which You Can Go For.pptx
8 Best! Types of Paid Ads Which You Can Go For.pptxTurboAnchor
 
What Are Proximity Marketing Beacons.pptx
What Are Proximity Marketing Beacons.pptxWhat Are Proximity Marketing Beacons.pptx
What Are Proximity Marketing Beacons.pptxTurboAnchor
 
What Is IoT In The Workplace.pptx
What Is IoT In The Workplace.pptxWhat Is IoT In The Workplace.pptx
What Is IoT In The Workplace.pptxTurboAnchor
 
What Is UX Research & How Is It Done.pptx
What Is UX Research & How Is It Done.pptxWhat Is UX Research & How Is It Done.pptx
What Is UX Research & How Is It Done.pptxTurboAnchor
 
What Is Anchor Text Everything You Need to Know.pptx
What Is Anchor Text Everything You Need to Know.pptxWhat Is Anchor Text Everything You Need to Know.pptx
What Is Anchor Text Everything You Need to Know.pptxTurboAnchor
 
What Is Mobile Marketing & Its Types.pptx
What Is Mobile Marketing & Its Types.pptxWhat Is Mobile Marketing & Its Types.pptx
What Is Mobile Marketing & Its Types.pptxTurboAnchor
 
7 Tips To Improve Your Google Ads Landing Page Experience.pptx
7 Tips To Improve Your Google Ads Landing Page Experience.pptx7 Tips To Improve Your Google Ads Landing Page Experience.pptx
7 Tips To Improve Your Google Ads Landing Page Experience.pptxTurboAnchor
 
Difference between Adobe Illustrator and Photoshop
Difference between Adobe Illustrator and PhotoshopDifference between Adobe Illustrator and Photoshop
Difference between Adobe Illustrator and PhotoshopTurboAnchor
 
Introduction To User Interface Design.pptx
Introduction To User Interface Design.pptxIntroduction To User Interface Design.pptx
Introduction To User Interface Design.pptxTurboAnchor
 

More from TurboAnchor (13)

Marketing Cookies – Everything You Need To Know.pptx
Marketing Cookies – Everything You Need To Know.pptxMarketing Cookies – Everything You Need To Know.pptx
Marketing Cookies – Everything You Need To Know.pptx
 
What is UI UX Design_ Difference Between UI & UX.pptx
What is UI UX Design_ Difference Between UI & UX.pptxWhat is UI UX Design_ Difference Between UI & UX.pptx
What is UI UX Design_ Difference Between UI & UX.pptx
 
Tips for Creating Design Systems in Figma.].pdf
Tips for Creating Design Systems in Figma.].pdfTips for Creating Design Systems in Figma.].pdf
Tips for Creating Design Systems in Figma.].pdf
 
7 Tips To Improve Your Google Ads Landing Page Experience.pptx
7 Tips To Improve Your Google Ads Landing Page Experience.pptx7 Tips To Improve Your Google Ads Landing Page Experience.pptx
7 Tips To Improve Your Google Ads Landing Page Experience.pptx
 
8 Best! Types of Paid Ads Which You Can Go For.pptx
8 Best! Types of Paid Ads Which You Can Go For.pptx8 Best! Types of Paid Ads Which You Can Go For.pptx
8 Best! Types of Paid Ads Which You Can Go For.pptx
 
What Are Proximity Marketing Beacons.pptx
What Are Proximity Marketing Beacons.pptxWhat Are Proximity Marketing Beacons.pptx
What Are Proximity Marketing Beacons.pptx
 
What Is IoT In The Workplace.pptx
What Is IoT In The Workplace.pptxWhat Is IoT In The Workplace.pptx
What Is IoT In The Workplace.pptx
 
What Is UX Research & How Is It Done.pptx
What Is UX Research & How Is It Done.pptxWhat Is UX Research & How Is It Done.pptx
What Is UX Research & How Is It Done.pptx
 
What Is Anchor Text Everything You Need to Know.pptx
What Is Anchor Text Everything You Need to Know.pptxWhat Is Anchor Text Everything You Need to Know.pptx
What Is Anchor Text Everything You Need to Know.pptx
 
What Is Mobile Marketing & Its Types.pptx
What Is Mobile Marketing & Its Types.pptxWhat Is Mobile Marketing & Its Types.pptx
What Is Mobile Marketing & Its Types.pptx
 
7 Tips To Improve Your Google Ads Landing Page Experience.pptx
7 Tips To Improve Your Google Ads Landing Page Experience.pptx7 Tips To Improve Your Google Ads Landing Page Experience.pptx
7 Tips To Improve Your Google Ads Landing Page Experience.pptx
 
Difference between Adobe Illustrator and Photoshop
Difference between Adobe Illustrator and PhotoshopDifference between Adobe Illustrator and Photoshop
Difference between Adobe Illustrator and Photoshop
 
Introduction To User Interface Design.pptx
Introduction To User Interface Design.pptxIntroduction To User Interface Design.pptx
Introduction To User Interface Design.pptx
 

Discover – Difference Between Raster Image & Vector Image.pptx

  • 1. Discover – Difference Between Raster Image & Vector Image
  • 2. • Raster images are also known as Bitmap. As the name suggests, raster graphics combine tiny rectangular pixels in a grid to form an image. These image files are associated with a certain number that specifies their pixel’s location, size or color. The image quality depends upon the number of pixels it has. The more pixels, the higher the image quality will be. But the number of pixels depends on the file type of an image. Most raster images consist of file types like JPEG, GIF, PNG and BMP.
  • 3. What are Raster Images used for? • Raster graphics are primarily suitable for images without an outline, for instance, the digital images you see daily on the internet. When you take an image on your phone or through a camera that image contains pixel data. As we upload them online they become raster images. Advantages of Using Raster Images • Like we discussed above they are easy to edit with a wide variety of editing applications. These files consist of a number of pixels in a grid form which you can adjust to your liking. To create an image that you want. Keep in mind that the higher the number of pixels the higher its resolution will be.
  • 4. Disadvantages of Using Raster images • The backlash that raster images have is that they can’t maintain quality if they are resized. They end up getting blurry and rough as its pixels collapse as we try to resize each pixel of an image. This overall scenario is known as image degradation. • To get a more clear picture let’s go with a practical example, As you may have observed when you go to a printing shop to print a mug, t-shirt or cards. The printing press will ask you for a simple image but when it comes to printing on banners, posters or flexes. File Types • JPG or JPEG (Web & Print based photos, can be preview quickly) • GIF (Animated & Static images) • PNG (Transparent images with multiple colors) • BMP (Contains Bitmap Graphics data) • TIFF (High Quality Prints & Graphics) • RAW (Uncompressed & Unprocessed image data from digital cameras)
  • 5. What is a Vector Image? • Speaking of Vector images, it’s unlike Raster images which are composed of a combination of tiny rectangle pixels in grid form. That can get blurry and distorted when the images are resized. As here vector images aren’t composed of pixels. Instead it consists of mathematical formulas and equations like line art or curves connecting points on a grid. A vector image doesn’t lose its quality or resolution when it’s resized and easily scalable compared to Raster images. Because it consists of mathematical equations and algorithms instead of pixels.
  • 6. What are Vector Images used for? • Most companies and brands use vector images like logos, fonts, type settings, digital illustrations or letterheads. You may ask why so? Because as we mentioned before Vector images are high quality images that can be easily resized as they consist of mathematical algorithms. They fulfill the exact needs of anyone For example, From small size office printing visiting cards to large size posters for billboards. • Advantages of using Vector Images • What makes vector images better compared to Raster images? Is that even though they can be very large, its file size remains small. It’s easy to access and to modify on top of that it is quite scalable • Disadvantages of using Vector Images • Well when it comes to taking digital photographs and videos, Raster format is considered more why? Well because it lets you edit pixel by pixel. In that case a vector image only suits graphics rather than photographs. You need a fast and powerful system to go for vector images as it requires calculations to form an image. Often the volume of data is too much , which slows down the image rendering process.