Warning: Constant POST_PLUGIN_LIBRARY already defined in /home/pasora/pasona-sp.com/public_html/wp-content/plugins/similar-posts/similar-posts.php on line 27
画像圧縮プラグインEWWW Image Optimizer導入と設定 | 思いだし にっき
サイトアイコン 思いだし にっき

画像圧縮プラグインEWWW Image Optimizerの導入と設定

<p><img class&equals;"aligncenter size-full wp-image-7078" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;1b56a03b786152c5b130047a66582486&lowbar;s&period;jpg" alt&equals;"" width&equals;"448" height&equals;"317" &sol;><&sol;p>&NewLine;<p>ブログを書いていると画像をいれることがけっこうありますよね。<&sol;p>&NewLine;<p>記事の中にいれなくてもアイキャッチ画像をいれたり、ソフトの説明などは手順を画像で説明したり・・・画像は小さくしたつもりでも数が増えれば容量は大きくなります。<&sol;p>&NewLine;<p>EWWW Image Optimizerプラグインは画像を圧縮し、サイトの表示スピードを早めてくれます。<&sol;p>&NewLine;<p>インストールから設定、使い方をご紹介します。<&sol;p>&NewLine;<p><&excl;--more--><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>EWWW Image Optimizerプラグインのインストール<&sol;h2>&NewLine;<p>EWWW Image Optimizerは画像をアップロードした時に、<strong>自動で画像を圧縮<&sol;strong>したり、すでにアップロードされている<strong>画像を一括圧縮<&sol;strong>もしてくれます。<&sol;p>&NewLine;<p>WordPressのダッシュボードの左のメニューから「プラグイン」&Implies;「新規追加」をクリックします。<&sol;p>&NewLine;<p>検索ワードの欄に<strong>「EWWW Image Optimizer」<&sol;strong>と入力すると図のようにプラグインが表示されます。<&sol;p>&NewLine;<p>「今すぐインストール」をクリックします。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-7079" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;wp&lowbar;02&period;png" alt&equals;"インストール" width&equals;"358" height&equals;"524" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>インストールが完了したら「有効化」のボタンをクリックします。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-7080" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;wp&lowbar;03&period;png" alt&equals;"有効化" width&equals;"346" height&equals;"233" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>ダッシュボードの左のメニューの設定に「EWWW Image Optimizer」が追加されていますのでクリックします。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-7081" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;wp&lowbar;04&period;png" alt&equals;"" width&equals;"345" height&equals;"157" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>最初に開くと、【基本設定】のタブが選択されています。<&sol;p>&NewLine;<p>「メタデータを削除」のところにチェックが入っているか確認します。<&sol;p>&NewLine;<p>入っていなければ、チェックを入れ、「変更を保存」をクリックします。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-7082" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;wp&lowbar;05&period;png" alt&equals;"設定" width&equals;"470" height&equals;"344" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>【変換設定】のタブをクリックします。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-7083" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;wp&lowbar;06&period;png" alt&equals;"" width&equals;"470" height&equals;"251" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>一番上の 「コンバージョンリンクを非表示」にチェックを入れ「変更を保存」ボタンをクリックします。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-7084" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;wp&lowbar;09&period;png" alt&equals;"" width&equals;"156" height&equals;"92" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>これで設定は完了です。<&sol;p>&NewLine;<p>画像を投稿した時に自動的に圧縮してくれるようになります。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;&NewLine;<&excl;-- WP QUADS v&period; 2&period;0&period;92 Shortcode Ad -->&NewLine;<div class&equals;"quads-location quads-ad" id&equals;"quads-ad" style&equals;"">&NewLine;<&sol;div>&NewLine;&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>すでに入っている画像を圧縮するには<&sol;h2>&NewLine;<p>ダッシュボードのメニュー「投稿」の下にある、「メディア」の「一括最適化」をクリックします。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-7085" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;wp&lowbar;07&period;png" alt&equals;"" width&equals;"400" height&equals;"166" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>「最適化されていない画像をスキャンする」 のボタンがあるので、これをクリックします。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-7086" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;wp&lowbar;08&period;png" alt&equals;"" width&equals;"473" height&equals;"118" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>「最適化を開始」 をクリックし進んで行くと、既存アップロード済の画像の圧縮が始まります。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-7087" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;wp&lowbar;10&period;png" alt&equals;"" width&equals;"470" height&equals;"214" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>青い帯が右端までいけばOKです。<&sol;p>&NewLine;<p>量によっては、時間がかかるので待ちます。<&sol;p>&NewLine;<p>完了すると下にずら~っと圧縮された画像の情報が表示されます。<&sol;p>&NewLine;<p>確認するには投稿一覧を開きます。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-7088" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;wp&lowbar;11&period;png" alt&equals;"確認" width&equals;"471" height&equals;"153" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>画像最適化のところで圧縮されたのがわかります。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>EWWW Image Optimizerプラグイン さいごに<&sol;h2>&NewLine;<p>バックアップしたところ1週間前のデータより、かなりバックアップデータは小さくなっていました(^o^)<&sol;p>&NewLine;<p>こういうプラグインはサイトの表示速度を早くさせることや容量を減らすことができますが、WordPressが不具合を起こす原因になることもあります。<&sol;p>&NewLine;<p>WordPressを操作中になにかおかしな現象があったとか、画面がおかしいなどの場合は・・・<&sol;p>&NewLine;<p>まずプラグインとの相性を疑ってみてください。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>そのようなことが起こった場合には、こういったプラグインを停止してみて様子を見てみます。<&sol;p>&NewLine;<p>変わらなかったら、他の原因を探してみてくださいね。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><a href&equals;"&sol;&sol;www&period;blogmura&period;com&sol;ranking&period;html"><img src&equals;"&sol;&sol;www&period;blogmura&period;com&sol;img&sol;www88&lowbar;31&period;gif" alt&equals;"" width&equals;"88" height&equals;"31" border&equals;"0" &sol;><&sol;a><br &sol;>&NewLine;<a href&equals;"&sol;&sol;www&period;blogmura&period;com&sol;ranking&period;html">にほんブログ村<&sol;a><&sol;p>&NewLine;&NewLine;

モバイルバージョンを終了