1. Images can only be integrated into websites using HTML <img> tags.

False. Images can also be integrated using CSS (background-image), JavaScript (via DOM
manipulation), or even through SVGs.

2. The alt attribute in an HTML image tag is used for accessibility purposes.
True. It provides alternative text for screen readers.

3. SVG (Scalable Vector Graphics) images cannot be integrated into a website.

False. SVG images can be integrated just like raster images (e.g., using <img> or as CSS background).

4. Image compression reduces file size by eliminating pixels.

False. Image compression reduces file size by optimizing the representation of pixels, but it doesn't
eliminate them.

5. Base64 encoding allows images to be embedded directly in HTML or CSS files as text.
True. Base64 encodes image data into text, which can be embedded in web pages or stylesheets.

6. Image resolution refers to the number of pixels in an image, both horizontally and vertically.
True. Resolution typically refers to pixel count, such as 1920x1080 pixels.

7. PNG is a lossy image format.

False. PNG is a lossless format, meaning it doesn’t lose data or quality when compressed.

8. WebP is a modern image format that supports both lossless and lossy compression.
True. WebP can compress images both with and without loss of quality.

9. Using multiple image formats (like JPEG, PNG, WebP) is a common practice in responsive web design.
True. Different formats offer various trade-offs in terms of size, quality, and browser compatibility.

10. The <picture> element allows for responsive images in HTML.

True. The <picture> element enables serving different image sources based on device conditions like
screen width or resolution.

11. Image lazy loading delays the loading of images until they are needed.
True. Lazy loading improves performance by loading images only when they are in view or about to be
viewed.

12. When integrating images into a website, file format choice is irrelevant for SEO.
False. The file format (e.g., JPEG, PNG, WebP) can affect both performance and search engine
optimization (SEO).

13. You can manipulate images using CSS filters (e.g., grayscale, blur) without altering the original image
file.
True. CSS allows you to apply visual effects to images without changing the underlying image data.

14. Vector images are better than raster images for photographs.
False. Raster images (like JPEG or PNG) are generally better for photographs, while vector images are
more suited for logos, illustrations, and designs with sharp edges.

15. Image metadata (EXIF) can store information like camera settings and GPS location.
True. EXIF data is embedded in image files and can store a variety of information.
16. Inline images in HTML use the <img> tag with the src attribute pointing to the file's path.
True. This is the standard method of embedding images in HTML.

17. Responsive images ensure that images are automatically resized depending on screen size.
True. Responsive images, combined with CSS or HTML attributes like srcset, allow images to scale
appropriately for different screen sizes.

18. WebP images are not supported by most major browsers.

False. WebP is widely supported in modern browsers like Chrome, Firefox, Edge, and Safari.

19. The <canvas> element allows you to draw and manipulate images using JavaScript.
True. The <canvas> element can be used for rendering and manipulating images on the fly.

20. CSS background-image can only reference external image files.

False. background-image can reference external image files or base64-encoded images.

21. Image SEO involves optimizing image file size and using proper alt text.
True. Optimizing images for SEO includes reducing file sizes and using descriptive alt text for
accessibility and search ranking.

22. GIFs are always smaller in file size compared to PNGs.

False. While GIFs may be smaller for animations, PNGs can sometimes be more efficient for static
images due to higher compression rates.

23. The <img> tag has an attribute called width that can resize an image in HTML.
True. The width and height attributes can resize images directly in HTML.

24. Progressive JPEGs load in stages, with a blurry version displayed first.
True. Progressive JPEGs load in multiple passes, showing a low-quality image initially and then
refining it.

25. The srcset attribute in an <img> tag specifies multiple image sources for different resolutions.
True. srcset allows the browser to choose the most appropriate image based on device resolution.

26. Image optimization tools can reduce the file size of images without affecting quality.
True. Image optimization tools can use various techniques, including compression, to reduce size
without noticeable quality loss.

27. Web images should always be larger in size to ensure they look high-quality.
False. Larger images can slow down page load times. Optimizing image size for web use is crucial for
performance.

28. Lossy image formats like JPEG sacrifice image quality for smaller file sizes.
True. Lossy formats reduce file size by discarding some image data, leading to quality loss.

29. Raster images can be scaled infinitely without losing quality.

False. Raster images (e.g., JPEG, PNG) lose quality when resized beyond their resolution limit.

30. A 404 error occurs when an image file is not found in the specified location.
True. A 404 error indicates that the server cannot locate the requested file.

31. Image sprites combine multiple images into one, improving page load speed.
 True. Image sprites reduce HTTP requests by combining multiple images into one larger image.

32. The picture element is used to define multiple image resolutions for varying display sizes.
True. The <picture> element allows you to specify different images for different conditions (e.g., screen
size, pixel density).

33. AI image recognition can be used to analyze and classify the content of an image.
True. AI-powered image recognition can identify objects, people, and patterns in images.

34. The <img> tag can embed audio or video content in HTML.
False. The <img> tag is for embedding images; <audio> and <video> tags are used for media files.

35. Dynamic image resizing can be done using JavaScript libraries like Cloudinary or Imgix.
True. These services allow you to dynamically resize and optimize images for different devices and
conditions.

36. The z-index CSS property can be used to layer images on top of each other.
True. The z-index controls the stacking order of elements, including images, in web design.

37. Image processing libraries like OpenCV can be used to apply filters and transformations to images
programmatically.
True. OpenCV is a popular library for image processing, used in computer vision tasks.

38. The width and height attributes in an image tag can improve page load time.
True. Specifying dimensions for images can help browsers render the page layout more quickly.

39. CSS object-fit can be used to control how an image fills its container.
True. object-fit defines how an image should be resized to fit its container (e.g., cover, contain).

40. The srcset attribute only works with static images.

False. It works with both static and responsive images, providing multiple versions for different devices.

41. Images in web development can be embedded using JavaScript by manipulating the DOM.
True. JavaScript can dynamically load and insert images into the DOM.

42. Vector images are always larger in file size than raster images.
False. Vector images can be much smaller than raster images, especially for simple designs.

43. Image pixel density refers to the number of pixels per inch (PPI) in an image.
True. PPI describes the density of pixels in an image, affecting its clarity on different screens.

44. The <img> element can be used to embed PDF files in a webpage.
False. PDFs are typically embedded using the <embed> or <object> tags, not <img>.

45. Image optimization for mobile devices often involves serving smaller image sizes.
True. For mobile devices, images are often scaled down to reduce load times and data usage.

46. Image files can be manipulated and edited directly using HTML and CSS.
False. HTML and CSS can only control the display of images; actual editing requires image editing
tools or JavaScript libraries.

47. Progressive images improve user experience by showing a low-quality preview first.
 True. Progressive images provide a quicker visual load, improving the user experience.

48. The data-src attribute in HTML can be used to lazy-load images.

True. data-src is often used in combination with JavaScript libraries to implement lazy loading.

49. AI-driven image generation tools use deep learning models to create realistic images from text
descriptions.
True. AI tools like DALL·E and MidJourney use deep learning to generate images based on text
prompts.

50. In image editing, lossless compression always results in smaller file sizes than lossy compression.
False. Lossy compression typically results in smaller file sizes, but at the cost of image quality.