Fix Image Quality Issue across the Website

[TheGuyDangerous]

Describe the issue

Convert every image - up until, Page 13 to

• A transparent png version of the image.
• A folder name consisting of the page number, along with the new png format transparent images for the dishes.
• Convert the image size to under 500kb, with no hit to image resolution.

[bhavkushwaha]

@TheGuyDangerous I will like to work on this enhancement feature. Please assign this issue to me.

[TheGuyDangerous]

Go ahead ! @bhavkushwaha

[bhavkushwaha]

@TheGuyDangerous I have started the process of converting the already stored images into transparent ones. But some images are of a bit lower quality and upon converting them into png the quality further degrades.
Also when removing the background of some images the main portion is actually not fully in the image so the image after removing the background appears to be cut.

My Solution: The images which do not degrade upon removing the background and converting to png should be kept, and those which have problems should be changed by the better ones.
The below example doesn't look good, so I recomend you to allow me to upload new images which are suitable and appear good after removing the background wherever necessary.

Problem Example Shown Below:

Before: Image with a background

After: Image after removing the background

[TheGuyDangerous]

Hi @bhavkushwaha , You can add alternate images instead, with proper plate cutouts, instead of half plate images.

[bhavkushwaha]

Okay Thanks @TheGuyDangerous ,I am proceeding to update the Images Folder and the corresponding code of the webpages.

[bhavkushwaha]

@TheGuyDangerous I have created all the required folders and populated them with the transparent PNG images of all the food item. It was a long process but I hope it is good enough.