画像ファイルの形式とデータサイ
ズ
Copyright © the University of Tokyo
準備
1. ファイルの保存場所として 「デスクトップ」 に 「practice」
フォルダをつくろう.(参考:HWB 14.3.4)
2. http://lecture.ecc.utokyo.ac.jp/johzu/joho/Data/ImageFormat
/imagesample.html
を開こう.
Copyright © the University of Tokyo
準備
3.画像またはアンカをクリックして画像を大きく表示し
た後,「ファイル」→「別名で保存」を選び,
「practice」フォルダにダウンロードしよう
Copyright © the University of Tokyo
準備
「場所」に「practice」
フォルダをうまく選べな
い時は,このマークをク
リックしてみよう
Copyright © the University of Tokyo
準備
4.画像をダウンロードできた事を確認しよう
「practice」フォルダに「image01.jpg」ファイルがある
のが確認できる(参考:HWB 14.3 )
Copyright © the University of Tokyo
入手した画像を見てみよう
「デスクトップ/practice」にあるimage01.jpgの
アイコンをダブルクリックしてみよう
画像を見ることが出来ただろ
うか?
Copyright © the University of Tokyo
ファイル形式

convertコマンドにより,入手したjpgファイルからpng
ファイル,gifファイルを作る
 jpg (Joint Photograph Experts Group)
• 約1670万種(24ビット)の色を表現できる.
• 写真の形式として適していると言われている
 png (Portable Network Graphic)
• 最大280兆色を表現できる.
• 圧縮率が高い.可逆圧縮である.
 gif (Graphics Interchange Format)
• 256色の色を表現できる.
• 平坦な画像に向いていると言われている
Copyright © the University of Tokyo
convertコマンド


ファイル形式の違うファイルをつくる時や画質の異なるファイ
ルをつくる時に使うコマンド
「ターミナル」から使う
(参考:HWB15.2など)
jpgファイル(sample.jpg)からpngファイル(sample.png)を
つくる時には以下のように打ち込む
ci113003m:practice 0123456789$ convert sample.jpg
sample.png
拡張子によりファイル形式を判断している
アカウント番号(10桁)
自分のいるディレクトリ
端末番号
Copyright © the University of Tokyo
convertコマンドを使ってみよう
1.「ターミナル」を起動する(HWB 15.2)
2.「practice」フォルダへ移動する
「practice」フォルダ
へ移動する
(HWB14.4.2)
「practice」フォルダ
の内容を確認しよう.
「image01.jpg」が
あるか?
(HWB14.4.2)
Copyright © the University of Tokyo
convertコマンドを使ってみよう
3.convertコマンドを使用する
「image01.jpg」ファイル
から「image01.png」ファ
イルを作る
実際に「image01.png」が出
来ていることを確認する
同じようにして「image01.jpg」から「image01.gif」を
作ってみよう
Copyright © the University of Tokyo
ファイル形式の違う画像を見てみよう

「practice」フォルダにあるpng形式の画像ファイ
ル,gif形式の画像ファイルを見てみよう
 アイコンをダブルクリック
ファイル形式の違いによる,
目に見える見え方の違いは
あるだろうか?
Copyright © the University of Tokyo
画像ファイルの大きさを調べる

lsコマンドに-lをつけて入力するとファイルの大きさ
などの詳しい情報を知ることが出来る
(HWB 14.4.2)
gif形式のファイルはどのくらいの大きさになったか?
Copyright © the University of Tokyo
画質を変えたファイルをつくる

convertコマンドにqualityオプションを付けて入力すると
画質の異なる画像ファイルをつくることができる
「image01.jpg」からqualityを10と指定した「image01_q10.jpg」を
つくる時には以下のように打ち込む
ci113003m:practice 0123456789$ convert –quality 10 image01.jpg
image01_q10.jpg

同様にして,qualityで指定する値を変えていくつかの
ファイルを作ってみよう
 できたファイルの画質とファイルサイズを見てみよう
Copyright © the University of Tokyo
画質を変えたファイルをつくる
ファイルサイズはどのように
変化しただろうか.
見え方はどうだろうか.
qualityにどの程度の値を設定
したものならば許容できるか?
一般にデータサイズを小さくする
ためには,画質の低下を許容し
なくてはならない
Copyright © the University of Tokyo
不可逆圧縮と可逆圧縮

現在利用されているjpg圧縮のほとんどは不可逆
圧縮.また,png形式で用いられる圧縮は可逆圧
縮である.

qualityに指定する値を操作して不可逆圧縮と可
逆圧縮について体験しよう
Copyright © the University of Tokyo
元となるファイルの用意

image01.jpgとimage01.pngから,それぞ
れqualityの値に50を指定したファイルを作ろう
Copyright © the University of Tokyo
元となるファイルの確認

作ったファイルの見え方を確認しよう
Copyright © the University of Tokyo
画質を下げてみる

qualityに50を指定して作ったファイルから,
qualityを1に指定して,ファイルを作ろう
Copyright © the University of Tokyo
画質を「元に戻す」事を試みる(jpg)

qualityを1に指定して作ったファイルから,
qualityを50にして,元のファイルと「同じ」ファイ
ルを作る事を「試みて」みよう
元のファイル
元のファイルと「同じ」に
戻そうと試みたファイル
両方の画像のサイズが
異なる.つまり「元」に戻
せていない.
Copyright © the University of Tokyo
画像を比較してみよう(jpg)
「元」に戻っていない事が
分かる
Copyright © the University of Tokyo
画質を「元に戻す」事を試みる(png)

同じような操作をpng形式のファイルに施して「元
に戻す」事を試みてみよう
両方の画像のサイズが
同じになっている.「元」
に戻せている.
画像を確認しても「同じ」事が実感
できるだろう
Copyright © the University of Tokyo
自分でやってみよう
1.
画質を変更せずに,各サンプルファイルから
jpg,gif,png形式のファイルを作ってみよう.そ
れぞれのサンプルファイルについて,最もファイル
サイズの小さくなる形式はどれだろうか.
2.自分で作った図記号,自分で撮った写真などで同
様の操作をしてみよう
 ファイル形式を変えてみよう.見え方やファイルサ
イズはどうなるか?
 qualityオプションに色々な値を入れてできあがりを
見てみよう
Copyright © the University of Tokyo
ダウンロード

圧縮とファイル形式