Smush – Lazy Load Images, Optimize & Compress Images

外掛說明

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, 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.
  • And many, many, more!

Learn The Ropes With These Hands-On Smush Tutorials

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.

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 images, images stored on Amazon S3 using WP Offload Media 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:

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

★★★★★

“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

★★★★★

“Smush helped reduce the total files size on my site and increased browsing speed. Well done guys!” – 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_

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.

Shameless Plug(ins)

  • Hummingbird – Page Speed Optimization
  • Hustle – Pop-ups, Slide-ins and Email Opt-ins
  • SmartCrawl – SEO Optimizer
  • Defender – Security, Monitoring, and Hack Protection
  • Forminator – Form, Poll, and Quiz Builder
  • Beehive – 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. 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.

Privacy

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.

About Us

WPMU DEV is a premium supplier of quality WordPress plugins, services and support. Learn more here:
https://premium.wpmudev.org/

Don’t forget to stay up to date on everything WordPress from the Internet’s number one resource:
WPMU DEV Blog

Hey, one more thing… we hope you enjoy our free offerings as much as we’ve loved making them for you!

Contact and Credits

Originally written by Alex Dunae at Dialect (dialect.ca, e-mail ‘alex’ at ‘dialect dot ca’), 2008-11.

螢幕擷圖

  • Simple to get started with the Smush setup wizard.
  • Watch as your image library is processed – up to 50 images at a time.
  • Set automatic smush to resize and optimize every image as it is uploaded.
  • Smush will find and optimize images for you.

常見問題集

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.

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.

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.

使用者評論

2020 年 10 月 22 日
I've been using the plug-in for about 6 months and the sites performance improved greatly right away and has stayed good.
閱讀全部 5,286 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Smush – Lazy Load Images, Optimize & Compress Images〉的開發相關工作。

參與者

Smush – Lazy Load Images, Optimize & Compress Images 外掛目前已有 36 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將 Smush – Lazy Load Images, Optimize & Compress Images 外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

3.7.1 ( 2020-09-24 )

  • 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

3.7.0 ( 2020-09-03 )

  • 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

3.6.3 ( 2020-05-06 )

  • Fix: CDN auto resize option causing issues with images

3.6.2 ( 2020-05-04 )

  • 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

3.6.1 ( 2020-03-06 )

  • 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
  • Fix: REST API errors

3.6.0 ( 2020-02-25 )

  • 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
  • Enhance: Bulk smush 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: Image restore

3.5.1 ( 2020-02-10 )

  • Fix: Browser console errors on pages without Backbone js scripts
  • Fix: Lazy load compatibility with Beaver Builder
  • Fix: Lazy load breaking videos

3.5.0 ( 2020-02-03 )

  • 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.