Blurry Product Category Pictures
-
I’ve been having trouble with blurry pictures in my store.
Initially some of these blurry images were product images in the catalog pages, but changing my Customizer>Woocommerce>Product Images Thumbnail Width setting to 800 has fixed that. Will this slow my site down a lot?
The problem I’m left with is blurry category pictures. I’ve set it up so that the shop page displays categories and each category page displays subcategories, etc. Each category/subcategory has a thumbnail image.
Example: https://snipboard.io/Bly8QT.jpg
Some of these are clear (Grains), others are blurry (Legumes). Sometimes resizing the window or zooming the page in and out causes the blurry images to become clear. When blurry, inspect element shows that both clear and blurry images have the same rendered size, but different intrinsic sizes (e.g. 200×150 v.s. 800×600). I think the problem is simply that the intrinsic size is less than the rendered size, but I don’t know why it is – all of these images are uploaded as either 800*600 or 900*725. What could be going on here?
I’ve tried regenerating thumbnails using the plugin of that name without effect. Woocommerce is up to date, so I don’t see how this (https://woocommerce.com/document/fixing-blurry-product-images/) often-referenced article would apply.
-
Hi @wieand,
As a first step, to get a better understanding, could you share a link to your site as well as your site’s System Status?
You can find it via WooCommerce > Status. Select “Get system report” and then “Copy for support”. Once you’ve done that, paste it here in your response.
Thanks.
Hi @rainfallnixfig,
I’m still building my site. Is there a way to share a link to it here without it being publicly available/searchable yet? Would it work to publish it and select the option for asking search engines to not list it?
As far as the system status, here’s what I got:
### WordPress Environment ### WordPress address (URL): https://carrickseeds.ca Site address (URL): https://carrickseeds.ca WC Version: 5.9.0 REST API Version: ? 5.9.0 WC Blocks Version: ? 6.1.0 Action Scheduler Version: ? 3.3.0 WC Admin Version: ? 2.8.0 Log Directory Writable: ? WP Version: 5.8.2 WP Multisite: – WP Memory Limit: 256 MB WP Debug Mode: – WP Cron: ? Language: en_US External object cache: – ### Server Environment ### Server Info: Apache PHP Version: 7.4.26 PHP Post Max Size: 516 MB PHP Time Limit: 30 PHP Max Input Vars: 1000 cURL Version: 7.79.1 OpenSSL/1.1.1l SUHOSIN Installed: – MySQL Version: 5.6.41-84.1 Max Upload Size: 512 MB Default Timezone is UTC: ? fsockopen/cURL: ? SoapClient: ? DOMDocument: ? GZip: ? Multibyte String: ? Remote Post: ? Remote Get: ? ### Database ### WC Database Version: 5.9.0 WC Database Prefix: g7M_ Total Database Size: 10.83MB Database Data Size: 8.77MB Database Index Size: 2.06MB g7M_woocommerce_sessions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB g7M_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB g7M_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB g7M_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB g7M_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB g7M_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB g7M_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB g7M_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB g7M_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB g7M_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB g7M_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB g7M_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB g7M_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB g7M_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB g7M_actionscheduler_actions: Data: 0.02MB + Index: 0.13MB + Engine InnoDB g7M_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB g7M_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB g7M_actionscheduler_logs: Data: 0.02MB + Index: 0.03MB + Engine InnoDB g7M_aioseo_cache: Data: 0.09MB + Index: 0.03MB + Engine InnoDB g7M_aioseo_notifications: Data: 0.02MB + Index: 0.06MB + Engine InnoDB g7M_aioseo_posts: Data: 0.05MB + Index: 0.02MB + Engine InnoDB g7M_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB g7M_comments: Data: 0.02MB + Index: 0.09MB + Engine InnoDB g7M_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB g7M_nextcodegallerygalleries: Data: 0.02MB + Index: 0.00MB + Engine InnoDB g7M_nextcodegalleryimages: Data: 0.02MB + Index: 0.02MB + Engine InnoDB g7M_nextcodegallerysettings: Data: 0.02MB + Index: 0.02MB + Engine InnoDB g7M_options: Data: 4.08MB + Index: 0.08MB + Engine InnoDB g7M_postmeta: Data: 2.19MB + Index: 0.22MB + Engine InnoDB g7M_posts: Data: 1.36MB + Index: 0.13MB + Engine InnoDB g7M_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB g7M_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB g7M_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB g7M_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB g7M_usermeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB g7M_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB g7M_wc_admin_notes: Data: 0.02MB + Index: 0.00MB + Engine InnoDB g7M_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB g7M_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB g7M_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB g7M_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB g7M_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB g7M_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB g7M_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB g7M_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB g7M_wc_product_meta_lookup: Data: 0.02MB + Index: 0.09MB + Engine InnoDB g7M_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB g7M_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB g7M_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB g7M_wpforms_tasks_meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB g7M_yoast_indexable: Data: 0.02MB + Index: 0.08MB + Engine InnoDB g7M_yoast_indexable_hierarchy: Data: 0.02MB + Index: 0.05MB + Engine InnoDB g7M_yoast_migrations: Data: 0.02MB + Index: 0.02MB + Engine InnoDB g7M_yoast_primary_term: Data: 0.02MB + Index: 0.03MB + Engine InnoDB g7M_yoast_seo_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB ### Post Type Counts ### attachment: 288 custom_css: 2 customize_changeset: 53 nav_menu_item: 23 page: 21 post: 12 product: 58 revision: 51 shop_order: 2 wpforms: 1 ### Security ### Secure connection (HTTPS): ? Hide errors from visitors: ? ### Active Plugins (14) ### Accordion Blocks: by Phil Buchanan – 1.4.1 All in One SEO: by All in One SEO Team – 4.1.5.3 HTML in Category Descriptions: by Arno Esterhuizen – 1.2.3 Category Banner Management for Woocommerce: by theDotstore – 2.2.2 Bluehost: by Bluehost – 2.8.5 Breadcrumb NavXT: by John Havlik – 6.6.0 Customizer Export/Import: by The Beaver Builder Team – 0.9.2 Disable Blogging: by Fact Maven – 2.1.0 Flexible Shipping: by WP Desk – 4.11.0 Google Analytics for WordPress by MonsterInsights: by MonsterInsights – 8.2.0 Jetpack: by Automattic – 10.4 Regenerate Thumbnails: by Alex Mills (Viper007Bond) – 3.1.5 UpdraftPlus - Backup/Restore: by UpdraftPlus.Com DavidAnderson – 1.16.66 WooCommerce: by Automattic – 5.9.0 ### Inactive Plugins (7) ### Akismet Anti-Spam: by Automattic – 4.2.1 Creative Mail by Constant Contact: by Constant Contact – 1.4.8 Hello Dolly: by Matt Mullenweg – 1.7.2 OptinMonster: by OptinMonster Team – 2.6.9 WordPress Image Gallery Plugin: by NextCode Gallery – 1.1.7 WPForms Lite: by WPForms – 1.7.1.2 Yoast SEO: by Team Yoast – 17.7.1 ### Dropin Plugins (2) ### db-error.php: db-error.php maintenance.php: maintenance.php ### Must Use Plugins (3) ### Endurance Browser Cache: by Mike Hansen – 0.4 Endurance Page Cache: by Mike Hansen – 2.1.2 SSO: by Garth Mortensen Mike Hansen – 0.3 ### Settings ### API Enabled: – Force SSL: – Currency: CAD ($) Currency Position: left Thousand Separator: , Decimal Separator: . Number of Decimals: 2 Taxonomies: Product Types: external (external) grouped (grouped) simple (simple) variable (variable) Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog) exclude-from-search (exclude-from-search) featured (featured) outofstock (outofstock) rated-1 (rated-1) rated-2 (rated-2) rated-3 (rated-3) rated-4 (rated-4) rated-5 (rated-5) Connected to WooCommerce.com: – ### WC Pages ### Shop base: #54 - /shop/ Cart: #55 - /cart/ Checkout: #56 - /checkout/ My account: #57 - /my-account/ Terms and conditions: ? Page not set ### Theme ### Name: OceanWP Child Version: 1.0 Author URL: https://oceanwp.org/ Child Theme: ? Parent Theme Name: OceanWP Parent Theme Version: 3.1.2 Parent Theme Author URL: https://oceanwp.org/about-me/ WooCommerce Support: ? ### Templates ### Overrides: oceanwp/woocommerce/cart/mini-cart.php oceanwp/woocommerce/content-single-product.php oceanwp/woocommerce/loop/loop-start.php oceanwp/woocommerce/single-product/title.php ### Action Scheduler ### Complete: 30 Oldest: 2021-12-01 16:43:04 -0500 Newest: 2021-12-08 11:45:06 -0500 Pending: 3 Oldest: 2021-12-08 12:00:06 -0500 Newest: 2021-12-08 20:38:56 -0500 ### Status report information ### Generated at: 2021-12-08 11:59:09 -05:00
Hi there,
Thanks for sending over your System Status.
Is there a way to share a link to it here without it being publicly available/searchable yet?
Since this is a public forum and everyone can contribute to providing a solution, it is recommended that you make your site publicly visible. At the moment, your site is behind a login, and providing login information, even test IDs and test passwords is not permitted, according to the forum guidelines:
* https://www.ads-software.com/support/guidelines/#the-bad-stuff
Would it work to publish it and select the option for asking search engines to not list it?
Temporarily publishing the site and letting the users on this forum have a look at the code output to troubleshoot the issue may be a good idea. You also have an option under WP Dashboard > Settings > Reading to disable search engine indexing:
We look forward to hearing from you.
Alright, I’ve activated “Discourage search engines from indexing this site” and let the site go live.
Have a look and see if you can figure out what’s going on. https://carrickseeds.ca/shop/
Thanks!I’ve kept working on this problem, and I think I may have found something that resolves it.
Some of the category/subcategory pictures were 900×725 and others were 800×600. It seems that the 800×600 ones were the ones that weren’t rendering properly. I’ve replaced them and the blurriness seems to be gone.
Based on the inspector, these pictures were being rendered on the page at far lower resolutions than either set of values given above. Why would one work better than another? Since I don’t yet understand what’s going on here and want to be confident that I have the knowledge to solve any future issues, I’m going to leave this thread unresolved for now.
Thanks for keeping us posted of the workaround.
If you reproduce the issue using the Storefront theme, is it the same?
Hi there,
It’s been a while since we last heard back from you. I’m going to mark this thread as resolved.
Hopefully, you’ve been able to resolve this – we’ll be here if and/or when you are ready to continue.
Hi
-
This reply was modified 2 years, 7 months ago by
richardkacer.
Hi,
I think I have a similar problem but it is showing only on the homepage. I have blurry text and images in woo-slider and also blog (but when I open a blog page the problem is gone there) https://www.zahradnesedenie.sk/
Thank you in advance
-
This reply was modified 2 years, 7 months ago by
richardkacer.
-
This reply was modified 2 years, 7 months ago by
richardkacer.
Hi there,
Thanks for reaching out.
This forum thread is already closed, please create your own thread for your issue – https://www.ads-software.com/support/plugin/woocommerce/#new-topic-0.
We want to make sure that every user’s issues receive their own thread with proper attention since each site configuration is unique.
Best,
-
This reply was modified 2 years, 7 months ago by
- The topic ‘Blurry Product Category Pictures’ is closed to new replies.