What are the different usecases of PNG vs. GIF vs. JPEG vs. SVG?

[abdulr62858206]

When should certain image file types be used when building websites or interfaces, etc?

What are their points of strength and weakness?

I know that PNG & GIF are lossless, while JPEG is lossy.
But what is the main difference between PNG & GIF?
Why should I prefer one over the other? What is SVG and when should I use it?

If you don't care about each and every pixel, should you always use JPEG since it's the "lightest" one?

I'm trying to upload a SVG to my website Bradford Removals and it says upload only upload a PNG for better resolution while I personally feel SVG gives better pexels and image quality.

[Test Screen Name]

GIF only handles 256 colours, and compresses less well than PNG. There is no use case to use GIF for static pictures; obsolete for many years. 

GIF supports simple animations without sound. No other image format does so GIF has become popular for this. Not suitable for movie quality. 

[Test Screen Name]

Oh, Mr spammer you had me going there for a second.