afmeck

Repasting the developer API key into the plugin field a few more times seems to have worked.

Correction: The page with the embedded form is naturephotoist.com/subscribe

Hi Jordy,

No problem and thanks for the reply!

Actually, I am using the original images for posts, featured images and background images to avoid them being resized and compressed by WordPress. I’m picky about image quality and, except for smaller thumbnail sizes (up to about 400px wide), the resized images were all a bit too soft.

So, for every image I upload, I’m adding an image twice the size with the “@2x” in the filename using an FTP client or uploaded directly to the cPanel.

The “Retina” column of the Media Library displays the full-size “FU” button in blue for every image, so I assume those @2x images are being recognized by Perfect Images and will be served to retina displays.

That seems pretty obvious but it would be great if you could confirm whether or not that’s a safe assumption.

Thanks again!

Well, that’s embarrassing. I guess I don’t know how to use the link function.

Third and final try:

FTP client screenshot

The link wasn’t added in the previous post:

That’s interesting. I have to wonder why WordPress is even serving the original full-sized image when it’s also creating the half-sized image at the size I set in the Media Settings.

Since I haven’t found an option in the Gutenberg builder to choose that size for inserting into a block I assumed WordPress would automatically serve it according the container width. Guess I was wrong.

Here’s a screenshot of my uploads folder with the file sizes I mentioned:

Anyway, it’s looking like probably the easiest way to get control over image quality in this case is to upload separate files sized for regular and retina displays.

Thanks for your time.

Yeah, apparently compression has been disabled so thanks for that!

What I’m wondering now is why has disabling compression resulted in a big increase in file size from the originals? In this case, an image that’s half the size of the original becoming almost 50% larger and still appearing soft.

And again, the original un-resized 675 x 507 image that appears at the top of my test page (edited, sharpened and compressed with a quality of 75% in Photoshop) is only 74kb.

The second (softer) image, resized by WordPress from it’s 1350 x 1013 original to 675 x 507, is 292kb.

Why would disabling compression result in such a huge increase in size? As you pointed out, even the original 1350 x 1013 image that it’s derived from is only 220kb.

Like I said, I’m already doing my sharpening and compression in Photoshop so I’m not interested in applying anymore lossy compression with another application.

I really appreciate the effort you’ve made to solve this but unfortunately it seems the solution has just created another problem.

I suppose I need to start a new thread asking why turning off compression results in much larger file sizes?

I see how that works now. Thanks for clearing up the priority function.

Out of curiosity (and due to an irrational fear of breaking my site), rather than entering the snippet directly into the php file as you suggested, I tried increasing the priority to 50 in the Code Snippets plugin and ran another test.

The result is the opposite of what I expected: The artifacts around the edges of objects in the image are gone but the image is still soft. Even more surprising, the resized image’s file size is several times bigger than the original image with the same dimensions.

In other words, the first image on the page is not resized at all (675 x 507) and weighs 74kb. After increasing priority, the second image (resized at half it’s original size of 1350 x 1013) weighs-in at 292kb. That’s even bigger than the original 1350 x 1013px image that weighs 219kb.

I’m not sure why the image is still soft but obviously I can’t use this method anyway if it results in such an increase in file size.

I can still try manually adding the priority snippet but I assume it would have the same effect, right?

Any idea what’s going on?

Perhaps I should bring this up with the theme developer, too?

Hi Zack,

Thanks for the quick response and suggestions!

If there’s one thing I’ve learned as non-coder working with WordPress, it’s to do my homework. ??

Yes, I’m uploading a new image every time I test (or rather re-uploading the same image) after deleting the old one from the Media Library and making sure it’s gone from the uploads folder with an FTP client. And also clearing both the WP and browser caches before uploading a new image, just in case.

Fortunately, I’m only working with new images as this is a brand new site so I’m not having to regenerate thumbnails yet.

I tested the Code Snippets plugin with your example snippet and did get the success message.

I also noticed that Code Snippets provides a “Priority” field for each snippet that’s set to 10 by default. I assume that’s the same functionality as the priority snippet you provided?

To be honest, though, my non-coding brain isn’t quite getting how that works. To test it out, should I assign a lower value to the priority? Or should I try entering a value greater than 10? And if I paste that snippet into Code Snippets will the plugin just override it with the default Priority value?

Alternatively, I can also just add the snippet to the php file manually since I’m using a child theme.

What do you suggest?

Thanks again!

Hi Abhishek,

Thanks for the snippet. I haven’t gotten it work yet but I think I can live with the default padding for now, anyway.

Sorry to bother you with that.

Hi Abhishek,

Thanks for the reply. I missed the email notification, apparently, but got it working. Maybe it was just a caching issue.

Cheers!

Hi, Laszlo.

My site isn’t live yet so I’ve opened a support ticket.

Thanks!

Thanks for the replies.

My theme does have a premium addon for posts sliders that could be used for a dynamic homepage and Elementor Pro includes the ability to customizable the static blog posts page (if/when I decide to go the premium route).

Sounds like it’s either of those options or customize the php files, then.

Thanks for helping clear that up!

Okay, I sent a new ticket.
Thanks.

I got your email reply, then lost it but I’ve sent an admin username and password to [email protected].