2020（令和2）年度のテキストです

第３講

博物館情報・メディア論

画像データと画像メディアのフォーマット

１．画像データ 音声ファイル１ O6009③博物館情報・メディア論2.mp3
１）ラスタ画像（＝ビットマップデータ）

64
9 3

10

座標を用い方眼紙のように１マス１マスに色彩データを置いて画像を表す
画像はピクセルの集合となる
写真やスキャニングのデータはラスタデータ
主なデータ形式の拡張子：.tif .tiff（てぃふ）、.jpg .jpeg（じぇいぺぐ）、.gif（じふ）、.png（ぴーえぬじー）
拡大するとディスプレイでは画像が粗くなり、ジャギーやドットが見えるようになる
２）ベクター画像（＝ベクトルデータ）
関数グラフのように計算によって線を描く。画像は計算値の集合である
拡大してもジャギーやドットが目立つなど画像の乱れがない
おもなデータ形式の拡張子：.eps（いーぴーえす）、pdf（ただしスキャニングデータをpdfで保存してもラスタのまま）、.ai（えーあい＝アドビのアプリ「イラストレーター」のデータ）
ベクトル画像を通常のインクジェットやページプリンタで印刷する場合、コンピュータはベクトルデータをラスタ画像に変換している（ラスタライズという）。これらの通常プリンタはドットの集合で画像を作成しているため。ベクトルデータのまま出力する装置にはプロッターという製図出力機がある。これは人間と同じようにアームでペンを動かして作図する（ただし近年はインクジェットプロッターというラスタ方式のものが主流となっており、特に区別する場合にはペンプロッターという）。
下の図はベクトルデータであるので、拡大してもジャギーが現れない

知床岬

46° N
200 m

北見大和堆

Kitami-YamatoBank
1000 m
200 m

能取岬

NotoroCape 3´

63
網走

Japan
Sea
44° N

Hokkaido

42° N

5Pacific Ocean

140° E

1 4

144° E

2
ウトロ

Utoro

オホーツク海

知床半島

斜里 Shari

Yambetsu

羅臼

Rausu

1000m
600 m
400 m

44˚ 0´ N
200 m

Okhotsk Sea

止別144˚ 30´ E

148° E

Shiretoko
Peninsula

Abashiri
10km

Shiretoko
CapeOkhotsk Sea

根室海峡
145˚ 0´ E

Nemuro Strait

ロゴの例 左は gif、右２点は png

３）画像データの種類と特徴
jpg, jpeg

1600万色扱え非可逆圧縮しデータ量が小さくなる。境界がぼやける。デジカメの標準フォーマット

gif

256色だが非圧縮でエッジがクリア、アニメーションも使える。ロゴやバナーに用いた

tif, tiff

1600万色扱えるが非圧縮でデータ量が巨大。加工を前提にしたデジカメデータや保存用に使う

png

1600万色扱え可逆圧縮。データ量はjpgより大きいが輪郭がくっきり。GIFに代わりつつある

右：gif は256色だが画像によってはフルカラーのように見える。カタツムリの画像は左がjpg、右がgif。ラスタデータなので拡大すると画像のドットが見える

左：jpg 圧縮率が高いとファイルサイズは小さいが画質は悪くなる。画質の劣化は物の形が写っていない空などの単純なグラデーションで目立つ。海面は波立っており形が知覚され画質の低下はほとんど感じない

JPEG、GIF、PNG、TIFF、BMP…いろいろな画像ファイルと特徴｜それからデザイン スタッフブログ
http://sole-color-blog.com/blog/internet/103/

PNGとJPEGの違いとファイル圧縮のしくみ、徹底まとめ｜WWWクリエイターズ

http://www-creators.com/archives/1031

４）フォントの画像
ビットマップフォント Bitmap font ラスタデータ
アウトラインフォント Outline font ベクトルデータ*フォントのアウトライン化

フォントをアウトライン化するとベクトル画像として扱える。
変形や着色が自在。印刷会社フデビンウェブページよりhttps://www.fudebin.com/data/about/faq/font-outline/

アウトラインフォントの外枠をトレースしたベクトル画像データを作成すること。テキストデータは失われる【参考ウェブページ】
ラスタとベクタの違いとは【初心者のためのIllustrator使い方講座】

http://www.tutorialmaniacs.net/page-1813/page-1778「ビットマップデータ」と「ベクターデータ」の違い｜ウェブ学のすすめ
http://webgaku.hateblo.jp/entry/20120408/1333859650

ビットマップフォントとアウトラインフォント 聖愛中学高等学校

http://seiai.ed.jp/sys/text/cs/chp02/c02a140.html

簡単まとめ！アウトライン化の方法と理由と注意点 印刷ナレッジノート
http://www.nishioka.co.jp/note/illustrator-outline



２．サイズと解像度 音声ファイル２ O6009③博物館情報・メディア論3.mp3【参照ウェブページ】
Adobe Photoshop マニュアル＞画像サイズと解像度

https://helpx.adobe.com/jp/photoshop/using/image-size-resolution.html

解像度を表す「dpi」「ppi」「lpi」の違いとは？ウェブ学のすすめ http://webgaku.hateblo.jp/entry/20120409/1333941790
デジタル画像の単位について[dpi、ppi、lpiの関係] | DigiLife

http://blog.koss.jp/article̲12.html

１）用語の整理
画像のサイズや解像度はさまざま場面で用いられ、聞き慣れない用語も多い。理解していれば適切な画像データが選択しワードやパワーポイントを適切なファイルサイズにまとめることができる。逆に知らなかったり無視して画像データを取り扱うと不必要に大きなファイルとなり出力がうまくいかなかったりする。用語や用法に混乱も見られるので画像データの業界標準規格（デファクトスタンダード）を作ってきたアプリ会社アドビ（Adobe）の用法を参考に整理する。
画像サイズ Image size アドビのアプリでは日本語の「画像サイズ」として実際のデータ（ピクセル数）と見え方（ドキュメントサイズ）の２つの方式で表示操作している。ドキュメントサイズも日本語としては不適切であり混乱する。
ピクセル Pixel ラスタデータのドット、またはディスプレイの画素を示す単位
ピクセル寸法 Pixel dimensions ラスタデータの縦横のピクセル（pixel）数で表す。縦横かけ算したものがピクセル数。これが実際のデータサイズ、情報量である。これを変更するとデータそのものが影響を受ける。
ドキュメントのサイズ（出力サイズ）この場合のドキュメントとはディスプレイで見えている画像やプリントされる画像のこと。単位は mm, cm, inch など長さの単位で表すが、画像解像度とともに pixel, point などピクセル数で示すことも可能。また画像解像度も示されている。「画像の再サンプル」「イメージを再サンプル」のチェックを外して操作すると、データは同一のまま変更される。縦横の寸法を大きくすると画像は粗くなり、ついにはドットが目立つようになる。再サンプルのチェックを外した場合、画像解像度を変更しても寸法が変わる。解像度を上げれば寸法は小さくなる。
*以降「画像サイズ」はドキュメントサイズの意味で用いる
画像解像度 Resolution 出力された画像（ドキュメント）の情報の密度。１インチあたりのピクセル数で表す。
単位はppi。ピクセルは液晶画面の１つの点（ドット）。画像データそのものには解像度の概念はない。
ppi（ぴーぴーあい、pixel per inch ぴくせるぱーいんち）画面解像度を表す単位。１インチあたりの画素数
ファイルサイズ File size データ容量のこと。同一画像であってもファイルサイ（ファイル容量）ズはフォーマット（ファイルフォーマット、ファイル形式 jpg, gif, tif など）によって異なる。
２）解像度
解像度は画像の出力された見え方や出力装置に対して用いる。同一データでも指定によって異なる寸法で出力（ディスプレイ、プリント）が可能。また同一の出力装置が異なった解像度で画像を出力することもできる。ディスプレイ（画面）では単位長（１インチ）あたりの画素数で表し単位 ppi、プリンタではドット数で表わすので単位は dpi（でぃーぴーあい、dot per inch）となる。ただし、テレビやスマホでは現実には画素数（ピクセル寸法）を「解像度」として用いている。これは誤用である。ディスプレイは異なった解像度の画面を提供することが可能で、このような場合の説明に混乱を招く。
パソコンのディスプレイは、ノート型で13インチ1920 1080のフルハイビジョン相当の画素数が標準。スマホの画面も同等あるいはそれ以上のピクセル数だがサイズは5‒6インチと小さい。つまりが解像度はパソコンよりス

画像解像度による違い上段左から 150 ppi、75 ppi、37.5ppi、下段左から 18.7 ppi、9.4 ppi、4.7 ppi
マリー=ガブリエル・カペ「自画像」国立西洋美術館 https://www.nmwa.go.jp/jp/collection/2001-0002.html

マホの方が高い。スマホの解像度は 326 ppi など印刷物に相当するほどである。解像度は数字が大きいほど画像は細かくなめらかになる。現在のスマホのカメラは極めて高精度であり、通常のプリンタやディスプレイよりも遙かに大きいピクセル寸法で撮影される。フルハイビジョンでも207万画素である。よって出力装置に適した画像解像度に落として用いることが適していることが多い。
３）画像サイズ
画像サイズはアドビがいう「ドキュメントサイズ」として用いることが普通。出力された画像の寸法の意味である。解像度とは独立して指定可能である。同一の画像サイズであってもディスプレイでは解像度によって異なった寸法で見える。画像サイズが指定の寸法となるのは、プリントした時と考えてよい。モニタで見ている画像の表示を拡大縮小する動作は、単に見え方の調節である。画像サイズにもファイルサイズ（データ容量）は変化しない。もし画像サイズやファイルサイズが変わったならば、別の動作をしている。
*現在のアプリでは、元データよりも高い解像度での出力を指定すると、データを補完して見え方に違和感がない
ような高解像度の画像を作成する機能が備わっている。日常の使用では問題はないが、一種の捏造［ねつぞう］であり博物館の資料写真や実験データでは用いてはならない
３．画像メディアのフォーマット 音声ファイル３ O6009③博物館情報・メディア論4.mp3
１）メディアとフォーマット（＝判型）
ここでいうメディアとは出力媒体である。媒体の英語が media である。溶媒や絵の具の希釈剤、培地の英語はmedium で、media はその複数形。新聞や写真やCDに画面は情報の媒体すなわちメディアということになる。
液晶やその他の出力装置の発達はとくにスマホやテレビなど個人の消費財でめざましいが、仕事の現場ではある

程度の期間を使用するので古い機器が存在する。10年前の知識が必要となる場面も多い。さらに博物館では過去のメディアも保存展示するので、古いメディアの知識も必須である。
２）ディスプレイ
コンピュータやテレビなどに用いられるディスプレイの画素数や名称は次のようなものであった。近年はアルファベットの名称を用いず、ピクセル寸法でそのまま呼ぶことが多い。また、アスペクト比（縦横比）にはいくつかの系列があることにも注意。たとえばパワポのスライドを作成する際には、投影機器のピクセル寸法を事前に知る必要がある。アスペクト比はピクセル寸法から計算可能。
現在、液晶ディスプライのアスペクト比はハイビジョン比率（16：9）に収斂してきている
アスペクト比4：3

QVGA 320 240, VGA 640 480, SVGA 800 600, XGA 1024 768, UXGA 1600 1200

16：9 HD720 1280 720, （小型液晶テレビ）1366 768, フルHD 1920 1080, 27inchパソコン 2560 1440
【参照ウェブページ】
Wikipedia - 画面サイズ

https://ja.wikipedia.org/wiki/%E7%94%BB%E9%9D%A2%E3%82%B5%E3%82%A4%E3%82%BA

中央右の図「主な規格のピクセル数と画面アスペクト比」をクリックして見る
３）フィルムアナログカメラの撮影媒体は多くの種類が存在してきたが、現在の日本の博物館が多く所蔵するのはフィルムと乾板（ガラス乾板、ガラスネガ）である。乾板［かんぱん］は感光剤をガラス板に塗布したもので1900年代から普及し1950年代まで、好みによってはもっと遅くまで用いられた。フィルムよりも平面性に優れ、階調や解像度も良好であった。フィルムは小型から中判は筒状に巻き取られたロールフィルム、大判フィルムは１枚１枚別になったシートフィルムである。大判フィルムのサイズは乾板と共通している。
フィルムの物理的なサイズと実際のフォーマット（判型、撮影１枚分のフィルム外寸に相当）、そして露光範囲（有効画面サイズ）は異なる。とくにロールフィルムでは複数のフォーマットが設定可能で細長い形にすることが可能でパノラマ撮影として用いられてきた（コンパクトカメラでの「パノラマ撮影」は通常の露光範囲の上下トリミングである）。ロールフィルムでは物理的なサイズはフィルム幅またはフィルム規格（Film gauge）とフォーマットの両方の呼び名が用いられる。
なお、標準的なプリントの判型（フォーマット）はいずれのフィルムフォーマットとも異なる。
○静止画用（カメラ用）フォーマット
乾板とシートフィルム（大判フィルム） 8 10［えいとばいてん］、5 7［ごしち］、4 5［しのご］、いずれもインチ、5 7フィルムはまれ。シートフィルムを用いるのが大判カメラ
ロールフィルム APS［エイピーエス］、35mm（規格名は135）、ブローニー（フィルム幅6cm、規格は120と220、フォーマットは6 9、6 8、6 7、645）など。ブローニーフィルムを用いるのが中判カメラ○動画用（映画用）フィルム規格
70mm、35mm、16mm、9.5mm（パテベビー）、8mmなど。いずれも物理的な横幅【参考ウェブページ】図は拡大可能なことがある
フィルムの種類とフォーマットについて｜CAMERA fan

https://camerafan.jp/cc.php?i=606

CGcompo カメラの話をしよう！・基礎編｜CGcompo

http://cgcompo.blog134.fc2.com/blog-entry-33.html

写真フィルムのフォーマット|アクティブスタジオ

http://www.activestudio.net/ginen/filmsize/

フィルムの大きさ比較｜エプソンスキャナー GT-X980



http://www.epson.jp/products/scanner/gtx980/feature̲2.htm

*写真や映画のフィルムについて、博物館での課題は保存にある。現在のフィルムの材料はペットボトルとおなじポリエステスであるが、昔用いられたセルロイド（ナイトレート）は発火性があり一度火が付くと消火が不可能。フィルムアーカイブでの火災も発生している。その後に安全フィルムとして登場したアセテートは不燃材であるが化学変化によって酢酸を生じ赤く変色し最後は自己分解してしまう。これを「ビナガーシンドローム」と「ビネガーシンドローム」と呼び発生すると止めることができない。
下は長期間フィルム缶やポリ袋に密閉保管した結果発生したビネガーシンドロームの状況

4 5 102 127

ブローニーフィルム

645 56 41.5

6 656 56

6 756 70

6 956 84

35mm 24 36
APS-C
16.7 30.2

フィルムの実寸 ロールフィルムは有効画面サイズ、シートフィルムはフィルム外寸

8 10 203 254

４）センサーサイズ
カメラのセンサーサイズの一部はフィルムカメラのフォーマットを踏襲している［引き継いでいる］。おなじレンズを用いた場合、センサーサイズが小さと望遠に大きいと広角になる。センサーは１画素の寸法が大きいほど階調表現やノイズが出にくく高画質である一眼レフやミラーレス

フルサイズ（FX）=35mmサイズ、APS-C（DX）=APSサイズ、フォーサーズ

高級コンパクトカメラ

1/1.8型、1インチ型

普及価格帯コンパクトカメラ

1/2.7型【参考ウェブページ】
センサーサイズの比較｜カメラアーカイブス

http://archives.jpn.org/camera/a12.html

イメージセンサーのいろいろなサイズとそれぞれの特徴｜中古カメラレンズ買取の専門店ファイブスターカメラ
https://fivestarcamera.net/column/post-15010/“フルサイズセンサー”と“APS-Cセンサー”の違いとは？ 知っておきたい６つのポイント｜ソニー
https://www.sony.jp/msc/owner/recommend/alens/sensor̲apsc̲ff/?s̲pid=jp̲/ichigan/feel-focus/̲sensor̲apsc̲ff

デジタルカメラと35mmフィルムの解像度（解像度比較2回目）｜DXA デキサホールディングス
http://www.dxa.co.jp/column/film̲d/【レポート３】
課題：コロナウイルスの影響が如実［にょじつ］に現れた風景や様子を撮影し、そのうち２枚をワードで作成した文書に貼り付け、ワード形式 .docx の添付ファイルとして農大メールで提出する
条件：
１）最上行を署名欄とし、学科、学籍番号［半角］、氏名を記す。フォントは12pt 游ゴシック YuGothic UI
Light（なければメイリオ）とする
２）２行目 タイトル、内容にふさわしいものを簡潔に
３）様式 A4判、余白は上左右20mm、下25mmとする
４）２枚の写真は別の内容とし、うち１枚はjpeg、もう１枚はgifに変換して貼り付ける。貼り付ける画像ファイルのピクセル寸法は長辺1024pxとする。トリミング可。トリミング後の縦横比の変形は不可。ワードに貼り付けて大きさを調整するときは角のポインタでおこなう。辺のポインタで操作すると縦横比が変化する。
ピクセル寸法の変更やgifへの変換方法が不明ならばWinなら「ペイント」Macは「プレビュー」を用いる。
Win ペイント＞ホーム＞イメージ＞サイズ変更、ペイント＞ファイル＞名前を付けて保存 gifを選択
Mac プレビュー＞ツール＞サイズを調整、プレビュー＞ファイル＞optionを押したまま＞書き出す gifを選択
不明があればツイッターで聞く
メールの件名：博物館情報メディア論レポート３
メール本文：１行のみ。署名欄とし、学科、学籍番号［半角］、氏名とする。他のことは記さない
提出先：教員のアドレス y3uni@nodai.ac.jp
提出期限：６月４日（木）正午 遅れた場合も提出してください。減点しますが評価対象です