Web画像徹底再入門コース

数式やプログラミングの用語を使わず、どなたにもわかりやすくWeb画像を原理から説明します。

なぜJpegにはノイズが発生するのかを改めて理解し、品質はいくつに指定するのがよいのかに答えられるようになります。

内容は開催時期により一部変更される可能性があります。

Web画像フォーマットの基礎

Web画像フォーマットの種類と特徴、向き不向きについておさらいします。

  • Jpeg、PNG、GIFの特徴と向き・不向き
  • 画像フォーマットの選択の仕方

Web画像フォーマットのわかりやすい原理

経験的に使われているWeb画像について、数式を使わずその原理を説明します。

  • なぜデータが軽くなるのか
  • PNGとGIF
  • Jpegの原理とノイズの正体

Jpegの画質管理

Jpegは同じ品質でもノイズの有無があるのか、品質はいくつにするのが適切か、実践的なノウハウを紹介します。

  • PhotoshopとImageMagickの決定的な違い
  • 人の目に頼らない画質評価の方法
  • Googleの推奨品質とその根拠

画像とWebページの軽量化

  • Jpegの軽量化とツール
  • PNGの軽量化とツール
  • Webページの軽量化は先行逃げ切り
  • 画像やリソースの遅延読み込み

スライドの例