What is an important consideration when using images on mobile webpages?

Question

Options

• AUse high-resolution images for better clarity.
• BEnsure images are responsive to fit different screen sizes.
• CAlways use images in BMP format for compatibility.
• DLimit the use of images to reduce webpage size.

• A
  6% (3)
• B
  90% (44)
• C
  2% (1)
• D
  2% (1)

Explanation

Responsive images (B) are the cornerstone of mobile web design because mobile devices vary enormously in screen size - an image that looks fine on a 27" monitor will overflow or appear tiny on a phone unless it scales dynamically using techniques like max-width: 100% in CSS or the srcset attribute in HTML.

Why the distractors are wrong:

• A - High-resolution images actually hurt mobile performance: they increase file size and load time without visible benefit on smaller, lower-DPI screens.
• C - BMP is uncompressed and produces enormous file sizes with no transparency support; web images use JPEG, PNG, WebP, or AVIF instead.
• D - Limiting images is a vague workaround, not a best practice. Properly optimized and responsive images can coexist with good performance without simply removing them.

Memory tip: Think "R for Responsive = R for Real mobile design" - responsiveness is the one principle that directly solves the core mobile challenge (varied screen sizes), while the other options either create new problems or avoid the real solution.

No community discussion yet for this question.