Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WP Smushで画像を最適化する(長所、短所、代替案)

画像はサイトの表示速度を著しく低下させる可能性があるため、Web用に最適化された画像をすべて保存することが不可欠です。最近、あるユーザーからWP Smushのようなプラグインを使うことの長所と短所について質問を受けました。この投稿では、WordPressで画像を最適化するためのWP Smushの長所、短所、代替案について説明します。

Image Optimization in WordPress

WP Smushとは?

WP Smushは、画質を落とさずに画像を最適化できるWordPressプラグインです。

WP Smushの長所

WP Smushは非常に使いやすく、WordPressサイトに画像をアップロードする際にその場で画像を最適化することができます。

古い画像については、Media ” WP Smushで一度に50枚の画像を一括でスマッシュすることができます。

Bulk smush images

初心者にとっては、画像を最適化し、サイトのパフォーマンスを向上させる簡単でシンプルな方法です。

WP Smushの短所

他の方法で得られるような大きなパフォーマンスの違いはありません。

例えば、3MBの写真をWordPressサイトにアップロードする場合、WP Smushは品質を落とすことなく10-20%縮小します。それでも2.4MBから2.7MBのファイルであり、巨大です。

WP Smushでは、画像をどれだけ最適化できるかコントロールできません。画像のファイルサイズを小さくすることはできますが、最良の解決策ではありません。

WP Smushの代替

画像を最適化できるツールやWordPressプラグインは他にもいくつかあります。これらのツールを使えば、画像を最適化する方法をよりコントロールすることができます。その結果、ファイルサイズがさらに小さくなり、ページの読み込みが速くなります。

EWWWイメージオプティマイザー

ewww Image Optimizer

EWWW Image Optimizerは、アップロードした画像を最適化するWordPressプラグインです。以前にアップロードした画像を最適化することもできます。また、ファイル形式を変換することもできるので、画像サイズを小さくする形式を選択することもできます。

例えば、スクリーンショットをPNGでアップロードしている場合、JPEGに変換するとファイルサイズが大幅に小さくなります。

イムサニティ

Imsanityは、WordPressで大きな画像を一括リサイズすることができます。上記のプラグインとは異なり、Imsanityでは画像の初期最大サイズを設定することができます。

Imsanity plugin allows you to bulk resize large images in WordPress

WordPressのjpeg画像の初期圧縮設定も可能です。このプラグインは、画像ファイル形式をBMPからJPEG、PNGからJPEGに自動変換することもできる。

アドビ フォトショップ

Adobe Photoshopは画像編集の業界標準だ。少々高価だが、それだけの価値はある。ウェブ用に最適化された画像を保存できる「ウェブ用に保存」オプションがビルトインされている。

Saving images for the web in Photoshop

このソフトの一番いいところは、画像をどの程度最適化するかを選択できることだ。JPEG画像の圧縮レベルを選択したり、PNGファイルの色数を選択したりできます。

また、これらの設定を調整すると、画像のプレビューとファイルサイズが表示されます。

GimpはPhotoshopに代わるフリーソフトです。Photoshopほどきれいには見えないかもしれないが、ウェブ用に画像を最適化することができる。

Exporting images in Gimp

最終的なフィードバック

画像の最適化はWordPress以外で行うのがベストです。WordPressで画像を最適化する方法については、チュートリアルで詳しく説明しています。

WP SmushやWP Smushの代替ツールを使用することもできますが、Photoshop、GIMP、JPEGMini、TinyPNGのようなツールほど良い結果は得られません。

以上、この投稿がWP Smushとその代替ツールを使って画像を最適化する方法の一助となれば幸いです。

この投稿が気に入ったら、WordPress動画チュートリアルのYouTubeチャンネルに登録してください。Twitterや Facebookでも私たちを見つけることができます。

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

38件のコメント返信を残す

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Madelyn

    This article is from 4 years ago, can I trust this info?

    • WPBeginner Support

      Unless we hear otherwise, you can still use WP Smush without worrying.

      管理者

  3. santosh747

    Hi,
    I have used wp smush.i would like to know why wp smush creates multiple file like 40 same images with different width and height for 1 image.instead of having 10 original images after smush it creates the 400 images that is lot and how come it is reducing the space.Is that common with smush.
    Thanks

  4. Mian

    Hello sir i hope you are fine. i use wp smush plugin and now my website pics 200+ then i see some errors in my website. some peoples saying now you use paid version. please tell me my site have some big problem or not ? i used paid version then my site working is perfectly or not ?

  5. Sohail Akah

    Hi, Thanks for the wonderful article, your site has always been helpful …. I am in a bit of a problem here, I hope you can give me a solution.

    I smushed all the images on my site, as a result, they appear broken in the google search results, I have worked really really hard to get my site and some of my images ranked in google …. but smush has turned the situation for into a nightmare, I have search everywhere on the web, but i can’t seem to find a proper solution for it …. I have read your article on Regenerating Thumbnails … but I’m not sure if that’s what I am suppose to do here. And I surely can’t bear to make another mistake.

    Your articles and your site has always been a great support through out my career I’ve learnt a lot from you … please help me out in this

      • SOHAIL AKAH

        If there manual way to do it? because this plugin (regenerating thumbnails) doesn’t delete any existing thumbnails it only adds new ones resulting in large amounts of wasted space.

  6. Arijit Biswas

    I had used WP Smush Pro v.2.7.1 & their 2x Super Smush feature and sadly it is damn slow.. I had almost 50k images(300-400kb) each.
    It was smushing at 1 image/20 sec.

  7. garry

    problem, with photoshop and other similar software, is you have to optimize all of the images manually which will eat up your whole time just to optimize images may be I’ll need to hire someone to do the job with photoshop and if you have only small site with only a few images than its doesn’t even matter if you optimize your images or not, maybe just try some plugin to fix them.

  8. Johnny

    This plugin caused a HUGE MESS on my site. NEVER download it. I have to manually upload add missing pics and repair broken links and pages. If developers of this plugin are reading this, I would like to let them know that whatever they did wrong it is costing me money and a lot of time. 1 Star for your plugin. I cancelled my wp-dev membership and am extremely disappointed.

  9. Asma

    I optimize my pictures with photoshop they looks crispy and clear on the edit post they looks perfect but once I upload them it turns blurry and not really high quality
    I downloaded some plugins maybe it could work and nothing’s work
    I try to verify the default zoom level of my browser (google chrome) but still doesn’t work
    is there any solution?

  10. Nikolas Broman

    If you optimize with Photoshop/Gimp/outside of WP, then your resized images (large/medium/thumbnail) won’t be optimized. How can you recommend that approach?

      • Nikolas Broman

        I actually tested this before commenting, and the resized images are not optimized.

        I downloaded the first image you see (with mountains) on jpegmini. The resolution is 5184 x 3456, the original’s size is 19.2 MB, and the optimized version is 2.9 MB (the website allows you to download both for comparison).

        I uploaded them to WP and checked out the resized “large” version (1024×683 on default settings).

        Both came out as 121 KB. So the size of the source image didn’t have any effect.

        (Side note: Then I tried optimizing both resized images with the free JPEGmini Lite, and something interesting happened. The original, resized to 1024×683, came out as 98 KB. The already once optimized version, and then resized to 1024×683, came out as 101 KB. A small difference, but still a difference!)

        Could you please test this yourself? Did I do something wrong?

        You said that resized images “will be optimized too, because the source image is smaller in size”. Is that really true?

      • Peter

        Actually, I think Nikolas is onto something here.
        I have large source images (to cater for hi-dpi) at 1920x2010px that which is is 1.4 Mb. One of my custom image sizes is 1280×1340, and after uploading the source that size comes out to 380Kb. I thought that was too large, so I optimized the living daylights out of the source image in Photoshop and came up with a new source at 1920x210px that is 191Kb. After uploading the new source (under a new name to be able to tell images apart), the generated 1280×1340 is still more or less 380Kb, almost double the size of the source image even though its pixel dimensions are vastly smaller.

        There is a jpeg compression filter in WP. I get the feeling that WP decompresses the source image to bitmap before generating media sizes, and unless you apply compression through the WP filter, anything else but the source image will not be compressed!

        Does anyone have any thought’s on this?

        • Peter

          edit: there is a pixel typo above: I wrote 1920x210px, but of course I mean 1920x2010px.

  11. John Blum

    I have better results using ShortPixel so far. It allows working with multiple images at once and even with big sizes such as 10mb/image.

  12. Oliver

    I use Phatch, an opensource batch image processor to optimize images outside of WordPress if I have a lot to do, if not then GIMP for the odd one here or there. Most of the time though, once a site is handed over to a client there is no control over image compression. Tools like WP Smush are a good starting point to impose some sort of sense into image uploads.

  13. AutumnSadness

    Hi
    I used the plugin and it did what it says but when i look at the images sized in library in wp admin it says the plugin has reduced the image size but when i sabe the image to my computer, the size is the same (the size that was before smushing)
    So wtf? it dosen’t reduce the images? or what?

  14. Joy

    Is there a plugin that will compress images already uploaded to your media library? We were using .png files for our blog posts because .jpgs looked really grainy, but it’s causing server load issues. Happy to use .jpg web compression for future media uploads but I don’t want to spend hours re-uploading re-linking compressed png files?

  15. Allison Logan

    Thanks for sharing this post it helped me in one of my assignments.

  16. Juergen | webbeetle

    I agree that image optimization should happen outside WordPress, though what bugs me is that WP creates additional image sizes without any decent compression! I upload, via FTP, the required thumbnails for my featured images, and every time mine are around 35-50% smaller in files size than the ones WordPress created… You explain! Particularly since my original file was well compressed, so no process should be able to add extra file information (data = file size) to it.
    I use IrfanView, a very good and established freeware, which has an option “Save for Web” (like Photoshop) which compresses files well and strips all EXIF information – highly recommended!

  17. Nick Jubrey

    Does photoshop strip meta data from images? I’ve just started using tinypng for this feature. Photoshop works well and you can automate it which is nice. I also saw that Tinypng has a PS plugin for $50 a little step if its just just a save function built in to PS.

    I would like to do a side by comparison and see what we get.

  18. nawaf

    i added wpsmush and did smushed all my images of wordpress.then it showed 9mb saved.when i ran a test some images say
    They saved 200 kb.
    But it is same the actual size
    I mean that even after smushing the size remains same for me .but in smush options it shows it saved 200kb. Why so?

    • Umesh Kumar

      The savings shown over there is the sum of compression for the all sizes(Large, Medium, Thumbnail or any other ) of that particular image.

      So even if not the full size image is compressed, the other size for the image are probably reduced with a good amount.

  19. MsKatrina

    My question is how do we optimize affiliate link images (ie, Amazon)?

    • Scott Hartley

      You would have to download the image locally and replace the URL with that image. Or you can attempt to load the image with lazy load to improve performance.

  20. Alan Marsden

    This is something I’m still working on. Thankfully it’s early days for the blog so not many images to deal with. I’m using Pixelmator for Mac which has the “save for web” feature. You can also manually adjust the setting. Works great with no discernible loss of quality.

  21. Karen

    EWW Image Optimizer is FANTASTIC.

  22. Jer

    What are your thoughts about Fireworks? I’ve been using it for years and am very happy with the results. Of course, since Adobe bought it…

  23. Nicole

    Thank you for this info. I have been trying to figure out images with my blog and it is not going well (total newbie here). When I upload them to my media and add them to a post, they automatically get added to my post very, very small. Much smaller than the original. Then I try to make them bigger by resizing within the post and the images lose quality and look really bad! I am thinking this didn’t happen with some of my earliest posts. I switched themes. Could that have something to do with it? Is one of the above solutions (Smush or the alternatives) what I need to fix this?

    • WPBeginner Support

      When uploading images WordPress shows you the option to select a size for the image you want to insert. You can change that to large, original, medium sizes.

      管理者

  24. Morgan Madej

    I always look out for your WP Beginner articles and catalogue the links for future refernce. Thank you for this review, much appreciated.

    I have been using http://webresizer.com/resizer/ recently. It is able to reduce my images by upto 77% while halving the pixels by roughly 50%

    There are other options that I have not used yet. It appears to be free to use online so it can be a quickly accessible tool.

    I do not know the owner, nor am I an affiliate.

  25. Nick

    What about the plugin ‘Resize Image After Upload’?

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。