Recommended
More Related Content
More from WESEEKWESEEK
More from WESEEKWESEEK (13)
SVG今昔物語『画像ファイル、なんでもよくないですか？』【WESEEK Tech Conf #9】
- 5. ■ 各 画像形式の簡単な解説 ■ ラスターとベクターの違い 画像ファイル、結局 何使えばいいの?
- 6. ラスターとベクターの違い ベクター webで使えるのは ※厳密にはフォントとかもベクターだけど SVGのみ ラスター ほとんどの画像ファイル JPG , PNG , GIF , WEBP , TIFF , RAW , HEIC etc…
- 22. ラスタとベクタの違い まとめ ほとんどの画像ファイル JPG , PNG , GIF , WEBP , TIFF , RAW , HEIC etc… ラスター
- 23. ■ 各 画像形式の簡単な解説 ■ ラスターとベクターの違い 画像ファイル、結局 何使えばいいの?
- 27. JPEG（ジェイペグ、Joint Photographic Experts Group）は、コンピュータなどで扱われる静⽌画像のデジタルデータを圧縮する⽅式のひとつ。 JPEGでは、画像を固定サイズ（8×8画素）のブロックに分割し、そのブロック単位で、離散コサイン変換 (DCT: discrete cosine transform) を⽤いて、空間領域から周波数 領域へ変換する。この変換⾃体では情報量は削減されない。変換されたデータは、量⼦化ビット数の低減によって情報量を落としてから、ハフマン符号によるエントロピー符号 化がなされ圧縮が⾏われる。エントロピー符号化とは、データの⽣起確率の⾼低に応じて異なる⻑さの符号を割り当てることで圧縮を⾏うものである。 JPEGではブロック単位で変換を⾏うため、圧縮率を上げるとブロックの境界にブロックノイズと呼ばれるノイズが⽣じる。 また、周波数領域への変換においては、低周波成分に画像のエネルギーが集中するため、⾼周波成分のエネルギーは⼩さくなる。このため量⼦化を⾏うと⾼周波成分はゼロに 落ち、無くなってしまう。すると画像の急峻な変化を⼗分に表現できないため、エッジ周辺では、ある⼀点に集まる蚊にたとえモスキートノイズと呼ばれるノイズが⽣じる。 ⾊差を間引く為、特に⾚には弱く、⾚の部分でノイズが発⽣しやすい。 etc… HEIC , RAW , TIFF , WEBP , GIF , PNG , JPG 画像ファイルの使い分け
- 28. JPEG（ジェイペグ、Joint Photographic Experts Group）は、コンピュータなどで扱われる静⽌画像のデジタルデータを圧縮する⽅式のひとつ。 JPEGでは、画像を固定サイズ（8×8画素）のブロックに分割し、そのブロック単位で、離散コサイン変換 (DCT: discrete cosine transform) を⽤いて、空間領域から周波数 領域へ変換する。この変換⾃体では情報量は削減されない。変換されたデータは、量⼦化ビット数の低減によって情報量を落としてから、ハフマン符号によるエントロピー符号 化がなされ圧縮が⾏われる。エントロピー符号化とは、データの⽣起確率の⾼低に応じて異なる⻑さの符号を割り当てることで圧縮を⾏うものである。 JPEGではブロック単位で変換を⾏うため、圧縮率を上げるとブロックの境界にブロックノイズと呼ばれるノイズが⽣じる。 また、周波数領域への変換においては、低周波成分に画像のエネルギーが集中するため、⾼周波成分のエネルギーは⼩さくなる。このため量⼦化を⾏うと⾼周波成分はゼロに 落ち、無くなってしまう。すると画像の急峻な変化を⼗分に表現できないため、エッジ周辺では、ある⼀点に集まる蚊にたとえモスキートノイズと呼ばれるノイズが⽣じる。 ⾊差を間引く為、特に⾚には弱く、⾚の部分でノイズが発⽣しやすい。 これが暗唱できるらしいです etc… HEIC , RAW , TIFF , WEBP , GIF , PNG , JPG 画像ファイルの使い分け デザイナーは全員
- 29. JPEG（ジェイペグ、Joint Photographic Experts Group）は、コンピュータなどで扱われる静⽌画像のデジタルデータを圧縮する⽅式のひとつ。 JPEGでは、画像を固定サイズ（8×8画素）のブロックに分割し、そのブロック単位で、離散コサイン変換 (DCT: discrete cosine transform) を⽤いて、空間領域から周波数 領域へ変換する。この変換⾃体では情報量は削減されない。変換されたデータは、量⼦化ビット数の低減によって情報量を落としてから、ハフマン符号によるエントロピー符号 化がなされ圧縮が⾏われる。エントロピー符号化とは、データの⽣起確率の⾼低に応じて異なる⻑さの符号を割り当てることで圧縮を⾏うものである。 JPEGではブロック単位で変換を⾏うため、圧縮率を上げるとブロックの境界にブロックノイズと呼ばれるノイズが⽣じる。 また、周波数領域への変換においては、低周波成分に画像のエネルギーが集中するため、⾼周波成分のエネルギーは⼩さくなる。このため量⼦化を⾏うと⾼周波成分はゼロに 落ち、無くなってしまう。すると画像の急峻な変化を⼗分に表現できないため、エッジ周辺では、ある⼀点に集まる蚊にたとえモスキートノイズと呼ばれるノイズが⽣じる。 ⾊差を間引く為、特に⾚には弱く、⾚の部分でノイズが発⽣しやすい。 そんなわけない お察しのとおり、wikipediaより転載 https://ja.wikipedia.org/wiki/JPEG(2021年5⽉28⽇ (⾦) 17:18版) 冗談です etc… HEIC , RAW , TIFF , WEBP , GIF , PNG , JPG 画像ファイルの使い分け
- 30. JPEG（ジェイペグ、Joint Photographic Experts Group）は、コンピュータなどで扱われる静⽌画像のデジタルデータを圧縮する⽅式のひとつ。 JPEGでは、画像を固定サイズ（8×8画素）のブロックに分割し、そのブロック単位で、離散コサイン変換 (DCT: discrete cosine transform) を⽤いて、空間領域から周波数 領域へ変換する。この変換⾃体では情報量は削減されない。変換されたデータは、量⼦化ビット数の低減によって情報量を落としてから、ハフマン符号によるエントロピー符号 化がなされ圧縮が⾏われる。エントロピー符号化とは、データの⽣起確率の⾼低に応じて異なる⻑さの符号を割り当てることで圧縮を⾏うものである。 JPEGではブロック単位で変換を⾏うため、圧縮率を上げるとブロックの境界にブロックノイズと呼ばれるノイズが⽣じる。 また、周波数領域への変換においては、低周波成分に画像のエネルギーが集中するため、⾼周波成分のエネルギーは⼩さくなる。このため量⼦化を⾏うと⾼周波成分はゼロに 落ち、無くなってしまう。すると画像の急峻な変化を⼗分に表現できないため、エッジ周辺では、ある⼀点に集まる蚊にたとえモスキートノイズと呼ばれるノイズが⽣じる。 ⾊差を間引く為、特に⾚には弱く、⾚の部分でノイズが発⽣しやすい。 デザイナーが画像を使い分ける際 ↑これくらいざっくりした認識 容量が軽い ブロックノイズが出る ⾚系の⾊に弱い CMYKもRGBもサポートしている etc… HEIC , RAW , TIFF , WEBP , GIF , PNG , JPG 画像ファイルの使い分け
- 34. なぜかAdobe製品で 頑なにサポートしたがらないためか、 いまいち流⾏ってない pngとjpegのいいとこ取りのような性能らしい 可逆、不可逆圧縮 両対応、アルファチャンネルを扱える、 同サイズのpng , jpgよりちょっと軽い、など Googleが開発した、webに特化した画像形式 etc… HEIC , RAW , TIFF , WEBP , GIF , PNG , JPG ウェッピー 画像ファイルの使い分け
- 37. ■ 各 画像形式の簡単な解説 そこらへんのWebデザイナーと同じくらいの 理解度になったと思います ■ ラスターとベクターの違い 画像ファイル、結局 何使えばいいの? 第⼀部 お疲れ様でした
- 53. 無限に拡⼤できるという性質が、 印刷業界のデザインに利⽤されることとなる 印刷画像の解像度は、300dpi以上 ドットにするとサイズがめっちゃデカい - 印刷 - ※dpi=dot per inchの略。 300dpiは⼀辺1インチ(2.54cm)の正⽅形の中に300dot描画するということ。 例えばA4印刷だと3508*2480px ＝8699840ドットの画像情報 SVG今昔物語