Imsanity jpg Quality
-
Hi!
Imsanity has been one of my favorite plugins – bar none!But I have a question about how the Imsanity quality setting works.
I’ve been working on some images that contain text on a client’s site. The original jpg is not perfect, but it’s clean of artifacts. After installing Imsanity, I noticed a definite increase in jpg artifacts – Even at 100%!.Can you share the image processing process? It appears that Imsanity resizes and then compresses at the selected quality setting. WordPress then takes over and then resizes further per the Media sizes (theme generated sizes too) also at the Imsanity quality setting. This would mean that all of the resized images (including the Imsanity-generated “Full” size”?) get double compressed? Would this be correct?
I started with a 1224×1632 image. The largest image uploaded to a page for this site is 645px wide, so I set Imsanity to that and some arbitrarily large height. In a post I used a “Full” sized image. On the front end the image had unacceptable artifacting, regardless of quality setting.
I then redid the experiment. I set Imsanity to 1024×1400 and in the WP Media, I set the “Large” image size to 645 max width and 900px max height. On the front end, there was still unacceptable artifacting.
I then repeated the previous test exactly, with the exception of setting Imsanity to 1700×1700 so that it would not resize the “Full” size image. I used the “Large” size on the post and on the front end the image was acceptable, even with the Imsanity quality set to 30 (and a commensurately small file size).
I know that every time a jpg is saved there is image degredation and that saving multiple times the damage is cumlative… So I did one last experiment that …well… a bit over the top.
In theory a jpg can be resized with minimal loss if the image is done in 16 px increments. I took the original image to Photoshop. Inspected it at pixel resolution and cropped it to be 1216×1616 and placing the crop lines at the edges of the jpg “artifacts”. I saved it as a jpg at multiple compressions. The one I used in Pshop was 4.
I then went to Imsanity and set the max width to 1024. I set the WP compression to 4! I went to the WP Media and set it to an image size of 640 width, again an arbitrary “too tall”. Going into the post and inserting the cropped image and looking at it in on the front end, there were some artifacts but the image was perfectly acceptable.I repeat the above experiment wondering if there should be some sort of tutorial on how to minimize resizing artifacts…
I may have rambled a bit long… LOL!
- The topic ‘Imsanity jpg Quality’ is closed to new replies.