Before serving images to a site or app try compressing them. Try different options and iterate until you find the balance how crisp you need the img to look and file size.
smaller sized images will make your app load faster and more performant.

png

higher bitrate and supports transparency

jpeg

smallest, less bitrate, doesn't support transparency

SVG (scalable vector graphic).

• cpu calculates math of graphic
• scales indefinitely
• good for icons, very simple images that have simple shapes and colors. if you export svg of complex images you will notice very large file sizes.

webp

recommended standard rn for web and android
best quality/file size ratio
not supported by internet explorer I think (who cares?)

avif

even more modern optimizations than webp, might be less supported.