コピー2017.12.23今日ふとWordPressのメディアフォルダを眺めていたら...上記の画像のように、300幅のサムネイルの方がファイルサイズが大きくなっているものがあることに気づきました。ファイルサイズを減らすためのサムネイルなのに増えてるってどういうこと?と思って調べてみました。目次そもそも300幅の画像は何者?ファイルサイズが増えるケース画像の圧縮とは?対応したことサムネイルを全て作成しないように設定そもそも300幅の画像は何者?WordPressでは画像をアップロードしたときに自動でサムネイル画像がいくつか作られます。何も設定を変えていない場合は150×150(thumbnail)、300×300(medium)、640×640(large)、768×高さ無制限(medium_large)の4つのサムネイルが自動作成されます。設定を変えたい場合は「設定」-「メディア」からメディア設定を開いて修正します。画像を作成したくない場合はサイズを0にすればOK。4.4から追加されたサイズらしく、ここでは設定できません。);と追記して管理画面をリロードすると、作成されなくなるようです。リロード後は追記したコードを削除しても大丈夫だけど、WordPressのアップデートでまた復活するかもしれない。その他、使っているテーマによって独自のサイズを作成している場合があります。function.phpでadd_image_size~のように定義されてます。ファイルサイズが増えるケース私のサイトで使っているアイキャッチ画像は800×420で作っていて、写真ではなくイラストが中心です。作った画像をiLoveIMGで圧縮してからアップロードしています。このような元々のサイズが小さいファイルの場合、サムネイルの画像サイズが大きくなってしまったようです。画像の圧縮とは?画像のサイズ(面積)はそのままに、容量を減らす技術。iLoveIMGはこのような画像圧縮の他、縮小や切り抜きなどもできる。一度に複数の画像を圧縮できるのが便利。処理が遅いかな?と思うので他のサイトも試してみようかと模索中。他にはTinyJPGなどが有名らしいです。こちらの記事でオンライン画像圧縮サイトについて比較してみました。幅300のサムネイルは記事一覧で使っていたのですが、フルサイズの方が小さいならフルサイズ使えばいいし。いうことでサムネイルを使わないことにしました。アイキャッチ以外の画像もできる限り縮小や圧縮をして、フルサイズで使っても重くないようにしてからアップロードしてます。面倒ですが、同じ画像が何枚も作成されないので、後の管理は楽になるはず。コピーニケッチャニケッチャメモ関連記事ブログ運営WordPressのカスタムHTMLが保存できないときWordPressのカスタムHTMLにGoogleAdsenseの広告を設定しようとすると、保存ができないという現象が。処理中のマークがグルグル回り続け、いくら待っても保存が完了しない。そこでこの現象を直す方法を調べてみました。Wor...ブログ運営WordPressコメントの無記名を「匿名」から変更する方法WordPressのコメントで名前の記述を必須にしていない場合、無記名の方は「匿名」と表示されます。この表示を「匿名」以外に変える方法の紹介です。今日はSTINGER8のトップページやカテゴリーページなどの記事一覧に、GoogleAdsenseのインフィード広告を馴染ませる方法の紹介です。cssやPHPが多少わかるよって人はSTINGER8でなくても応用できます。上記の画像のよ...ブログ運営WordPressプラグインなしでランダムに広告を表示するPart2以前WordPressプラグインなしでランダムに広告を表示するという記事で、広告をランダム表示する方法を紹介しました。今回はこういう別の書き方もあるよ~という紹介です。return...ブログ運営WordPressでカテゴリ毎に違うcssを適用するWordPressでカテゴリ毎にスタイルを変えたいときのやり方を紹介します。カテゴリ毎にテーマカラーを決めて見出しの色を変えたり、カテゴリ毎に違う画像を表示したりすることもできます。カ...ブログ運営WordPressのテーマをアップロードする方法WordPressを使い始めて初めは色々テーマを変えていたのですが、やっとSTINGER8に落ち着きました。今回はSTINGER8のような配布サイトからダウンロードして使うタイプのテーマをインストールする方法をご紹介します。ゲーム、読書、食べることや自然と触れ合うことが好きです!楽しいことや美味しいものの情報を発信していきたいと思います。Twitterではブログ運営に役立ちそうな情報をツイートしてます。ニケッチャメモ.メニューゲーム読書ブログ運営プロフィールホーム検索トップタイトルとURLをコピーしました。