Large image making webpage slow

Question

I have a large image I want to use for a food menu for my website. I don't want to attempt to replicate it using unless that's my only option. Currently the image is a 3.9MB.png file that I made in Illustrator. I would like to keep the quality of the image and make it universal on all platforms (tablet, laptop, phone).

Answer 1

Optimize the png using any online tool like https://tinypng.com/.

Answer 2

I do suggest that u can convert it to jpg file type.

3.9mb is too large for web page, especially for tablet. However, after convert into jpg type, the quality is not impacted as much as you think. Why not try jpg first, as jpg is perfect for web image.

Sorry I do not have nice format in response, as I answer in my mobile phone.

Try jpg and good luck.

Answer 3

Open the image again and this time use ** file -> save for web option ** choose Jpeg and quality level to high or very high the image file size will be reducing without affecting its clarity.