1.画像って結構ファイルサイズが大きい・・・
前回、画像の拡大ポップアップ機能を追加したのですが、画像のファイルサイズが大きく、ポップアップ表示する時に数秒待たされるのが気になったので、自動で圧縮できたら便利だと思い調査しました。
2. Compress JPEG & PNG images プラグインの追加
良さげだったので、これに決めました。
WEBページ版の Tiny PNG も使った事があるので。
「今すぐインストール」をクリックします
![](http://www.it-ouji.com/wp-content/uploads/2019/08/1-3-1024x280.png)
「有効化」をクリックします
![](http://www.it-ouji.com/wp-content/uploads/2019/08/2-1-1024x171.png)
すると、設定URLが表示されるのでクリックします
![](http://www.it-ouji.com/wp-content/uploads/2019/08/3-1-1024x204.png)
アカウント登録します。
名前とメールアドレスを入力して「Register Account」をクリックします
![](http://www.it-ouji.com/wp-content/uploads/2019/08/4-1.png)
3.設定
設定します。
WordPressではオリジナル画像から勝手に色々な画像を自動作成するようです。
この圧縮は無料枠が 月に500枚と制限があるので、オリジナル画像のみにします。
![](http://www.it-ouji.com/wp-content/uploads/2019/08/5-1.png)
4.エラー?
設定メニューの「Compress JPEG & PNG images」をクリックして、設定を確認すると、アカウントエラーとなっておりました。
![](http://www.it-ouji.com/wp-content/uploads/2019/08/6-1024x490.png)
API dashboardリンクをクリックします。
![](http://www.it-ouji.com/wp-content/uploads/2019/08/6-1.png)
メールアドレスを入力すると、 TYNY PNGよりメールが届きますのでメール中のリンクをクリックしてアカウントサイトにログインします。
![](http://www.it-ouji.com/wp-content/uploads/2019/08/7.png)
TYNY PNGアカウントサイトでAPIキーをコピーして
![](http://www.it-ouji.com/wp-content/uploads/2019/08/8.png)
ワードプレスの設定画面でChange API Keyリンクをクリックして、表示されたテキストボックスに貼り付けます。
後は保存ボタンを押して完了です。
![](http://www.it-ouji.com/wp-content/uploads/2019/08/9.png)
5.確認
本当に圧縮されているのか確認します。
アップロード前のサイズは70KBほど
![](http://www.it-ouji.com/wp-content/uploads/2019/08/10.png)
WordPressの「メディア」メニューの「添付ファイルの詳細」で確認したところ25KBに圧縮されておりました。
![](http://www.it-ouji.com/wp-content/uploads/2019/08/11.png)
一応、 TYNY PNG アカウントサイト でも確認して終わりです。
無料枠500に対して6件使用されております。(6枚アップしました)
![](http://www.it-ouji.com/wp-content/uploads/2019/08/12.png)