You Will Research And Prepare A Presentation About An Image

You Will Research And Prepare A Presentation About Image Your Resear

You will research and prepare a presentation about image. Your research / presentation should provide the following information / answers: What is raster image? List two (2) common types of raster image. What is a vector image? List two (2) common types of vector image. Create a table listing pros and cons comparing raster vs. vector images. You should present at list three (3) pros and three (3) cons for each type of image. Show one (1) good and (1) bad example of raster image. Explain why it is a good and bad example. Show two (2) examples of vector images. What is the difference between ppi and dpi? Which are the common resolution used for: website, plotter, banner and social media. Why do we use different resolution for each type of media? How you identify the real size of an image using resolution and pixels?

Paper For Above instruction

Images are fundamental elements in digital media, serving as visual representations that enhance communication, aesthetics, and information delivery. Understanding the differences between raster and vector images is crucial for anyone involved in graphic design, digital art, or multimedia production. This paper explores the definitions, types, advantages, disadvantages, and applications of raster and vector images, along with related concepts such as resolution, PPI, and DPI.

What is a Raster Image?

A raster image, also known as a bitmap image, is composed of a grid of tiny individual pixels, each representing a specific color. These pixels collectively form the visual picture. Raster images are resolution-dependent, meaning their clarity and quality diminish when scaled beyond their original size. They are best suited for complex images with subtle gradations of color, such as photographs.

Common Types of Raster Images

  1. JPEG (Joint Photographic Experts Group)
  2. PNG (Portable Network Graphics)

JPEG is widely used for photographs and web images due to its efficient compression. PNG supports transparency and is preferred for graphics requiring clear backgrounds and high quality.

What is a Vector Image?

A vector image is created using mathematical formulas that define geometric shapes like points, lines, curves, and polygons. Vector images are resolution-independent, allowing them to be scaled to any size without loss of quality. They are ideal for logos, icons, and illustrations where clarity at various sizes is essential.

Common Types of Vector Images

  1. SVG (Scalable Vector Graphics)
  2. AI (Adobe Illustrator Document)

SVG files are widely used for web graphics due to their scalability and small file size. AI is a proprietary format used primarily within Adobe Illustrator for detailed vector artwork.

Comparison Table: Raster vs. Vector Images

Aspect Raster Image Vector Image
Pros
  • Rich detail and color depth, suitable for photographs
  • Many editing options for pixel-level modifications
  • Widely supported across platforms
  • Scalable without quality loss
  • Small file sizes for simple graphics
  • Easy to edit and modify shapes and paths
Cons
  • Lose quality when scaled up
  • Large file sizes for high-resolution images
  • Not ideal for logos or graphics requiring resizing
  • Limited detail, not suitable for complex images
  • More complex editing processes
  • Less support for color gradients compared to raster

Examples of Raster Images

The good example of a raster image is a high-resolution photograph used in print media, such as a detailed nature photograph in a magazine. It demonstrates high detail and color richness, appropriate for raster format. The bad example is a pixelated, highly compressed JPEG image, especially when enlarged, showing visible artifacts. This degradation illustrates why resolution and compression levels matter for raster images.

Examples of Vector Images

  • The Apple logo, which is scalable and maintains clarity at any size.
  • An icon used in mobile app interfaces, designed with clean geometric shapes that look sharp at small and large sizes.

These examples highlight the advantages of vector graphics in maintaining quality across different dimensions.

Difference Between PPI and DPI

PPI (Pixels Per Inch) refers to the pixel density of digital screens and images, indicating the number of pixels within one inch of a display or image. DPI (Dots Per Inch), on the other hand, relates to printing and the resolution of physical print dots, affecting print quality. While both measure resolution, PPI is used for digital images, and DPI pertains to print media.

Common Resolutions for Various Media

  • Website: 72–96 PPI
  • Plotter: 300–600 DPI
  • Banner: 72–150 PPI (depending on viewing distance)
  • Social media: 72–96 PPI

Different resolutions are necessary because each medium has specific viewing distances and quality requirements. Low resolution suffices for screen displays viewed at a distance, reducing file size, while high resolution is needed for printing to ensure clarity and detail.

Determining the Real Size of an Image

The physical dimensions of a digital image can be calculated using its resolution and pixel dimensions. The formula is:

Size (in inches) = Pixel Dimension / PPI

For example, an image that is 1200 pixels wide at 300 PPI measures 4 inches in width. Understanding this relationship helps in preparing images for specific print or display needs.

Conclusion

In conclusion, selecting between raster and vector images depends on the intended use, requiring consideration of image detail, scalability, and file size. Understanding resolution concepts like PPI and DPI further informs optimal image preparation for various media. Recognizing the advantages and limitations of each image type ensures effective visual communication across digital and print platforms.

References

  • Blatner, D., & Loosley, A. (2012). Desktop Photoshop. Peachpit Press.
  • Foley, J. D., van Dam, A., Feiner, S. K., & Hughes, J. F. (1990). Computer Graphics: Principles and Practice. Addison-Wesley.
  • Lynne, M. (2015). "Raster vs. Vector Graphics: What's the Difference?" Adobe Blog. https://blog.adobe.com/en/publish/2015/07/30/raster-vs-vector
  • Mehta, N. (2018). "Understanding Image Resolution, PPI, and DPI." Digital Photography Review. https://www.dpreview.com/articles/2305521940/understanding-image-resolution-ppi-and-dpi
  • Adobe Systems. (2020). Adobe Illustrator User Guide. Adobe Inc.
  • Galin, C. (2014). "Resolution and Image Quality." Tech Tips. https://techtips.com/resolution-and-image-quality
  • Ramaswamy, S. (2017). "Vector Graphics for Web and Print." Journal of Digital Media, 12(3), 45-53.
  • Smith, J. (2019). "Choosing the Right Resolution for Your Project." Creative Bloq. https://www.creativebloq.com/how-to/choosing-resolution
  • Zhang, Y., & Li, X. (2021). "Optimization of Image Resolution for Different Media Platforms." International Journal of Imaging Science and Technology, 31(2), 147-154.
  • Adobe Support. (2022). "Understanding Image Resolution." https://helpx.adobe.com/photoshop/using/image-resolution.html.

Related Assignments