稼げる副業でお小遣いを稼ぐ方法

稼げる副業でお小遣いを稼ぐだけじゃなく、料理や映画アニメ、趣味などメモにも使っているブログ

副業で稼ぐ仕組みの作り方

ワードプレスの最大画像サイズをリサイズしてくれるプラグイン

投稿日:2015年7月4日 更新日:

画像の最大サイズを自動的にリサイズしてくれるResize Image After Uploadと言うプラグインのご紹介です。

はじめに

アップロードした画像が大きすぎると記事に挿入時にクリックするとバカでかい画像が表示されてしまいます。そんな時の便利なワードプレスのプラグインResize Image After Uploadのご紹介です。

注意事項

元のサイズの画像は手元には残らなくなるので必要であればその画像のバックアップが必要です。

インストールしよう

いつも通りの手順です

プラグイン > 新規追加 > Resize Image After Upload

riau

いつものようにインストールした後は必ず有効化しておきましょう。

 設定をしよう

次にResize Image After Uploadを使用する為に設定をします。各種設定の中にある

riau1

Resize Image Uploadをクリックします。

riau2

Enable re-sizing
yesにしておきます
Max image dimensions
画像の最大サイズを決める事が出来ます。
Max widthは最大の横幅サイズ
Max heightは最大の縦幅サイズ
JPEG compression level
画像の圧縮率を決める事ができます。90がデフォルトです。1にすると画像のサイズ用量を低く出来ますが、表示された画像はかなり劣化します。
Force JPEG re-compression
yesにすると再圧縮が出来るようになります。

実際に使ってみたよ

riau3

今回はわかりやすいようにもともと1500×1000ピクセルの画像を使用してみます。実際にアップロードしてみると

riau4

フルサイズが800×533ピクセルになっています。

riau5

中サイズで記事に挿入しまし、クリックしたら最大サイズが800×533になっている事が確認出来ました。

FTPでアップロードしている画像を調べてみました

riau7

フルサイズは「-横幅×縦幅」この表記がないもので、これをダウンロードし調べてみました。

riau6

 

すると、このように元画像も800×533にリサイズされています。

以上でワードプレスの最大画像サイズをリサイズしてくれるプラグインResize Image After Uploadの使い方の説明を終了致します。

さいごに

画像をクリックすると

デジカメから画像をPCに移し、その画像をそのままアップロードするとサーバーの容量をくってしまうだけでなく、画像をクリックした際に拡大サイズが大きすぎて表示されてしまいますよね。

わざわざ画像をリサイズするのも面倒だなぁっと感じていた際に見つけたプラグインです。

サーバー上にオリジナルの画像サイズのものも表示されなくなるのでサーバー上は非常に軽くなる印象です。

副業でサーバーを借りている人も多いでしょうが、1つのサーバーで複数のドメインを運用する場合は出来るだけ1つ1つの容量に気を付けないといけません。

なので、そういった方にはResize Image After Uploadがおすすめです。

-副業で稼ぐ仕組みの作り方
-,

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

amazon seller centralで商品登録をする方法

私の場合はブランド登録をしているのでJANコードなしの方法になります。 関連記事: 【ゆうちょ】アリエクのアフィリエイト報酬を受け取りました 【2019年版】googleショッピングに掲載する方法 ツ …

Jetpackの購読

ブログの更新やコメントをした際にすぐに知らせてくれるのがこの購読機能です。 関連記事: 一つのプラグインで最低限の機能が揃うJetpack ワードプレスでメルマガが使えるSubscribe2 エックス …

ムーバブルタイプからワードプレスに引越しする方法

ムーバブルタイプからワードプレスに引越しをした時のメモです。 関連記事: ネスタリゾートを100%遊びたい人へ【宿泊あり】 WordPressの古いバージョンから最新へのアップデート [2020年]百 …

ECCUBEのポイント関連のバグ

最終保持ポイントがマイナス表示にならないように調整して下さい。って出てる人向けのバグ修正方法 関連記事: ワードプレスに任意の画像サイズを追加する方法 スマホでアクセスした時だけ違う内容を表示させる方 …

QRコードからURLを取得する方法

QRコードはわかるがリンク先のURLとして取得する方法をご紹介いたします。 関連記事: contact form 7を全ページに表示させ記事と連携させる方法 tinymce advancedで絵文字も …