Webサイトで利用する画像は、しっかりと軽量化されていますか？Photoshopや、ウェブサービスなどを利用して、手動で画像軽量化されている方も多いと思います。バッチ処理を組み込める方は、バッチ処理でもよいですよね。

画像軽量化は、やったほうがいいのにやらないものの一つです。ほとんどの人は「やったほうがいい」と思うのに、実際には「できていない」ということが多いのです。

結論：画像軽量化は、システム化すれば解決する

結論からすると、仕組みになっていれば解決します。Webはそもそもシステムの上に成り立っているものなので、システム化すること自体は土台としては申し分ありません。

システム化するとなると、以下のパターンに絞られます。方法は、また別記事で書こうと思います。

1. クラウドサービスを利用して、API経由で画像軽量化する
2. CMSやシステムにプラグインを入れて、画像軽量化する
3. インストール型のツールを入れて、画像を軽量化する

解決策の例

解決策はシステム化することなので、以下の流れで解決するのがベストです。

1. システム担当者がツールまたはサービスを選定する
2. 開発環境やサンドボックスな環境で、仕様や画質・ファイル削減量を確認する
3. 画質とファイルサイズのパターンを複数だし、コンテンツ担当者が画質を確認する
4. 選定したツールまたはサービスを導入する

画像軽量化のシステム化を妨げる理由

画像軽量化には、いくつかの問題があります。これらの問題を解決するのは、あまり簡単ではありません。なぜなら画像が問題ではなく、人の問題だからです。

1. 担当者が複数存在するケース
2. 人力でなんとかなるケース
3. 責任が持てないので、対応を保留するケース

画像軽量化をする理由

画像軽量化をする理由は、一般的には以下のような理由がほとんどです。

1. サーバのディスク容量が足りない
2. 転送量が多い、転送料金のコストが高い
3. ウェブページの表示速度が遅い

最近は表示速度でのお問い合わせが多いですが、サーバのディスクフル問題は運営しているウェブサイトの特性によっては、かなり悩まされることが多いものです。理由がわかったところで、それぞれの問題を一つづつ、中身をみていきましょう。

担当者が複数存在するケース

ウェブサイトの運営を担当している人が複数の場合、譲り合いなどで課題の取り組みが進まないケースがあります。大きなウェブサイトほどこの傾向が強く、なかなか先に進みません。

また、理由によって担当者が変わります。サーバのディスク容量が課題の場合、ネットワーク担当者やシステム担当者が主担当になります。画質を落として一気に処理をすれば軽くなるが、コンテンツの品質はウェブサイト担当者側に委ねられるため、すんなりと作業が進みません。「品質と容量のはざま」でなかなか解決しないのです。

人力でなんとかなるケース

画像数が少ない場合は、人力での対応でも十分です。Adobe Photoshopには、ドロップレットという独立したデスクトップアプリケーションのようなものを作ることが可能です。これを利用すれば、一定の画質でmeta情報の削除などもできるようにすれば、画像をドラッグアンドドロップで一気に処理してくれます。しかし、これはその人のPC内の話であり、担当者が複数いる、外部の方に依頼しているケースなどの場合、やはり完全に画像軽量化を行うことが難しいです。

JPEGminiや、TinyPNGといったウェブサイトを利用して、画像軽量化する事もできます。これも手作業なので漏れがあったり、画質設定ができないので「軽くなったけど荒くなった」問題が発生します。

JPEGminiは高画質だけどあまり軽量化しない、TinyPNGはとても軽量化されるけど画質がかなり落ちる、という特徴があります。

責任が持てないので、対応を保留するケース

いわゆる自分の責任範疇を超えるケースです。上述の複数の担当者問題があるのですが、この際に該当する担当者がいないケースに発生します。例えば、以下のようなケースです。

1. システム担当者に、画像が重いからなんとかしてほしいというケース
2. コンテンツ担当者に、表示速度が遅いから速しようというケース

これも、それぞれ困るケースを考えていきましょう。

システム担当者に、「画像が重いからなんとかしてほしい」というケース

画像のファイルサイズは、画質を落とすことで軽量化できます。しかし、これは画像が劣化することと同義です。システム担当者は、コンテンツのクオリティをどのぐらいにするかを決めることができません。エイヤッ！でやってしまうこともできますが、責任が持てないことをやるのは後ろめたいものです。

コンテンツ担当者に、「表示速度が遅いから速くしよう」というケース

表示速度の高速化は、非常に多岐にわたる作業です。その中でも必ずやらなければならないのが画像の軽量化。ウェブサイト内にどのぐらいの画像があるのか、軽量化するとどのぐらい変わるのか、というのを試算するには検証をしなければなりません。そしてこれはシステムに詳しくないと難しい課題であり、検証が進まないケースがほとんどです。

画像軽量化の解決は、ツールを使うのがかんたん

インストール型からクラウドサービス型、CMSプラグインなどさまざまなものが存在する

ツールやサービスを利用して画像軽量化すると、仕様はそのツールやサービスに依存するようになります。そうすると、どんな事ができるのか、どこまでできるのか、というのが目に見えるようになり判断がしやすくなります。

視覚化できれば、判断は非常に早くなります。そして、仕様もはっきりと決まります。たったこれだけのことですが、画像軽量化ではこれができないケースが非常に多く、進捗が出ないことがとても多く起きています。

画像軽量化は人の仕事ではない、ツールに任せよう

画像軽量化は、画質の劣化との戦いです。基本的には、「画質を下げればファイルサイズが軽くなる」のです。しかし、一週間で数百枚以上の画像が登録されるECサイトなどでは、これを人力でやるのは非常に困難です。ある程度のしきい値を決め、ツールやサービスにまかせて自動化することが重要です。

最後に

お客様のところにお伺いすると、コンテンツ担当者とシステム担当者のお二人がご同席されるケースが多いです。これは、「担当者が複数存在するケース」にあたります。同じ悩みを抱えている企業様は非常に多いので、ぜひお気軽にお問い合わせください。

JPGの最適化は、LightFile Core | 画像の最適化でページ表示を高速に！

自動でJPEGファイルを容量削減し、表示の高速化/転送量の削減を実現します。

https://core.lightfile.net/