Multiple Choice Questions on Image Optimization and Minification

📚 Quick Study Guide

🖼️
• Image Optimization: The process of reducing the file size of your images without sacrificing quality. This improves website loading speed and user experience.
📉
• Minification: Removing unnecessary characters (e.g., whitespace, comments) from image code (like SVG) to reduce file size.
⚙️
• Lossy Compression: A compression technique that removes some data to reduce file size. This can result in a slight loss of quality (e.g., JPEG).
💾
• Lossless Compression: A compression technique that preserves all original data, resulting in no loss of quality (e.g., PNG).
📏
• Responsive Images: Using the `srcset` attribute in HTML to serve different image sizes based on the user's device and screen size.
🔗
• WebP: A modern image format developed by Google that provides superior lossless and lossy compression for images on the web.
⏱️
• Lazy Loading: A technique where images are loaded only when they are visible in the viewport, improving initial page load time.

Practice Quiz

1. Which of the following is the primary goal of image optimization?
   1. A. Increasing image resolution
   2. B. Reducing image file size without significantly affecting quality
   3. C. Adding watermarks to images
   4. D. Converting images to black and white
2. What is image minification?
   1. A. Increasing the number of pixels in an image
   2. B. Removing unnecessary characters from image code (e.g., whitespace)
   3. C. Adding metadata to an image file
   4. D. Converting an image to a different file format
3. Which compression technique may result in some loss of image quality?
   1. A. Lossless compression
   2. B. Lossy compression
   3. C. Image resizing
   4. D. Image cropping
4. Which image format generally uses lossy compression?
   1. A. PNG
   2. B. GIF
   3. C. JPEG
   4. D. BMP
5. What HTML attribute is used to implement responsive images?
   1. A. `src`
   2. B. `alt`
   3. C. `srcset`
   4. D. `href`
6. Which modern image format provides superior compression and quality compared to JPEG?
   1. A. TIFF
   2. B. WebP
   3. C. GIF
   4. D. BMP
7. What is lazy loading?
   1. A. Loading all images on a webpage at once
   2. B. Loading images only when they are visible in the viewport
   3. C. Automatically optimizing images when they are uploaded
   4. D. Hiding images from search engines