ウェブデザイナーのケーススタディ

ウェブサイト構築：画像の最適化に費やす時間をすべて節約

Photoshopファイルからウェブサイトを構築する際、画像に最適なフォーマットと圧縮方法を見つけることは重要な作業の一つです。最適な圧縮方法を見つけることは美しいデザインにつながりますが、同時に画像をできるだけ軽量にエクスポートする必要があります。Photoshopは画像全体に圧縮を適用するため、軽量かつ高画質の画像を実現するのは非常に複雑です。.

もう終わりです。何も考えずに、早く作業してください。他の作業をしている間に、画像を最適化します。

コンテンツとテーマデザイン画像を含むページあたり30枚の画像を作成する場合、画像のエクスポートにはどれくらいの時間がかかりますか？このプロセスはかなり長く、複数の圧縮レベルで複数回の試行が必要になります。.

jpg 画像としてエクスポートするプロセスには以下が含まれます。

「Web用にエクスポート」メニューに進みます
Jpeg形式を選択
圧縮/品質を選択する
サイズを選択
画像をエクスポートする
ウェブサイトに画像を送信する
最終テストを行う

ページ分析： 30枚の画像をそれぞれ3回ずつエクスポートして試行。
試行に要した時間： 1回あたり1分、1ページあたり1時間。
自動画像最適化あり： 5ページで5時間の作業、最終的に完璧な品質。

小型で高品質

ImageRecycle アルゴリズムは画像全体に圧縮を適用するのではなく、画像の色領域と元の圧縮レベルを考慮するため、すべての画像を100%の品質でエクスポートできます。元の画像の圧縮率が低いほど、最適化が進み、サイズも小さくなります。以下のテストを、Photoshopの品質レベル（60 = 60%の品質、80 = 80%の品質など）で画像に付けて実行してください。

画質を100%に設定してエクスポートした画像の方が、 見た目もサイズも優れていました。 つまり、技術的な面では画像の容量を考慮しているということです。