Optimization(本文ではSmushと呼称する)の導入手順を紹介する。画像圧縮では一番使われているプラグイン。英語メニューだが見やすいUIでとても使いやすい。無料版ではフルサイズの圧縮ができないので無料版を検討している方は注意してほしい。画像圧縮プラグインは既存の画像を上書きすることがあるた必ず有効化する前にサイトをバックアップしてください。バックアップについてはこちらをご参照ください。仕様などは2019年3月に確認したものです。ワードプレスのメディアファイル仕様を理解していることが前提となっています。簡単に説明するとワードプレスは読み込み速度を上げるため画像追加時に事前に縮小画像を生成する仕様です。詳しくは以下の記事をご参照ください。まとめプラグイン導入手順インストールから導入までの手順を紹介する。プラグインの設定メニューとおすすめ設定も紹介。プラグイン概要100%無料の画像最適化プラグイン。100%無料なら機能制限がないのが期待できそうだ。WordPress.orgレビュー評価が5で有効インストール数は画像圧縮プラグインの中ではトップ。日本語のサイトではあまり紹介されていない。5.0インストールワードプレスのメニューからプラグイン>新規追加を選択。キワードに「Smush」を入力。Optimizationの「今すぐインストール」ボタンをクリックする。インストールが完了したら「有効化」ボタンをクリック。初期設定ウィザードが表示されるが後で設定するのでここではスキップする。インストールはここまで。初期設定ワードプレスメニューのSmushをクリックするとSmushの管理画面が表示される。Smush項目は現在圧縮可能なファイルがあるかをレポートしてくれる。NOW」ボタンをクリックすると圧縮可能なすべてのファイルを処理してくれる。設定内容を一通り確認。チェックを入れるとアップロード時に自動で画像が圧縮される。下にあるチェックボックスで圧縮したいファイルの種類を選択できる。チェックをすると圧縮時に画像のメタ情報を削除する。チェックを入れるとアップロードした画像を縮小する。サイズは立幅横幅の最大値で指定できる。チェックを入れると不適切サイズの画像をお知らせしてくれる。お知らせはエディターで確認できる。以下はおすすめの設定内容である。画像サイズ変更はワードプレスに取り込む前に圧縮すればいいので外した。不適切サイズのお知らせはサイズを意識してれば問題ないので使用しない。エディターでお知らせがたくさんでれくると見にくいってのもある。したら後は特にやることはない。あるとすれば既存画像の圧縮くらいである。既存の画像を圧縮Smushの管理画面を見ると圧縮可能ながファイルがあるか確認できる。NOW」ボタンをクリックすると圧縮可能なファイルすべてを処理してくれる。圧縮はファイルごとにメディアライブラリから実行することもできる。まとめてやりたい場合はSmushの管理画面から実行。圧縮した結果はメディアライブラリから確認することができる。Stats」ボタンをクリックすると圧縮したファイルの詳細が表示される。フルサイズ画像のところに「スキップ済み」の表示があったため?マークのメッセージを確認した。ひとつめのメッセージはざっくり言うと「サイズ制限を超えたので圧縮できなかった、圧縮するにはプロ版を使って」というもの。画像の大きさが問題で圧縮できなかったようだ。二つ目をざっくり言うと「フルサイズ画像はプロ版でしか上書きできない」と。フルサイズの圧縮はプロ版を使わないとできないようだ。ちなみにプロ版の価格は月に$49である。思ったより高いな・・・。設定画面でアップロード時の自動圧縮を有効にしているのであとは自動でやってくれる。一度設定したらあとは特にやることはない。追加すると以下のように処理中メッセージが表示される。時間が経つと圧縮完了し圧縮結果が確認できる。まとめ一番使われている画像圧縮プラグインなので作りはかなりいい。メニューが英語だがわかりやすいUIで直観的に使うことができた。気になったのがフルサイズの圧縮である。フルサイズの圧縮するには月$49のプロ版を購入する必要がある。フルサイズの圧縮を無料版で考えている方は別のプラグインを選択した方がよさそうだ。ポイントメニューが日本語ではないが洗練されたUIでとても使いやすいアップロード時に自動で圧縮してくれるので一回設定するだけでよいフルサイズの圧縮はプロ版でないとできないSmushの次に使われているEWWWでは無料版でフルサイズの圧縮(最適化)ができる。書きたいことを好きなように書いています。趣味ブログですがだれかのお役に立てれば幸いです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。前の記事ワードプレスの画像自動生成仕様を確認~WordPressは画像...次の記事ワードプレス画像圧縮プラグインEWWW導入手順スポンサーリンクふない書きたいことを好きなように書いています。趣味ブログですが誰かのお役に立てれば幸いです。