不要な画像が生成されてる!?要らない写真は削除してサーバーを軽量化!

: 2015/11/02 : 8 カメラ・写真

 

画像がサーバーを圧迫してない?

 

ハイサイ!ブログで写真を多用しているショウ(@OKI_NOTE)です。

ブログでなりふり構わず写真をアップしていて、今さらサーバーの心配をしています。今後もたくさん写真をアップロードしていきたいので、今回画像の設定を見直すことにしました。

 

設定するまで知らなかったのですが、アップロードされた画像ファイルはどうやら1つだけで保存されないようなのです。何を言ってるかわからないかもしれませんが、読めば納得してくれるはず。画像の容量で悩んでいるブロガーさん以外にも参考になれば幸いです!
 

 

スポンサーリンク

 

WordPressのメディア設定

 

画像を1つアップロードすると、サーバーに自動的に保存されます。実は、アップロードした画像データはそのまま保存されません。ワードプレスのデフォルト(初期設定)だと、1つのファイルにつき追加で3種類のサイズがアップロードされるようになっています。

 

WordPress管理画面の「設定」にある「メディア」を開いたことあると思いますが、ここで設定されている3サイズが自動で生成されるようになっているんですね。

 

ブログの画像ファイル設定

 

アップロードされたファイルはサーバーの「themes/自分のブログテーマ/wp-content/uploads」に保存されています。

 

大サイズは生成されないこともある

もし自分がアップロードした元画像ファイルが、大サイズの指定ピクセルより低い場合、リサイズされないようになっています。僕の場合、アップロードする画像は事前にリサイズして800px以下にするので、大サイズ(1024px)で生成されることは滅多にありません。(たまにあるw)

 

 

Stinger3では更に追加で生成される!

 

WordPressのメディア設定の話をしましたが、使っているテーマによっても生成されるファイルの種類は変わります。

 

例えばStinger3の場合、メディアで設定されている3種類に加え、100pxと110pxが生成されるようになっています。これは、functions.php内に以下のサムネイル追加のコードが記載されているためです。

 

//アイキャッチサムネイル
add_theme_support('post-thumbnails');
add_image_size('thumb100',100,100,true);
add_image_size('thumb110',110,110,true);

 

ちなみにこの追加サムネイルはどこで使われているのかというと、100pxはサイドバーの新着記事(NEW ENTRY)、110pxは記事本文下の関連記事のアイキャッチに使用されています。

 

ブログの画像ファイル設定

 

ブログの画像ファイル設定

 

サーバーを見ると、1つの画像につき、100px、110px、150px(サムネイルサイズ)、400px(中サイズ)、1024px(大サイズ)、元ファイルの計6ファイル確認できると思います。

 

ブログの画像ファイル設定

 

たとえブログで1種類のサイズの画像しか使わなくても、残り5つは無駄な画像ファイルが生成されてしまうことになるのです。

これはサーバーのデータを圧迫するので良ろしくない!

 

 

まずはブログの設計を先に考える!

 

そもそも僕が画像ファイルを整理しようとしようと思ったきっかけが3つあります。

1つ目はブログのカスタマイズをしたいこと。2つ目はスマホで表示されるアイキャッチサムネイルの画質を向上しようと思ったこと。3つ目はブログでアップロードする画像の量が増えてきたことにあります。

 

ブログのカスタマイズをするため

このブログはStinger3というテーマをベースに作成しています。

オリジナルのサイトデザインにするためにCSSやPHPファイルをいじりますが、ブログのデザインを変更していく上で、どのコードが不要になるのか、どのファイルサイズが今後必要になるのか考えなければいけません。

僕が今理想とするブログデザインでは、画像の種類はアップロードした元画像と、サムネイルともう1種類で十分でした。それ以外の画像は使わないので要らないファイルになってしまいます。

 

スマホのサムネイルの画質をあげるため

Stingerはスマホの閲覧にも最適化されているのですが、1つだけ気になる点がありました。それはスマホで閲覧しているときの画質に粗いところがあること。H3のチェックボックスや、関連記事の画像が前から気になっていたので、いろいろいじってみた結果、適用されている画像自体のピクセル数に問題があることがわかりました。

つまり初期設定の100pxと110pxでは十分な画質が確保出来ていないわけです。

 

wordpressの設定で画像アップ時の圧縮率が90%に設定されていることが原因という記事もありましたが、100%に変更してみても効果はありませんでした。画像のピクセル数を上げてwidthとheightで縮小指定して表示すると、綺麗に表示されるようになったので、200pxの切り抜き画像を使用することにしました。

 

画像を大量に使用するため

このブログでは1つの記事を作成するときに、画像を5枚〜50枚使います。

例えばある記事で30枚の元画像を使用するとします。1枚サーバーにあげるごとに5枚ずつ自動で生成されるので、1枚だけで300KBも無駄なファイルを蓄積するわけです。これが30枚になると9MB分余分なわけです。
 

ブログの画像ファイル設定

 

1記事でこれだけ不要なファイルが増えるので、記事が数百規模になるととてもじゃないけど管理できません。

 

気になる方は、FTPソフトやレンタルサーバーのファイルマネージャーなどを使って、サイズ違いの同じ画像がいくつ生成されているのか、チェックしてみたほうが良いと思います。

 

 

アップロード画像をサーバーから削除する方法

 

直接サーバーから削除

ブログで使用している画像がたくさんじゃなければ、FTPソフトを使用して直接サーバーにアクセスして削除した方が早いです。生成された画像は、ファイル名のうしろに「110×110」とピクセル数が書かれているのでわかりやすいかと思います。

ただ一度削除してしまうと、バックアップをとっていない限り戻すことは不可能なので慎重に!

 

プラグインを使用する

サーバーから不要な画像を削除するだけでなく、新たに設定したサイズまで生成している優秀なプラグインがあります。その名も「Force Regenerate Thumbnails」。

ちなみにこの名前に似た、有名なプラグイン「Regenerate Thumbnails」があるので間違えないように注意しましょう。Regenerate Thumbnailsの場合は同様に再生成してくれるのですが、過去に設定した画像は削除してくれません。

 

Force Regenerate Thumbnailsの使い方についてはこちらが参考になります。

 

 

 

不要画像を生成しないようメディア設定を変更

 

不要画像を消した後は、不要画像を生成しないよう設定し直します。

 

ブログの画像ファイル設定

 

まずはWordpressのメディア設定で、使用しないサイズがある場合その値を0にします。ここでは中サイズと大サイズを0にしたので、生成されるのはサムネイルサイズのみになります。

 

次に、function.php内にある以下のアイキャッチ自動生成コードを削除します。僕の場合は200pxを新たに使用するので、100の値を150に変えて110を削除しました。

 

//アイキャッチサムネイル
add_theme_support('post-thumbnails');
add_image_size('thumb100',100,100,true);
add_image_size('thumb110',110,110,true);

 

これで今後アップロードする画像は元画像、サムネイルの150px、function.phpに記載した200pxの3つになります。

 

実際どれぐらい容量が減った?

軽量化前のファイルサイズは978.5MBと1GB近く。100px、110px、400px(中サイズ)、1024px(大サイズ)を削除したことで、674.1MBになりました。1年分の画像データなので、300MBほど軽量化したことになります。これは大きな減量じゃないでしょうか!

 

 

ブログの画像ファイル設定

 

 

管理人
ひとこと

ブログもスリムに美しく!

 

合わせてこちらもどうぞ:

 


OKINOTEからお知らせ

  

沖縄の役立つリンクまとめ始めました。


沖縄ファミリーマート初寄稿記事 !沖縄の道の駅を取材しました。
地元ンチュがおすすめ!許田、糸満、ぎのざ・・7つの道の駅で味わえる「おいしいもの」を食べに行こう (外部リンク)

  

[随時更新]Amazonのほしい物リストを公開中!

スポンサーリンク

ad


シェア感謝です! \(^o^)/

本日の「カメラ・写真」カテゴリ人気記事!
この記事似てるかも?
今年のブログ収益でデジタル一眼カメラを買った話とその理由

今年のブログ収益でデジタル一眼カメラを買った話とその理由

  1年目のアドセンス収入はこれぐらい   ハイサイ!ショウ(@OKI_NOTE)です。 ブログを初めてそろそろ一年。年末ということもあり、ブログに関する今年のデータを…

記事を読む

500px

同じカメラとは思えない!撮影を上達させたいなら参考になるサイト『500px』

500pxは写真に興味がある人や、写真撮影をレベルアップさせたい人におすすめのオンライン写真コミュニティ。ものによっては撮った機材や焦点距離、F値にシャッタースピードなど詳細も記載されているので、すご…

記事を読む

フォトヨドバシ

ズームor単焦点どっち?一眼のレンズ選びに迷ったら見たい初心者おすすめのサイト『フォトヨドバシ』

一眼レフカメラのレンズが欲しい。でも何が良いのかわからない。単焦点?焦点距離?そんな初・中級者向けにおすすめのサイトが「フォトヨドバシ」。大きい作例にシンプルなつくり。レンズ種類別、焦点距離ごとにひと…

記事を読む

Canonキャッシュバックキャンペーン

【EOS70D】Canonキャッシュバックキャンペーンで応募した流れ

  ハイサイ!ショウ(@OKI_NOTE)です。 応募者全員に現金が戻ってくるお得なキャッシュバックキャンペーン。応募締め切りは1月下旬ですが、購入期限は1月中旬がほとんど!…

記事を読む

瀬長島ウミカジテラスロゴ

行きたくなる!ウミカジテラス写真コンテスト入賞作品の数々

2ヶ月にわたって行われていた瀬長島のウミカジテラスの初となるフォトコンテスト。賞金総額約10万円。入賞作品が決まりました! 入賞した写真の数々と、惜しくも入賞は逃したものの、綺麗な写真もたくさんあるの…

記事を読む

瀬長島ウミカジテラスロゴ

ウミカジテラスでフォトコンテスト開催中!入賞者には商品券がもらえるよ

2015年8月にオープンした沖縄の新観光スポット瀬長島ウミカジテラス。初となるフォトコンテストが1月いっぱいまで開催されています。応募はInstagramにハッシュタグを付けて投稿するだけ。思い出の一…

記事を読む

クリスマスケーキ EOS70D標準レンズで撮影

クリスマスケーキをEOS 70D(EF-S18-55mm STM)で撮影してみた

  ハイサイ!ショウ(@OKI_NOTE)です。 AEONで、クリスマスプチケーキセット「ハッピーパーティースイーツアソート」を半額で見つけたので購入。   …

記事を読む

Foldio2開封の儀.jpg

ポータブル写真スタジオ『Foldio2』が届いた!早速開封してみる!

  ハイサイ!ショウ(@OKI_NOTE)です。 以前に支援した、10秒で組み立てられるポータブル写真スタジオ『Foldio2』がつい先日届きました! 2月中頃に支援し…

記事を読む

foldio2.jpg

10秒で完成する本格的な写真スタジオ『Foldio2』の組み立て方!

  ハイサイ!ショウ(@OKI_NOTE)です。 昨日はFoldio2のざっくりな紹介と開封の儀で終わりましたが、今日は組み立てていきます。   1…

記事を読む

那覇奥武山『カメラのたかちよ』

年代物レンズがいっぱい!那覇にひっそりとあるアナログカメラ専門店


沖縄県那覇市で、これまた通いたくなるお店を発見しました。カメラに興味がある人、カメラの表現の幅を広げたい人におすすめする、少し変わったカメラ専門店です!…

記事を読む

ad

「美らイチゴ糸満農園」
予約不要でいちご狩り。南部に「美らイチゴ糸満農園」がオープン!

2017年2月15日に開園した新いちご狩りスポットに行ってきました。予…

ルネッサンスリゾートオキナワのイルミネーション
プールに浮かぶ青イルカ。ホテル『ルネッサンスリゾート』のイルミネーション

大きく光る「R」のロゴ。ホテルのビーチエリアに約8万球の明かりが灯りま…

中国式庭園・福州園のライトアップ
日本百名月に認定。那覇市『福州園』の夜間特別ライトアップ

異国情緒あふれる那覇市『福州園』。ライトアップイベントは、2016年度…

2017-0327.4.jpg
海も見渡せる沖縄最北端の花カーニバル『東村つつじ祭り』に行ってきた。

那覇から片道2時間半。沖縄最北端の花カーニバル『東村つつじ祭り』に行っ…

ケータリングサービスinOIST
上間弁当てんぷらの新サービスがお洒落すぎて紹介せずにはいられない

弁当や惣菜でおなじみの「上間弁当てんぷら」が新ケータリングサービス"C…

名護城公園ビジターセンターSubaco(すばこ)
こんなところに!沖縄建築賞受賞の穴場カフェ『名護城公園ビジターセンター』

2015年7月にオープンした新施設「名護城公園ビジターセンター Sub…

2016年買ってよかったものまとめ
カメラ機材とおつまみ。2016年買ってよかったものまとめ

振り返りの季節。2016年は、物はそんなに買っていないものの、一眼レフ…

  • LINE スタンプ記事一覧へ ニューヨークの記事一覧へ 沖縄関連の記事へ starbucksの記事へ EOS70Dの記事へ