Creating image libraries

[UKSBD]

What is the best way of creating image libraries for website use.

You ask someone to send images for website use and you end up with a number of 2000 to 5000k images straight from their phone

At the moment I tend to save the ones they send, then make copies 1600 wide copies 800 wide and 400 wide. (using fotosizer)

After that I run them through compressor.io (I have pro version)

And, more recently, after that I convert them to WebP

The pro version of fotosizer can now convert them to WebP at same time as resizing

Interested to hear what others do or consider best;

Resize, convert, compress?

Compress, resize, convert?

Convert, resize, compress?

Edit to add, or not really bother, leave it to Wordpress to sort out.

 

[Ethan39]

Is this for a hosted website?

Both Google and Amazon hosting services have "auto-compression" tools which will automatically compress uploaded images, videos, scripts etc, to whatever parameters you define.

 

[DontAsk]

I only use my own images, and don't have hundreds. Edit to add a transparent background and resize to a consistent size in GIMP and upload.

OpenCart does the resizing and caching it needs to do depending on where/how the image is used, e.g., an a main product page or home page banner, etc.

 

[fisicx]

Is this for a hosted website?

It's wordpress. Loads of way to compress images for WP.

@UKSBD was more interested in the sequence than the actual methods.

I resize, compress then convert to webp.

 

[Shopclicks]

I resize, compress, rename and and save as jpg or png with paint.net

On upload images are automatically re-compressed and converted to webp by Smush Pro.

Then add alt text.

 

[UKSBD]

I resize, compress, rename and and save as jpg or png with paint.net

On upload images are automatically re-compressed and converted to webp by Smush Pro.

Then add alt text.

Does compressing 1st, then saving with paint.net effect the compression?

If I compress an image but then open it with irfanview save it again, the new version is a larger file size.

I tend to do the compression last, once I have everything sorted.
I don't tend to bother converting to WebP though unless they are really large.

 

[UKSBD]

It's wordpress. Loads of way to compress images for WP.

@UKSBD was more interested in the sequence than the actual methods.

I resize, compress then convert to webp.

Do you ever have problems uploading WebP to Wordpress

Pretty sure, one of my hosts doesn't allow uploading WebP files

 

[fisicx]

Do you ever have problems uploading WebP to Wordpress

Pretty sure, one of my hosts doesn't allow uploading WebP files

Nope. All been good since v5.8.

You need an up to date server (php, gd etc) and doesn’t work on multisite.

You can’t do svg though.

 

[Shopclicks]

Does compressing 1st, then saving with paint.net effect the compression?

I won't upload anything bigger than 300kb, mainly because Wordpress automatically creates multiple size versions and I don't like the idea of massive databases. So virtually all of my images are compressed twice. Smush will generally compress a further 40-60% across all generated versions. For example, I have an image I uploaded at 185kb which may have had an original size of 700kb. After the Smush process it is now sized at 95kb. With no quality loss (unless of course you tried to enlarge it).

I have quite a few sites which utilise user generated content and this is where Smush compression on upload comes in very handy.

I don't tend to bother converting to WebP though unless they are really large.

If page load speed isn't a problem for you, then sure. But if rank is important, then you probably should.

 

[fantheflames]

I tend to use this site for all my image needs if that helps!

 

[YuriyZaletskyy]

I'm very technical person ( i.e. developer ), and for suchlike tasks I'd use development tools:

1. For resize: https://github.com/LazZiya/ImageResize
2. For converting: https://github.com/mojtabamoradi/WebPImage
3. For compression, I don't like to use any, as IMHO .webp format is compressed enough

of course it has it's price tag, which means I pay my time for these tools