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

導入事​​例のウェブマスター

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

PhotoshopファイルからWebサイトを構築する場合、仕事の大きな部分は、画像に適用する最適な形式と圧縮を見つけることです。 最高の曲を見つけることは、デザインを良くするのに役立ちますが、同時に画像をできるだけ軽くエクスポートする必要があります。 Photoshopが画像にグローバル圧縮を適用しているので、明るい画像と高品質の画像の両方を持つことは非常に複雑です。

これで終わりです。考えてはいけません。速く作業してください。他の作業をしているときに画像を最適化します。

コンテンツとテーマデザインの画像を含むページ作成ごとに30枚の画像を考慮すると、画像のエクスポートにどのくらいの時間を送信しますか? このプロセスは非常に長く、いくつかの圧縮レベルでのいくつかの試行が含まれます。

JPEG品質

jpg画像としてエクスポートプロセスには、次のものが含まれます。

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

ページ分析:
画像をそれぞれ3回エクスポート
て試行

 

小型で高品質

ImageRecycleアルゴリズムは画像にグローバル圧縮を適用しませんが、画像の色領域と元の圧縮レベルを考慮に入れるため、すべての画像を100%の品質でエクスポートできます。 Photoshopの品質レベル(60 =品質の60%、80 =品質の80%...)で名前が付けられた画像を使用して、以下のテストを確認してください。

品質jpg最適化

100%の品質でエクスポートされた画像は、より良い視覚的結果とサイズを取得しました。 したがって、画像の重みを処理している技術的な部分について考えてみてください。