I am a noob making my very own web site. It is just about prepared however solely now I seen that my product card pictures are very perceptibly blurry. This occurs even with all my CSS turned off. My theme is Shoptimizer. That is their demo https://shoptimizerdemo.commercegurus.com/
Utilizing Examine, I seen it is as a result of on my display the picture is stretched to 486×452 pixels and is 300×279 pixels in actuality. Sadly my web site remains to be on localhost so I can not share a hyperlink but however right here is it is HTML:
<img width="300" peak="278" src="https://localhost/RaquetpercentC3percentAAnis/wp-content/uploads/2023/01/GX-Dynamic-Entrance-Case-IMPROVED-300x278.webp" class="gallery-image" alt="" srcset="https://localhost/RaquetpercentC3percentAAnis/wp-content/uploads/2023/01/GX-Dynamic-Entrance-Case-IMPROVED-300x278.webp 300w, https://localhost/RaquetpercentC3percentAAnis/wp-content/uploads/2023/01/GX-Dynamic-Entrance-Case-IMPROVED-1024x948.webp 1024w, https://localhost/RaquetpercentC3percentAAnis/wp-content/uploads/2023/01/GX-Dynamic-Entrance-Case-IMPROVED-768x711.webp 768w, https://localhost/RaquetpercentC3percentAAnis/wp-content/uploads/2023/01/GX-Dynamic-Entrance-Case-IMPROVED-990x916.webp 990w, https://localhost/RaquetpercentC3percentAAnis/wp-content/uploads/2023/01/GX-Dynamic-Entrance-Case-IMPROVED-441x408.webp 441w, https://localhost/RaquetpercentC3percentAAnis/wp-content/uploads/2023/01/GX-Dynamic-Entrance-Case-IMPROVED-800x740.webp 800w, https://localhost/RaquetpercentC3percentAAnis/wp-content/uploads/2023/01/GX-Dynamic-Entrance-Case-IMPROVED-150x139.webp 150w, https://localhost/RaquetpercentC3percentAAnis/wp-content/uploads/2023/01/GX-Dynamic-Entrance-Case-IMPROVED-500x463.webp 500w, https://localhost/RaquetpercentC3percentAAnis/wp-content/uploads/2023/01/GX-Dynamic-Entrance-Case-IMPROVED-64x59.webp 64w, https://localhost/RaquetpercentC3percentAAnis/wp-content/uploads/2023/01/GX-Dynamic-Entrance-Case-IMPROVED.webp 1382w" sizes="(max-width: 360px) 147px, (max-width: 300px) 100vw, 300px">
Why is not the 441w or 500w model getting used as a substitute of the 300 one?
I don’t know how all of those totally different smaller variations had been created.
Here’s a record of all my plugins:
Autocomplete Handle for WooCommerce
Brazilian Market on WooCommerce
Little one Theme Configurator
Code Snippets Professional
CommerceGurus Commercekit
Customized Fonts
Elementor
Elementor Professional
FiboSearch – AJAX Seek for WooCommerce (Professional)
Folders
Kirki Customizer Framework
MC4WP: Mailchimp for WordPress
One Click on Demo Import
Social Media and Share Icons (Final Social Media)
SVG Assist
Tidio Chat
WooCommerce
WooCommerce Correios – Cálculo de Frete na Página do Produto (CFPP)
WooCommerce Direct Checkout
WooCommerce Direct Checkout PRO
WooCommerce Tab Supervisor
YITH WooCommerce Fast View Premium
YITH WooCommerce Wishlist Premium
Yoast web optimization
Yoast web optimization Premium
I used to be additionally utilizing Smush however deactivated it and the issue persevered.
My WooCommerce Picture settings in Customise > WooCommerce > Product Photographs:
I additionally seen that for considered one of them, in one of many pages, the rendered dimension is 486×488 and the intrinsic dimension is 1381×1388 so it appears to be like excellent. Sadly this identical picture appears to be like blurry on different pages.
SCREENSHOT OF INSPECT OF CORRECT LOOKING IMAGE (the one within the center, discover the way it’s not blurry):
https://i.ibb.co/0MGxGVZ/picture.png
SCREENSHOT OF INSPECT OF INCORRECT IMAGE
https://i.ibb.co/wyPXv6M/picture.png
Thanks very a lot!
