agent90's avatar

Compressing high resolution images!

Hello!

I'm trying to compress 3 very high resolution images, because it is causing a huge load problem in my site. I discovered gulp-imagemin library, but it can only compress them so much. Any ideas on how to solve this with gulp/elixir? Or some other compressing tool?

0 likes
8 replies
jlrdw's avatar
jlrdw
Best Answer
Level 75

Who is uploading images, you are users in general? And how are you storing the images? Are the images expected to remain high resolutoin for the end user. Could you simple store the images and view them with an img src tag? If you are loading the images yourself could you (if they don't need to retain high resolution) pre-process them for web with something like Adobe Photoshop, which is what I use.

agent90's avatar

So it's a very simple landing page, the only person uploading an image is me. I'm storing the images within an image folder inside the public folder and then viewing it with an img src tag. I did not know I could pre-process for the web, so I will give this a try.

willvincent's avatar

While I might be inclined to agree that it's hard to beat photoshop for image editing, cropping, color adjustment, etc. I would disagree with the notion that you can't beat it in terms of image optimization. There are several tools that do a considerably better job at optimizing images for online display. Here's a short sampling of just those that are online, not downloadable apps:

For desktop apps, Riot was already mentioned which is Windows only, here's one for mac: https://imageoptim.com/mac

1 like
agent90's avatar

This has all being very helpful! Thanks.

Please or to participate in this conversation.