Title: Intrinsic Images for Woo Author: johnc1979 Published: 11 May, 2021 Last modified: 12 May, 2021 --- Search plugins ![](https://ps.w.org/intrinsic-images-for-woo/assets/banner-772x250.png?rev=2530057) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://ps.w.org/intrinsic-images-for-woo/assets/icon-128x128.png?rev=2530057) # Intrinsic Images for Woo By [johnc1979](https://profiles.wordpress.org/johnc1979/) [Download](https://downloads.wordpress.org/plugin/intrinsic-images-for-woo.zip) * [Details](https://pap-cw.wordpress.org/plugins/intrinsic-images-for-woo/#description) * [Reviews](https://pap-cw.wordpress.org/plugins/intrinsic-images-for-woo/#reviews) * [Installation](https://pap-cw.wordpress.org/plugins/intrinsic-images-for-woo/#installation) * [Development](https://pap-cw.wordpress.org/plugins/intrinsic-images-for-woo/#developers) [Support](https://wordpress.org/support/plugin/intrinsic-images-for-woo/) ## Description A fast website has never been more important. One of the things which can slow a website down a lot is images. This can be a disaster for an ecommerce store which relies on a fast website to generate sales. You may think your website is fine, but you can improve it further. How? Add intrinsic image values to the html source code to ensure the correct size image is served You have probably done a lot already to ensure that your shop serves fast images. You have set thumbnail sizes, regenerated the thumbnails, optimised the images and may even be using a CDN. But if you look at the source code, specifically on a mobile, you’ll see a disturbing result. The shop page is serving full sized images! What? It sure is. This will be hurting your results with places like Page Speed Insights and GT Metrix. Worse still, it will be negatively impacting your website visitors. Thankfully Woo Intrinsic Images is here to save the day Simply install, actrivate and set at the option to on and your website will begin serving the best fit images for your store. You will likely see immediate improvements from GT Metrix, Page Speed Insights and more ## Screenshots [⌊Settings page⌉⌊Settings page⌉[ Settings page [⌊Shop page before activating showing the full size image loading in the source code⌉⌊Shop page before activating showing the full size image loading in the source code⌉[ Shop page before activating showing the full size image loading in the source code [⌊Shop page after activating showing the smaller thumbnail loading in the source code⌉⌊Shop page after activating showing the smaller thumbnail loading in the source code⌉[ Shop page after activating showing the smaller thumbnail loading in the source code [⌊GT Metrix results. Left is before activating. Right is after activating⌉⌊GT Metrix results. Left is before activating. Right is after activating⌉[ GT Metrix results. Left is before activating. Right is after activating [⌊Page Speed Insights mobile results before activating⌉⌊Page Speed Insights mobile results before activating⌉[ Page Speed Insights mobile results before activating [⌊Page Speed Insights desktop results before activating⌉⌊Page Speed Insights desktop results before activating⌉[ Page Speed Insights desktop results before activating [⌊Page Speed Insights mobile results after activating showing an improvement in loading times⌉⌊Page Speed Insights mobile results after activating showing an improvement in loading times⌉[ Page Speed Insights mobile results after activating showing an improvement in loading times [⌊Page Speed Insights desktop results after activating showing an improvement in loading times⌉⌊Page Speed Insights desktop results after activating showing an improvement in loading times⌉[ Page Speed Insights desktop results after activating showing an improvement in loading times ## Installation 1. Unzip the plugin archive on your computer 2. Upload `woo-intrinsic-images` directory to yours `/wp-content/plugins/` directory 3. Activate the plugin through the ‘Plugins’ menu in WordPress 4. Go to settings, Intrinsic Images and click save. 5. Clear the cache and check the results ## FAQ ### What is Woo Intrinsic Images? WooCommerce Intrinsic Images add the intrinsic image sizes to the shop/archive product images ensuring the correct sized image is loaded ### I can’t see any changes? Make sure that you clear your cache then check again. You can also check the source code and look for intrinsicsize= in the code ### What image sizes will it use? It will use the image sizes set for the WooCommerce shop page. These settings are usually found in the customizer under Customize >> WooCommerce >> Product images >> Thumbnail width ### What about different cropping ratios? The plugin will use the values that are set in the ooCommerce image settings to ensure that the images served are correct ### Some images make the layout look weird. Why This is caused by small images. When you have an image that is smaller that the cropped dimensions it will force the width. This will cause the image to be either shorter or taller than other shop images. We sell a plugin that solves this plugin and perfectly aligns all shop elements ### Does this work on the product gallery images? Product gallery images were exlcuded by design. The vast majority of stores allow for zooming of the gallery images, so to enforce the use of the cropped version would mean that shoppers would be unable to zoom in. On mobiles this may not be as big a problem, but as the majority of cache plugins don’t cache seperately for mobile and desktop using the wp_is_mobile() function would not help in this instance. It may be something we release in the next version if enough request it, but very few cache plugins currently support seperate mobile and desktop versions ### Browser support The intrinsicimage size attribute supports about 95% of browsers currently in use. Essentially, only IE browser doesn’t support the intrinsicimage size attribute ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Intrinsic Images for Woo” is open source software. The following people have contributed to this plugin. Contributors * [ johnc1979 ](https://profiles.wordpress.org/johnc1979/) [Translate “Intrinsic Images for Woo” into your language.](https://translate.wordpress.org/projects/wp-plugins/intrinsic-images-for-woo) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/intrinsic-images-for-woo/), check out the [SVN repository](https://plugins.svn.wordpress.org/intrinsic-images-for-woo/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/intrinsic-images-for-woo/) by [RSS](https://plugins.trac.wordpress.org/log/intrinsic-images-for-woo/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * Initial release. ## Meta * Version **1.0.0** * Last updated **5 years ago** * Active installations **10+** * WordPress version ** 5.0 or higher ** * Tested up to **5.7.20** * PHP version ** 7.0 or higher ** * Language * [English (US)](https://wordpress.org/plugins/intrinsic-images-for-woo/) * Tags * [image optimisation](https://pap-cw.wordpress.org/plugins/tags/image-optimisation/) [image optimization](https://pap-cw.wordpress.org/plugins/tags/image-optimization/) [images](https://pap-cw.wordpress.org/plugins/tags/images/)[woocommerce images](https://pap-cw.wordpress.org/plugins/tags/woocommerce-images/) * [Advanced View](https://pap-cw.wordpress.org/plugins/intrinsic-images-for-woo/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/intrinsic-images-for-woo/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/intrinsic-images-for-woo/reviews/) ## Contributors * [ johnc1979 ](https://profiles.wordpress.org/johnc1979/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/intrinsic-images-for-woo/)