ブロ友パソコン相談室

画像の鮮明さについて

26日、27日はテーマ投稿をお休みさせて頂きます。
なお、画像の鮮明さについて5月28日にもう少し整理して分かり易く説明します。


画像サイズの勉強をしたついでに印刷との関係について調べてみましょう。

デジカメは画像をJPG（JPEG）ファイルという形式で記録しています。
撮影した画像データをパソコンに移して、手を加えてから「画像アップロード」します。
（アップロードとはインターネット上のサーバーに画像データを保存することです）
ブログに表示される画像はサーバーに保存された画像データが元になっていますから、アップロードする画像は可能な限り画質の良いものにしておきたいという訳です。
以上のことは「画像サイズの秘密」でご理解頂けたと思います。

さて、問題の画質ですが、ここからは見た目の問題になります。
デジカメの性能はご承知のように300万画素とか700万画素というように画素数で表されます。
この数値はJPEGファイルでは「大きさ」の項目で表示されます。
JPEGファイルの大きさの例
【一眼レフ デジカメの原版】
3070×２３０２ ピクセル＝7,067,140ピクセル（700万画素）
【小型デジカメの原版】
2048　1536　ピクセル＝3,145,728ピクセル（300万画素）
【牡丹のアップロード画像（１）】
1024×768 ピクセル＝786,432ピクセル（78万画素）
【牡丹のアップロード画像（２）】
43×３2ピクセル＝1,376ピクセル（1376画素）

この画素数の違いは何に影響するのでしょう。
次の画像を見て頂くと分かると思います。
1枚の牡丹の写真を6種類の画素数に加工し、Ｌ版（127×89ｍｍ）の写真用紙に印刷。
その写真をスキャナーで取り込んでアップロードした画像です。

【大きさ　43×３２ピクセル】

【大きさ　150×112ピクセル】

【大きさ　255×192ピクセル】

【大きさ　350×262ピクセル】

【大きさ　1024×768ピクセル】

【大きさ　3070×2302ピクセル】


パソコンの画面の拡大レベルを100%にして上の画像を見てください。
普通サイズのパソコン画面ではＬ版の写真と画像の大きさがほぼ同じくなります。
印刷した写真の鮮明さの違いが分かると思います。
私の手元にある写真と見比べていますが、ぼやけ具合は同じように見えます。

印刷の画質は1インチ（25.4ｍｍ）当たりのピクセル（画素数）で決まります。
一般には1インチ当たり70画素以上必要とされています。
Ｌ版の写真用紙の寸法は127×89ｍｍですから
計算すると350×245ピクセルの大きさが必要になります。
上の画像を見ますとそのことが理解できると思います。

どのくらいの大きさの写真用紙に印刷できるか計算してみました。
【大きさ　43×３２ピクセル】
16×12ｍｍ
【大きさ　150×112ピクセル】
54×112ｍｍ
【大きさ　255×192ピクセル】
92×69ｍｍ
【大きさ　350×262ピクセル】
127×95ｍｍ　（Ｌ版サイズ）
【大きさ　1024×768ピクセル】
351×278ｍｍ
【大きさ　3070×2302ピクセル】
1114×835ｍｍ

【結論】
以上のことから分かったこと。
（１）Ｌ版サイズに印刷するのであれば、350×262ピクセル以上の大きさのＪＰＥＧファイルをアップロードする。
（２）1024×768ピクセルの大きさのＪＰＥGファイルであればかなりの大きさの写真に印刷できる。
（３）700万画素のデジカメで撮影すると横１ｍのサイズに引き伸ばしが出来る。

以上です。

画像サイズの秘密（最終回）

隠された秘密をもう一つ実例で探ってみましょう。
途中はともかくとして最後の【まとめ】だけは是非お読みください。

【実例2】
下の画像は４回で説明した画像です。
【43×32 ピクセルの画像ファイル】

【1024×768 ピクセルの画像ファイル】



上の画像に対して次の操作をしてみてください。
①パソコンの画面の右下の１００％の右に有る▼をクリックして出てきたリストの［400%]をクリックします。

②4倍に拡大された画面になります。文字と左側の画像が見えるようにスクロールしてください。そして上の段の左端の画像をクリックします。

③別画面が表示されます。[最大化]ボタンをクリックします。

④牡丹の大きさは変わりませんが、ちょっとピンボケですね。写真の画質を確認して画面を閉じます。

⑤次に下の段の左端の画像にマウスポインタを合わせてクリックします。

⑥別画面が表示されます。[最大化]ボタンをクリックします。

⑦画面一杯に写真の一部が表示されます。
スクロールして牡丹が見えるようにしてください。　大きくしても画質は良好ですね。確認後画面を閉じます。

画質を比較する目的もあり画面の拡大レベルを「４００％」にしましたが、「１００％」にするとちょうどよい大きさになります。

【秘密3】
パソコンの画面に表示される画像はアップロードした画像ファイルから作られていることが分かりました。
43×32ピクセルの画像は拡大すると画質が悪くなりますし、1024×768ピクセルの画像は4倍に拡大しても画質は良好です。

【秘密4】
エキサイトブログの場合は画像をクリックして出てくる別画面の画像は画像ファイルの大きさで表示されることが分かりました。

【まとめ】
今回のテーマ投稿に際して私自身、画像の仕組みの整理が出来て大変勉強になりました。
「画像」はパソコン教室では難解な講座の一つです。いつも講師、受講生、頭を抱えていました。
いろいろと工夫をして説明しましたが、ご理解頂けたでしょうか。
途中経過はともかくとして、
ブロ友の皆さまには次の2点をマスターして頂ければ嬉しいです。
①画像は許容されているファイルサイズに収まるように加工してからアップロードする。
　エキサイトブログの場合は最大500KBです。
JPEGファイルは大きさが1024×768 ピクセルであれば、だいたいは５００KBに収まるようです。
私はPicture Manager で画像を加工していますが、サイズ変更は定義済サイズの中の「ドキュメント大（1024×768）」を使っています。
②画像の大きさは画像タグを直接書き変える。
下の画像タグは1024×768 ピクセルの画像をアップロードしたときに入力欄に挿入されものです。
赤字の部分が画像の大きさを指定するところです。
［#IMAGE|d0181824_1383760.jpg|201205/24/24/|mid|1024|768#］
（注意　[　　]　大カッコは全角に変更してあります）
下の画像はこのタグで表示されているものです。

画像を右クリックして｛プロパティ｝で画像の大きさを確認してください。
表示されている画像の大きさは520×390 ピクセルです。
ブログには最大値が設定されていて、それより大きい場合は、自動的に最大値に縮小されて表示されます。私のブログは中央配置で指定すると最大値は横520ピクセルなのです。
常に最大値で表示するのであれば何もしなくてもよいですが、小さい画像にしたいときはこの数字を直接書き換えてください。
例えば、43×32ピクセルの大きさに変えるには、次の赤字のように書き換えます。
［#IMAGE|d0181824_1383760.jpg|201205/24/24/|mid|43|32#］
下の画像は書き換えたタグで表示されているものです。


画質の良い画像ファイルがエキサイトのサーバーに保存されていますので、
いつでも「名前を付けて画像を保存」することもできますし、ブログの画像をクリックすると、閲覧者に大きな画像を見て頂くことが出来ます。

　　　　以上で終了です。
皆さまのご意見・ご感想をお待ちしております。

画像サイズの秘密（5）

隠された秘密を実例で探ってみましょう。

【実例１】
「大きさ」と「サイズ」の秘密
デジカメで撮影した牡丹の写真があります。一枚は普通に、もう一枚はズームアップして撮影しました。
原版は3070×2302 ピクセル（700万画素）という大きな写真です。
これを１０２４×768 ピクセル（約80万画素）に縮小してアップロードしました。
【普通に撮影した牡丹】
【ズームアップで撮影した牡丹】


上の画像に対して次の操作をしてみてください。
①パソコンの画面の拡大レベルを100%にして、
　「普通に撮影した牡丹」にマウスポインタを合わせてクリックします。

②別画面が表示されます。最大化ボタンをクリックします。

③牡丹の大きさが変わらないことを確認したら画面を閉じます。

④次に「ズームアップで撮影した牡丹」をクリックします。

⑤別画面が表示されます。最大化ボタンをクリックします。

⑥画面一杯の牡丹になります。


【秘密１】
画像のサイズ（大きさ）を表す単位には次の3種類あることが分かりました。
①パソコンの画面に表示する画像の大きさ（見た目の大きさ）　　単位はピクセル
　 画面の拡大サイズが100%の時は画面の大きさと１対１の関係になります。
　私のパソコンの画面は１３６６×768 ピクセルです。画像の大きさは納得ですね。
②画像を構成する画素数の大きさ　　　単位はピクセル
③画像ファイルのデータ量すなはちファイルサイズ　　単位は　B（バイト）、KB、MB

【秘密２】
ファイルサイズは絵柄が細かくなれば大きくなり、単純になれば小さくなるという秘密を持っています。
「普通に撮影した牡丹」は546KB、
「ズームアップで撮影した牡丹」は416KBでした。
エキサイトブログでは500KBを超えると自動的に縮小されるという秘密があります。
アップロードされた画像は【ブログ最大】の520×390 ピクセルに縮小されていたのです。
普通の写真は1024×768 ピクセルの大きさであれば、500KB以下に収まりますが、中には超えるものもあります。秘密が分かれば納得ですね。
私の場合、写真はいつも【ドキュメント大】（1024×768）に加工してからアップロードしています。
こうしておけば画像ファイルをいろいろと使えますからね。
質の良い写真をエキサイトブログのサーバーに保存できることも魅力です。
今日はここまで。
次回は最終回です。

画像サイズの秘密（４）

画像サイズの秘密の核心に迫りましょう。

700万画素のデジカメで撮影した1枚の赤い牡丹。
「大きさ」を加工して5種類の画像ファイルをデスクトップに保存しました。

【画像ファイルの説明】
【　　】はファイル名、大きさとファイルサイズは画像ファイルのプロパティより転記。
（１）【原版】　大きさ　3070×2302 ピクセル　ファイルサイズ 2.36MB（２３６０KB）
　　　３０７０（横）×２３０２（縦）＝700万画素のかなり大きな写真です。
（２）【ドキュメント大】　大きさ 1024×768 ピクセル　ファイルサイズ 406KB
　　　78万画素。私のXPパソコンの画面と同じ大きさです。
（３）【ブログ最大】　大きさ 520×390 ピクセル　ファイルサイズ 147KB
　　　約20万画素。520ピクセルはブログ画像の最大横幅です。（スキンにより異なります）
（４）【ブログ横2枚】　大きさ 255×191 ピクセル　ファイルサイズ 58KB
　　　約5万画素。255ピクセルは横に2枚並ぶ最大横幅です。（〃）
（５）【ブログ横10枚】　大きさ 43×32 ピクセル　ファイルサイズ　17.5KB
　　　約1万画素。４３ピクセルは横に10枚並ぶ最大横幅です。（〃）
　　　（最大横幅の算出方法は別の機会に説明しましょう） 　

【画像ファイルを「中央」配置でアップロードすると】
（ここからはエキサイトブログで説明します）
（１）【原版】　大きさ　520×390 ピクセル　サイズ　145KB
（「大きさ」と「サイズ」は下に表示されている画像のプロパティより転記）
アップロードの画像ファイルが５００KBを超えているため、【ブログ最大】のサイズに自動圧縮されています。
自動圧縮が最大注目点です。

（２）【ドキュメント大】　大きさ　520×390 ピクセル　サイズ　416KB
アップロードの画像ファイルは500KB未満です。サイズはそのまま。大きさのみ【ブログ最大】に自動縮小されています。
大きさの自動縮小が注目点です。

（３）【ブログ最大】　大きさ　520×390 ピクセル　サイズ　151KB
画像はアップロードの画像ファイルと同じです。

（４）【ブログ横2枚】　大きさ　255×191 ピクセル　サイズ 59KB
画像はアップロードの画像ファイルと同じです。

（５）【ブログ横10枚】　大きさ　43×32 ピクセル　サイズ 18KB
画像はアップロードの画像ファイルと同じです。

【参考　投稿の入力】

【画像配置とサイズを変えると】
（１）【ブログ横2枚】の画像を横に2枚並べる　大きさ　255×191 ピクセル　サイズ 59KB
　①コピーと貼り付けで【ブログ横2枚】の画像タグ2枚挿入。
　②中央配置（mid）を左配置（left）に書き換え


（２）【ドキュメント大】の画像を横に2枚並べる　大きさ　255×191 ピクセル　サイズ 416KB
　①コピーと貼り付けで【ドキュメント大】の画像タグ2枚挿入。
　②中央配置（mid）を左配置（left）に書き換え
　③サイズを横１０２４を２５５へ、縦７６８を191へそれぞれ書き換え　


（３）【ブログ横10枚】の画像を横に10枚並べる　大きさ　43×32 ピクセル　サイズ 18KB
　①コピーと貼り付けで【ブログ横10枚】の画像タグを10枚挿入。
　②中央配置（mid）を左配置（left）に書き換え。　


（４）【ドキュメント大】の画像を横に10枚並べる　大きさ　43×32 ピクセル　サイズ 416KB
　①コピーと貼り付けで【ドキュメント大】の画像タグ10枚挿入。
　②中央配置（mid）を左配置（left）に書き換え。
　③サイズを横１０２４を43へ、縦７６８を32へそれぞれ書き換え。

　　
【参考 投稿の入力】

今日はここまで。

画像サイズの秘密（３）

下の画像は、
URL　http://pds.exblog.jp/pds/1/201205/13/24/d0181824_1440288.jpg
に保存されている写真画像であることが分かりました。
そして、ファイルの種類はJPGファイル・・・・私たちが普段デジカメで扱っている画像ファイルと同じです。

しからば、この画像ファイルもパソコンに保存できる筈です。
ドラえもんのなんでもポケットならぬ、魔法の道具箱を「右クリック」で開いてみましょう。

①　画像の上（赤丸）で右クリックします。
「名前を付けて画像を保存する」という使い慣れた道具があります。これをクリックします。

②　「画像の保存」画面が出て来ます。
保存場所を「デスクトップ」にして[保存]をクリックします。

③　デスクトップを見てみます。赤枠が今保存した画像ファイルです。
その下の画像は５月１３日にアップした画像ファイルです。

④　２つの画像ファイルを調べてみましょう。
画像を右クリックし、出てきたリストの［プロパティ］をクリックするとプロパティ画面が出ます。
ファイルの名称は異なりますが、中身は同じものであることが分かります。


【ファイルの種類】　JPGファイル（.jpg）
【サイズ】　３８５ KB （394,500　バイト）
【ディスク上のサイズ】　３８８ KB　（397,312　バイト）
ここには【大きさ】の項目はありません。
【大きさ】は表示する画像の大きさを示すものですからここには含まれないのです。

ホームページやブログの画像ファイルを取りく込んだり、インターネット上に画像ファイルを保存できることを知りました。
画像の所有者の利益を害さないよう注意すれば、応用できそうですね。
(ただし、画像を保護しているサイトもあります。右クリックしても何も反応がない画像は諦めてください）
今日はここまで。

More 金環日食