=== Smush - Lazy Load Images, Optimize & Compress Images ===
Plugin Name: Smush - Lazy Load Images, Optimize & Compress Images
Author URI: https://premium.wpmudev.org/
Contributors: WPMUDEV, alexdunae
Tags: optimize images, convert webp, lazy load, resize images, compress images, webp, performance, optimization, photography, optimizer, image optimizer, image compress, image optimize, webp format
License: GPL v2 - http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Compress images & optimize images with lazy load, WebP conversion, and resize detection to make your site load amazingly fast.
**Optimize images, turn on lazy load, resize, compress & improve your Google Page Speed with the incredibly powerful and 100% free WordPress image smusher, brought to you by the superteam at WPMU DEV!**
And whether you spell it 'optimise' or 'optimize', Smush will compress images without a visible drop in quality.
Image optimization is the easiest way to make your site load super fast!
### Award Winning Image Optimizer
Smush has been benchmarked and tested number one for speed and quality. It is also the [award-winning](https://torquemag.io/2018/04/smush-image-compression-wins-2018-plugin-madness/), back-to-back proven crowd favorite image optimization & image compression plugin for WordPress.
- Lossless Compression – Strip unused data and compress images without affecting image quality.
- Lazy Load - Defer offscreen images with the flip of a switch.
- Bulk Smush – Optimize & compress up to 50 images with one click.
- Image Resizing – Set a max width and height and large images will scale down as they are being compressed.
- Incorrect Size Image Detection – Quickly locate images that are slowing down your site.
- Directory Smush – Optimize images even if they are not located in the media library.
- Automated Optimization – Asynchronously auto-smush your attachments for super fast compression on upload.
- Without Monthly Limits – Optimize all of your images up to 5MB in size, free forever (no daily, monthly, or annual caps).
- Gutenberg Block Integration – View all Smush stats directly in image blocks.
- Multisite Compatible – Offers both global and individual Multisite settings.
- Process All Your Files – Smush will process PNG, JPEG, and GIF files for optimum results.
- Super Servers - Smush images with no slowdown using WPMU DEV's fast, reliable Smush API.
- Convert to WebP (Pro Only) - Upgrade and automatically serve images in Next-Gen WebP format.
### Learn The Ropes With These Hands-On Smush Tutorials
- [How to Get the Most Out of Smush Image Optimization](https://premium.wpmudev.org/blog/how-to-get-the-most-out-of-smush/)
- [How To Ace Google’s Image Page Speed Recommendations With Smush](https://premium.wpmudev.org/blog/smush-pagespeed-image-compression/)
- [How To Bulk Optimize Images With Smush](https://premium.wpmudev.org/blog/smush-bulk-optimize-images/)
### Compress Image While Preserving Image Quality
Some image compression tools destroy images with as much as a 30% loss in quality. Our servers strip hidden bulky information from your images and reduce file size without affecting the appearance.
[youtube https://www.youtube.com/watch?v=Z1kTcyLFE2g&feature=youtu.be]
Smush meticulously scans every image you upload – or have already added to your site – cuts all the unnecessary data and scales it for you before adding it to your media library. And it can serve images in the WebP format.
### Compress any Image in any Directory
In addition to smushing your media uploads, you may want to compress the images stored in other folders. Smush now lets you compress any image in any directory so that you can optimize all the images on your site – including [NextGEN](https://wordpress.org/plugins/nextgen-gallery/) images, images stored on Amazon S3 using [WP Offload Media](https://wordpress.org/plugins/amazon-s3-and-cloudfront/) and images in EVERY WordPress plugin and theme package!
### Compatible with Your Favorite Themes, Page Builders and Media Library Plugins
No matter what theme or plugins you use to better manage your WordPress media library, Smush has you covered. Check out just a few of the popular products Smush is working with to help make your site faster and more efficient:
- [WP All Import](https://wordpress.org/plugins/wp-all-import/)
- [WP Offload Media](https://wordpress.org/plugins/amazon-s3-and-cloudfront/)
- [WP Media Folder](https://www.joomunited.com/wordpress-products/wp-media-folder)
- [WP Retina 2x](https://wordpress.org/plugins/wp-retina-2x/)
- [NextGen Gallery](https://wordpress.org/plugins/nextgen-gallery/)
- [WPML](https://wpml.org/)
- [Envira Gallery](https://enviragallery.com/)
- [Avada Fusion Builder](https://theme-fusion.com/products/fusion-builder/)
- [Styles](https://wordpress.org/plugins/styles/)
### Incorrect Size Image Detection
Smush includes a wrong size image finder. Activate and your images will be highlighted with smart tips for scaling your images. Quickly locate the images that are keeping you from getting that perfect 100 on your Google PageSpeed test.
### Defer Offscreen Images
Smush has lazy load built-in. If your page has a bunch of images below the fold, lazy loading will drastically speed up your page by serving only the images being viewed and delaying others further down the page.
> “I had no idea that my page load time was being dragged down by the images. The plugin nearly halved the time it took.” - [karlcw](http://profiles.wordpress.org/karlcw)
> “I optimise my photos in Photoshop, but Smush makes it so easy – it does it automatically. I can just sit back and enjoy the speed.” - [helen432](https://profiles.wordpress.org/helen432)
> “Smush helped reduce the total files size on my site and increased browsing speed. Well done guys!” - [pdci](https://wordpress.org/support/users/pdci/)
> “It’s very discrete and does not bother me with an API key or other additional installation steps. The main dashboard of the plugin gives me nice insight. Overall it really fits my needs and I’ll be willing to upgrade to pro if my needs change. I’d recommend it to clients/friends without hesitation. Keep it up!” - [tarkan_](https://wordpress.org/support/users/tarkan_/)
### What about Multisite?
Smush can be used to optimize all the images across your entire network! Use global settings or configure each site individually.
Smush is super easy to use – no confusing compression software settings. Smush images in your library one at a time or bulk smush up to 50 images at a time. Plus, configure auto-smush to asynchronously scale and compress some or all of your images as they are being uploaded – it's incredibly fast.
The faster your site loads, the more Google, Bing, Yahoo, and other search engines will like it. Your site will load faster and rank higher.
- [Hummingbird](https://wordpress.org/plugins/search/Hummingbird/) - Page Speed Optimization
- [Hustle](https://wordpress.org/plugins/wordpress-popup/) - Pop-ups, Slide-ins and Email Opt-ins
- [SmartCrawl](https://wordpress.org/plugins/smartcrawl-seo/) - SEO Optimizer
- [Defender](https://wordpress.org/plugins/defender-security/) - Security, Monitoring, and Hack Protection
- [Forminator](https://wordpress.org/plugins/forminator/) - Form, Poll, and Quiz Builder
- [Beehive](https://wordpress.org/plugins/beehive-analytics/) - Customizable Google Analytics Dashboards
Smush can take care of all your image compression needs, for free!
However, if you’d like Super Smush lossy compression, fast CDN image delivery, WebP conversion, automatic resizing, the ability to optimize (or optimise) images up to 32MB, bulk smush optimization for all your images in just one-click, auto-convert PNG to JPEG, the ability to Smush and make a copy of your full-sized images (to restore them at any point), you can always take the next step with [WP Smush Pro](https://premium.wpmudev.org/project/wp-smush-pro/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=smush-readme&utm_content=wp_smush_pro#trial). And get even more with her whole team of WordPress optimization hero friends (security, SEO, performance, support, and maintenance automation) – trusted by thousands of agencies and freelancers offering site maintenance services.
Smush does not interact with end users on your website. The only input option Smush has is to a newsletter subscription for site admins only.
Smush uses a third-party email service (Mailchimp) to send informational emails (Opt-in) to the site administrator. The administrator's email address is sent to Mailchimp and a cookie is set by the service. Only administrator information is collected by Mailchimp.
Smush sends images to the WPMU DEV servers to optimize them for web use. This includes the transfer of EXIF data. The EXIF data will either be stripped or returned as it is. It is not stored on the WPMU DEV servers.
== Frequently Asked Questions ==
= I just finished running Smush and Google PageSpeed still says my images need compressing and resizing. How do I fix it? =
This means your images were not properly scaled for where they are being displayed. Scaling images before uploading them can be time-consuming but can save space and speedup load time. First, determine what size your image needs to be. You can use the built-in images size detector included in the free version of Smush to find what height and width your image should be. Once you know how large the image should be, scale your images to the right size.
= PageSpeed Insights is telling me to defer offscreen images. Can Smush fix that?
Lazy Load will defer your offscreen images from loading until they are needed. From the Smush Dashboard, select Lazy Load and click Activate. Smush Lazy Load works out of the box or can be customized based on your needs.
*Tip:* If you're having any issues or want to save a ton of time, the Smush Pro CDN includes auto-resizing.
= Does Smush delete or replace my original full-size images? =
Nope. WordPress crops and resizes every image you upload for embedding on your site. By default, Smush only compresses these cropped and resized images, not your original full-size images. To compress your original full-sized images, use [Smush Pro](https://premium.wpmudev.org/project/wp-smush-pro/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=smush-readme&utm_content=smush_pro#trial).
= What type of file should I use for my images (GIF, PNG, JPG)? =
GIF files are large and can’t be optimized much. They should only be used if the image is animated.
PNG is best for computer generated graphics (vectors, logos, fonts, etc.), images with few colors or images with transparency.
JPG should be used for photography or images with a lot of color variation.
*Tip:* The Smush Pro CDN includes WebP compression - sharper images that are 25 to 30 percent smaller than JPEG and PNG files.
= I’m a photographer. Can I keep all my EXIF data? =
Yes! EXIF data stores camera settings, focal length, date, time, and location information in image files. EXIF data makes image files larger but if you are a photographer, you may want to preserve this information. We have included the option to preserve EXIF image data in Smush.
= I just ran Bulk Smush and some of my images didn't get compressed. Why would this happen? =
First, check to see if you're receiving any server errors. If your images seem to be processing correctly, check the file size of the images being skipped. Images over 5mb will be skipped. To compress images up to 32mb, get [Smush Pro](https://premium.wpmudev.org/project/wp-smush-pro/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=smush-readme&utm_content=wp_smush_pro#trial).
= I activated Smush and I don’t see any difference in image quality. How am I supposed to know if Smush is working? =
Great question! It is important to understand Smush is an optimization tool that uses lossless image compression to save disk storage space and speed up your site. Smush squeezes data from your image files that will save space, resize huge images, and improve speed without changing quality.
You can track file size changes in your media library, individual image savings, directory savings, and Smush total savings with Smush stats. If you want to see some additional magic, run before-and-after page-speed tests with WP Checkup or Google PageSpeed Insights. Every little bit of resource savings is important when it comes to page-speed!
= Can't I just use Photoshop or another image editing application to optimize my images? =
Optimizing all the image sizes generated by WordPress, images being imported from plugins and themes, and images from other web sites is a painful and time-consuming process.
Smush automatically handles optimizing all your images no matter where they come from and can be used as a standalone tool or alongside Photoshop.
= My Google PageSpeed test is telling me to serve images in Next-Gen formats. Can Smush do that? =
WebP and other Next-Gen formats are not supported on all browsers and require fallback images. For that reason, WebP conversion is only available in Smush Pro. Smush Pro converts images to WebP for a 25-30% savings over JPEG and PNG and serves fallback images on unsupported browsers.
= Is it optimize or optimise? =
It depends what side of the pond you live on...but whether you say optimize, optimise, optimizer, or Smush goddess of speed, this plugin will make sure your images are loading lightning fast.
1. Simple to get started with the Smush setup wizard.
2. Watch as your image library is processed – up to 50 images at a time.
3. Set automatic smush to resize and optimize every image as it is uploaded.
4. Smush will find and optimize images for you.
- Enhance: Compatibility with PHP 8.0
- Enhance: Compatibility with WP 5.6
- Enhance: Compatibility with Hub
- Fix: API validation on new installs
- Fix: Error when querying stats from Hub
- New: Local WebP support
- Enhance: Plugin performance
- Enhance: Lazy load module will properly distinguish between single/double quotes
- Enhance: srcset generation speed
- Fix: Image resize detection flagging images that have been auto resized by CDN
- Fix: Lazy Load conflicting with Maintenance plugin
- Fix: PHP warning when saving lazy load settings
- Fix: Copy URL functionality in media library
- Fix: Whitelabel branding
- Fix: Tools link in network admin Settings page
- Fix: Upsell notice breaking after re-checking images
- Fix: smush_check_for_conflicts cron running on every page load
- Fix: Compatibility with SupportCandy plugin
- Fix: Minor UI issues in Tutorials module
- Fix: Minor UI issues in NextGen Smush page
- Fix: CDN image paths on sub-directory installs
- Enhance: Minor UI/UX details
- Enhance: Compatibility with NextGen
- Fix: CDN parsing of background images
- Fix: Image counter when re-checking images
- Fix: Bulk Smush counter going over total number of images
- Fix: Bulk Smush counter on network admin
- New: Tutorials sections
- Enhance: Update the modal that displays the highlights of this release
- Enhance: Compatibility with NextGen
- Enhance: Compatibility with SVG images
- Fix: Image resize detection styles
- Fix: Tracking option on network subsites
- Fix: Lazy load placeholder background colors
- Fix: Lazy load custom placeholders on network installs
- Fix: Jetpack CDN compatibility
- Fix: Notice on CDN page
- New: Option to disable noscript in lazy load
- New: WordPress 5.5 lazy load compatibility
- New: Integration with Translate Press
- New: WP_SMUSH_CDN_DELAY_SRCSET constant to delay wp_calculate_image_srcset filter
- New: WP_SMUSH_ASYNC_LAZY constant to utilize async loading for lazy load scripts
- Enhance: Compatibility with S3-Uploads plugin
- Enhance: Disable CDN and lazy load modules on customizer pages
- Enhance: CDN parsing of background images
- Enhance: Allow directory Smush in site directories
- Enhance: Improve wording in directory Smush notices
- Enhance: Async load lazy load scripts
- Fix: Image resize detection styles
- Fix: Fix errors detecting mime type of remote streams
- Fix: Lazy loading integration with fusion galleries (Avada)
- Fix: Lazy loading not working with images that have GET parameters
- Fix: Lazy loading placeholders not visible on some themes
- Fix: CDN background images not working with images that have GET parameters
- Fix: CDN usage of content_width global
- Fix: Skip iframes with invalid URLs from lazy loading
- Fix: W3C validation warnings with CDN
- Fix: Compatibility with Vimeography plugin
- Fix: Soliloquy slider images' incorrect source
- Fix: Soliloquy navigation misalignment when lazy loading
- Fix: Smush page in NextGen Gallery plugin looking unstyled
- Fix: CDN auto resize option causing issues with images
- New: CDN and lazy load integration with Soliloquy slider
- Enhance: Native lazy loading disabled by default, added option to enable it
- Enhance: Lazy load and CDN page parsing
- Enhance: Summary module layout
- Enhance: Image resize detection highlighting
- Fix: Images with relative paths not processing by CDN
- Fix: Object cache not clearing out stats during Re-Check Images action
- Fix: Pages with lazy loading showing errors during W3C validation
- Fix: Multiple noscript tags when lazy loading duplicate images
- Fix: NextGen Re-Smush UI
- Fix: Image resize settings not respecting the largest dimension
- Enhance: Directory Smush image processing
- Enhance: CDN background image processing performance
- Fix: Lazy loading breaking visual editors (Oxygen, Thrive Architect, Tatsu)
- Fix: WooCommerce breaking Smush onboarding dialog
- Fix: CDN processing of background images with spaces
- New: CDN support for images in REST API responses
- New: Media library filter to show uncompressed images
- New: Native lazy loading support
- Enhance: Image resize detection functionality
- Enhance: Allow excluding images from lazy loading with data-skip-lazy attribute
- Enhance: Improve restore backup UI
- Fix: NextGEN Gallery integration
- Fix: Error detecting language error on Settings page
- Fix: "Choose directory" button disabled state after first click
- Fix: Some notices not being dismissible
- Fix: Browser console errors on pages without Backbone js scripts
- Fix: Lazy load compatibility with Beaver Builder
- Fix: Lazy load breaking videos
- New: Add custom post types to include/exclude filters in the lazy load module
- New: CDN support for source in the picture element
- New: Lazy loading for WebP images
- New: Lazy loading support for picture element
- Enhance: Page parsing performance
- Enhance: Media library UI
- Enhance: CDN compatibility with empty srcset and sizes image attributes
- Enhance: CDN support for background images
- Enhance: Lazy load compatibility with Envira Gallery plugin
- Enhance: Plugins page links
- Fix: CDN not detecting background images surrounded by HTML entities
- Fix: CDN not replacing srcset in some cases
- Fix: Lazy load Gravatars
- Fix: WPBakery Page Builder integration
- Fix: Typos in the lazy load module
[Changelog for previous versions](https://premium.wpmudev.org/project/wp-smush-pro/#view-changelog).
WPMU DEV is a premium supplier of quality WordPress plugins, services and support. Learn more here:
[https://premium.wpmudev.org/](https://premium.wpmudev.org/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=smush-readme&utm_content=wpmu_dev_link)
Don't forget to stay up to date on everything WordPress from the Internet's number one resource:
[WPMU DEV Blog](https://premium.wpmudev.org/blog/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=smush-readme&utm_content=wpmu_dev_blog_link)
Hey, one more thing... we hope you [enjoy our free offerings](http://profiles.wordpress.org/WPMUDEV/) as much as we've loved making them for you!
== Contact and Credits ==
Originally written by Alex Dunae at Dialect ([dialect.ca](http://dialect.ca/?wp_smush_it), e-mail 'alex' at 'dialect dot ca'), 2008-11.
It is recommended that you Edit text format, this type of Fix handles quite a lot in one request
