icons get resized to 32×32

This is done to support high density screens such as Retina. If you want you can enable “Double” under “Icon Resolution” to have an icon set loaded for each screen type.

I tried enabling “double” and it didn’t solve the resizing problem.

Previously, when I set icons to 32X32 in Feather, the system would call the 64X64 icons and resize them to 32X32 — which was reported as a fault in page performance tests because resizing wastes load time.

After setting Feather to “double” as suggested, performance tests showed that BOTH 32X32 AND 64X64 icons were being called.

I’m trying to figure out how to call ONLY the 32X32 icons when 64X64 icons are not wanted.

I suppose I could go into the plugin files and resize the 64X64 icons to 32X32 (but keep the filenames as is) but then plugin updates might reverse the fix.

Any other way to use 32X32 icons without serving 64X64 icons as well? Or to serve 64X64 icons only when retina or equivalent screens are being used?

Thanks!

It’s impossible to only serve icons to appropriate screens as the screen density is not known when requesting the page, so the plugin loads both sets and selectively displays them using CSS media queries. This should mean that most browsers will only download 1 version of the images (based on the one that is displayed) but some performance testing websites might not detect this and simply assume that all images are downloaded if they are present in the markup. Did you inspect the page with a debug tool to see if your browser is downloading both sets? What did you use to test this?