Challenge 1: Choosing Formats for a Landscape Photo and a Transparent Logo — Solution Walkthrough

The landscape photograph:

JPG. Per this chapter's own material, JPG is best suited to
photographs, where some lossy compression is genuinely imperceptible
at reasonable quality settings, and its smaller file size directly
benefits web page load performance — exactly the trade-off this
chapter frames as JPG's own strength.

The logo with a transparent background:

PNG. Per this chapter's own material, PNG supports transparency
directly, which JPG cannot do at all — a hard technical requirement
here, not just a quality preference. PNG's own larger file size is an
acceptable trade-off for a small logo graphic, where file size is a
far smaller concern than it would be for a large photographic image.

Why these two choices aren't interchangeable:

Using JPG for the logo would be structurally impossible to achieve
correctly, since JPG has no way to represent transparency at all —
the background would end up filled with a solid color instead. Using
PNG for the photograph would work technically, but would produce a
needlessly large file for a photo where JPG's own lossy compression
would be visually indistinguishable at a fraction of the size.

WHY THIS WORKS AS AN ANSWER
------------------------------
This exercise is a direct, practical application of this chapter's own
PNG-vs-JPG material to two genuinely different content types in the
same task, correctly justifying each choice on its own specific
requirement (transparency vs. file size/photographic content).