Smaller image files load faster, improve performance on mobile devices, use less bandwidth, and give a better user experience.
Problem 3
A .png file (or another format that supports transparency, like webp) is used when you want an image with a transparent background.
Problem 4
Responsive images automatically scale and adjust to different screen sizes and device resolutions so the image looks good on mobile, tablet, and desktop.