code-design icon indicating copy to clipboard operation
code-design copied to clipboard

Reduce image size

Open sglkc opened this issue 1 year ago • 3 comments

Is your feature request related to a problem? Please describe. As mentioned in #65, images are all in full resolution of over 1k pixels and averaging ~3MB, loading them are painfully slow and consumes a lot of bandwidth.

Describe the solution you'd like Crop with the recommended 2:1 aspect ratio (eg: 1200 x 600 pixels).

Describe alternatives you've considered Resize and compress every challenge images.

Additional context I found that the images serve no purpose other than as thumbnails in the landing page, the challenge page uses Figma for the preview anyway.

This would also help future contributors by reducing the repository size (yay)

sglkc avatar Mar 12 '23 14:03 sglkc

Hi, thank you for opening this issue. Yeah, that's the issue I have encountered since day 1. Do you have any technical advice to resize and compress all the images?

nauvalazhar avatar Mar 13 '23 10:03 nauvalazhar

You can use Imgbot just to compress them, but I think it won't affect by much. Cropping images to a specific aspect ratio has to be done manually I'm afraid, since CI/CD isn't my thing either.

sglkc avatar Mar 13 '23 14:03 sglkc

Okay, thanks for the input! I will try to figure it out.

nauvalazhar avatar Mar 14 '23 03:03 nauvalazhar