I'm building some websites for a friend of mine, and putting them up on my home webserver. This server is pretty simple and my network connection ain't that good so the images take pretty long to load.
For now I'm just resizeing the images (which usually are about 2000px x 1000px) using just html resizing (to about 750x375). Of course this is not optimal since the images are pretty large.
I'm looking for the best way to resize the images in a way that they still look good on-screen but have much smaller filesize.
I would like to use
imagemagick because this allows for some good automatisation (I'm a geek but my friends aren't so I want to keep things simple). I've tried using:
convert -resize 750x -density 72 in.tif out.tif
to convert the images to 750px width whilst keeping the aspect ratio, and reduce their density to 72dpi. This only reduces filesize from 3.4MB to 1.2MB though.
What is the correct compression method (filtype), the best resolution, density, ...?