Fix/improve lighthouse stats

[RajVarsani]

Changes

• Added images in PNG and WEBP formats
• Updated site images from SVG to WEBP

Updated Report: GETALBY_LIGHTHOUSE_REPORT_UPDATED.pdf

Test deploy: https://test-deploy.centralindia.cloudapp.azure.com/

VM configs:

Platform: Azure Operating system: Linux (ubuntu 18.04) Size: Standard B1ls (1 vcpu, 0.5 GiB memory) Location : Central India

Disk	Type	Size (GiB)	Max IOPS	Max throughput (MBps)
OS Disk	Premium SSD LRS	30	120	25
Data Disk	Premium SSD LRS	4	120	25

SEO still has some scope for improvement. I'll go through that and update it here.

resolves #110

[bumi]

super cool. how good is the webp support? (I am old :)) I think Safari does not support that well, does it?

(just to confirm: for png files you also have removed the meta data to make it smaller? (like something that https://tinypng.com/ and others do))

[RajVarsani]

Safari supports WEBP since V14 ig.

[RajVarsani]

Except for Internet Explorer and KaiOS Browser, all browsers seem to support it.

[RajVarsani]

Regarding PNGs, I haven't optimized those as WEBPs were used on the site.

[bumi]

there are some pngs in the PR, no?

for Safari it says it only supports Big Sur or later and also mobile versions are only rather recent. I think a website should work on as much devices as possible, also old ones. (we actually have macOS users with old versions) can we have a fallback for those? or otherwise I'd rather use png - what is the big webp advantage?

[bumi]

@RajVarsani I merge this. but what do you think about my comment above?

[RajVarsani]

Sorry, got a bit inactive because of studies stuff.

The major benefit of using WEBP over PNG is size only. Ig it has somewhat 25-30% lesser size for the same quality. And regarding the versions, Safari V14 is in macOS Mojave, too, So we'll be on the safe side, I suppose.