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

ケーススタディウェブマスター

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

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

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

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

JPEG品質

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

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

ページ分析: 30 枚の画像を 3 回ずつエクスポートして試行します
。試行にかかる時間: 1 回につき 1 分、1 ページあたり 1 時間です。
自動画像最適化: 5 ページの場合は 5 時間の作業で、最終的には完璧な品質になります。

 

小型で高品質

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

品質jpg最適化

100%品質でエクスポートした画像は、見た目もサイズも良くなりました。画像の重量については技術的な部分で配慮していると考えてください。