第 七 章 （更新：2004.04.15.）#6007
第 七 章 背 景 写 真 な ど 『 画 像 処 理 』
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
（Ａ） ★ 『画像関係の初歩的用語解説』 ００１
（Ｂ） ★ 『画像』を美しく・綺麗に飾りたい ００２
（Ｃ） ★ 楽天で『画像縮小』は、なぜ、なにがずれる ００３
（Ｄ） ★ 『画像の比較ー１ 概論 Pixe と ｋB 』 ００４
Ｅ ★★
Ｆ ★
Ｇ ★
Ｈ ★
（Ａ） 『画像関係の初歩的用語解説』
画像のＨＴＭＬタグが、縦横の面表示を「横」「縦」の順番で
記載されているので、 その「 横縦順 」で記載します。
「 解 像 度 」
解像度は、一言で言えば、画像の精密さを表わします。 細かな違いなどを何処まで判断できるかということです。 例えば、一人の人物の写真を写した場合、「髪の毛一本いっぽんが、判断できるか」というものです。 これを数字で表わすようにします。 理解しやすくするために、１０ｃｍの幅の白紙に、バーコードのように「黒線」と「線のない白い部分」を同じ幅になるように描きます。１０本の線を書いた場合、５ｍｍ幅の線になります。 これを、どんどん細くして５００本描くと０.１ｍｍ幅ということになり、それらを写真に撮り、このカメラ（このレンズ、このフィルムなど）では、０.２ｍｍ幅まで判別できるとすると１０ｃｍ当り２５０本ということです。
「印刷物を見る」
印刷物を１０倍ぐらいのルーペで見ますと、小さい『点状の円（以下、「点」という）』が並んでいます。「美人の顔」が印刷されています。しかし、小さい「点」が並んでいます。ざらざらの肌に見えます（アナログ写真のプリントは、「点」が見えません）。この「点」一つひとつの色の変化によって、「カラー印刷」になります。
「スキャナの解像度」
スキャナのカタログをみますと、解像度４００ｄｐｉなどと書いています。これは、印刷物で説明した「点」＝「ドット」を直線に並べて、どれほど細かい「ドット」を読み取ることができるかを表わしたもので、ｄｐｉ（ドット・パー・インチ）と読み、１インチに４００個のドットを読み取ることができることです。
「デジカメの画素数」
通常写真などの「横と縦の比」は、「４：３」ですから、スキャナの４００ｄｐｉでは、横＝４インチ、縦＝３インチで、ドットの数は、横に４×４００＝１６００、縦が３×４００＝１２００で、面としては、１６００×１２００となりますから、１９２万個となり、これが画素数となります（１９２万画素）。
一般に２００万画素のデジカメは、この水準になります。 ２００万画素といわれるデジカメで撮影したものを保存しますと、１６００×１２００と表示されたりするのは、この為です。
＊メートル法が、施行されても、インチなんかが出てきて、判りづらくしていますが、１インチ＝２.５４ｃｍです。画像の４（インチ）×３（インチ）は、ハガキの半分より少し大きいと理解ください。
「ピクセル」 ＝大きさ＝横×縦」
ピクセルは、直訳しますと、
「ｋＢ」 ＝サイズ」
ｋＢ（キロ・バイト）は、「ｋ」が１０００倍ですから、１０００バイトであることは容易に理解できます。因みに、１００００００（１００万）バイトは、１ＭＢ（メガ・バイト）ということになります。
そこで、「バイト」ですが、
「メモリー」
「○○」
「○○」
（Ｂ） 『画像』を美しく・綺麗に飾りたい
◎上記写真は、デジカメ約２００万画素でストロボ使用撮影。
原画画像大きさなど １６００×１２００ピクセル
メモリ容量サイズ ９２ｋＢ
◎ソフト・ＸＰバンドルの「ペイント」を使用 縦・横をそれぞれ２５縮小
縮小画像大きさなど ４００× ３００ピクセル
メモリ容量サイズ ４２ｋＢ
アナログ・カメラが趣味で、「デジカメ」嫌いと何回も書いてきましたが、その理由は、二つあり、一つは本日の本題でないので省略しますが、もう一つが、『サイズ』と『大きさ』の語意に違い、使用上の違いなどで混乱し、整理がつかないことでした。
『浅学・薄学』が原因でしょうが、『サイズ』と『大きさ』の違いが、『日本語』と『英語』の違いから前へ進まなかったのです。
少し整理を自分なりにつけることができるようになりましたが、参考書などでも、このことは、明確に分離できておらず、『サイズ』の単位に「バイト」があったり、「ピクセル」があったり、大きさにも同様のことがあります。
『悠游』さんに質問すると『 Windows ではサイズはバイトで、大きさはピクセルで表示されますが、使う時はごちゃ混ぜで使っているように思います。』と答えていただき、『Windows では』と注釈を入れていただいているように思われます。
自己流で画像表示に関しては、当面次のように整理することにしました。
ピクセルは、「横」×「縦」の面積を表わす。
【正確には、面であって、面積ではないが、それは当面無視する。また「タグ」が、「横」「縦」の順番表記が多いので、その順番で記すこととする】
バイト（キロバイト・マガバイト）は、画像の容量・重みを表わす。
【コンピュータでは、半角１バイト、全角２バイトで表記し、全部で何文字かというより、何バイト分かと表示すると許容の容量などがよくわかる。同様に、画像に対しても何バイト必要としているかと考える。】
以上は、プリンターでの印刷などで単位なども異なってくるので、厳密ではないが、当面の『画像表示』理解として考えておく。
この文章は、『ページ一覧』第七章に転記し、各方面の意見を拝聴しながら「修正・更新」をして行きたい。
今日のところは、浦島の悩みの一端を記しておきます。
編集中です・中途半端で申しわけございません
『高爺』さん ( 2004.04.14. ) からの「書き込み」に、共通の悩みがあります。
画像のサイズ調整については私も難儀しております。悠游さんから画像サイズ調整のご指導がありましたが、画材によって遣り方が違うようですね。
私も単純に縦横を同率の縮小率で行っておりますが、70％で大きいと画像倉庫の登録で弾かれて、60％にすると貼り付けた画面は凄く小さいのです。
今日は同じ画像を何段階にも別けて縮小て見ます。
私「浦島」も同じ悩みを持っていました。２００４．４．１９．に、フォト・インパクト併用なら一応解決することが分かりました。
他に、『悠游』さんから『縮小』のソフト・ダウンロードの紹介もあります。
『フォト・インパクト』と『縮小』については、もう少し、話を進め、順を追って書きたいと思います。
「○●◎●○」
「○●◎●○」
（Ｃ） 楽天で『画像縮小』は、なぜ、なにがずれる
『画像の倉庫』へ保存しょうとすると『大きいすぎる』という。すこしｋＢを小さくすると『横・縦の面が極端に小さく』なり、ＨＰ表示画像が粗い（美しくない）ことが起こる。
この問題の原因と解決をどうするかを考えてみたい。ソフトは、ＸＰにバンドルされ、多くの人が持っている『ペイント』のみで行う。
「 楽天で見やすく表示する条件 」 【◎＝大きく蜜 ×＝小さく粗】
見やすく表示させる条件は、大きく分けて二つある。 第一条件（蜜と粗） は、準備する画像のサイズと呼ばれる容量（ｋＢ）を許される範囲で最大限にすることによって、より精密で詳細が見やすくなる。
第二の条件（大と小） は、画像の大きさと呼ばれる面「横・縦」（ピクセル）を「画像倉庫」により大きく保存して見やすくします。面が大きくなることは、精密さが荒（粗）れるのですが、ＨＰ表示の設定段階で縮小（絞込みを）して荒れを防いで表示します。
１ （最初の準備）原画像は、コピーをとって原画像には加工などは、一切行わない（今後、画像とあるのは、コピー画像のことである。原画像は、必要な時、『原画像』と記載します）。
２ トリミング（切り抜き）や濃度・コントラストなどの加工は、最初に行っておく。
３ （保存直前）大きさの、大きすぎは、無視をして、容量（ｋＢ）を可能な範囲で最大限にする。楽天の場合は、最大が５０ｋＢである。かといって（保存作業に要するメモリー？分が必要なため）４９ｋＢでも受け付けてくれないことが多い。
編 集 ・ 更 新 は 順 次 続 け ま す
（Ｄ） 『画像の比較ー１』
画像は、すべて比較のために、４００×３００ピクセルで表示しています。
（Ｂ） 『横縦それぞれを １５ ％ に縮小 240×180 pix １７.９ｋＢ』
（Ｃ） 『横縦それぞれを ２５ ％ に縮小 400× 300 pix ４２.０ｋＢ』
（Ｄ） 『横縦それぞれを ２８ ％に縮小 448× 336 pix ４８.１ｋＢ』
いずれも、最初の原画像は、１６００×１２００ からで、濃度やコントラストは、設定・加工などは、していません。 ＨＰへの表示は、見れば判るように、これまでの２５％画像（ width="400" height="300" ）と同一の大きさに合わせました。
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
『師匠悠游』さんへの質問に対する『回答集』
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
「ＸＰ添付ソフト『ペイント』で、トリミンクする」
左側にいろいろマークがありますが、その中に点線の四角いマークがあります（一番上の右側）。マウスを持って行くと「選択」と表示されます。
これをクリックした後、画像の中の切り取りたい部分の左上隅でマウスの左ボタンを押したまま右下まで移動しマウスのボタンを放すと範囲が点線で表示されます。
失敗したら画像内の何処かでマウスをクリックすると選択範囲が消えます。
選択できたら、「編集」→「コピー」または「切り取り」をクリックします。
「ファイル」→「新規」をクリックします。（その時、画像の変更を保存しますか、と出た場合は「いいえ」にします。『元』を残しておけば何度でもやり直しが効くからです。
白紙の画面が出てきます。ここへ先ほど切り取った画像を「編集」→「貼り付け」で、出来上がりです。「ファイル」→「名前を付けて保存」を選び適当な名前を付けて保存します。
ここで一つ注意点があります。
新規で白い画面が出てきますが、貼り付ける画像の方が小さい場合は、白い余白が残ります。
新規の白い画像を予め、貼り付ける画像より小さくしておくことが必要です。
それには、白い画面の右下に青い色の小さい四角があります。これにマウスのポンターをもっいてくと、斜めの両矢印が出ますので、そこでマウスの左ボタンを押したまま、左上の方向に引っ張っていくと、白い画面が小さくなります。
「ＸＰ添付ソフト『ペイント』で、画像寸法」
画像の大きさを変更すると言っても、デジカメの場合は銀塩と違って、拡大すると画像が見にくくなるばかりです。殆どの場合縮小です。但し特別な効果を狙う場合は別ですが。
こちらは至って簡単ですが、一定の容量以内で、出来るだけ大きくしようとすると、何度もためしてみなくてはならないので、多少手間がかかります。
ペイントで作業する画像を開きます。
「変形」→「伸縮と傾き」で出てくる画面で伸縮の所の「水平方向」「垂直方向」それぞれ縮小する割合(％表示)を入れ「ＯＫ」をクリックすれば、できあがりです。当然同じ数字を入れないと画像は変形します。
これだけで おわり です。
もう少し大きかった方が良かった、とか、小さかった方が良かったという場合、引き続きその画像を縮小したり、拡大したりするより、 「編集」→「元に戻す」で原画像に戻してやり直す方が、画像の乱れが少ないようです。
楽天の場合５０ＫＢに制限されています。実際は４９ＫＢ代でも大きすぎると出てきます。４８ＫＢでしたら大丈夫です。
蛇足ですが、画像はマイピクチャーに保存されていると思いますが、その画像にマウスのポインターを持って行くと、画像が、何ＫＢになっているかが表示されます。もし表示されない時は、マウスを右クリックして出てくる画面で「プロパティ」をクリックスルのその画像の情報が表示されます。
同時に表示される「傾き」の方はためしてみられると分かると思いますが、画像が乱れますので、これを使ったことはありません。一度お試しになって下さい。「元に戻す」戻りますから心配ありません。
変更を保存しますか、出た時「いいえ」をクリックしておけば原画は残ります。
『他のＨＰ ＨＴＭＬ どう見る』 今日は！！ 悠游さん （****.ne.jp）
パソコンの前にゆっくり座れるのは、午後になってからです。その日の写真の整理したり、雑用もあり、こんな時間になりました。
タグを調べる方法ですが、 profileの画面を出し、「表示」→「ソース」でソースが表示されます。日本語の部分などは文字化けしますが、それは無視します。
表示されたソース画面の先頭にカーソルがあることを確認した後、「編集」→「検索」で出てきた画面に検索文字を入れます。
この場合、画像は10.jpgですからこれを入れて、「次を検索」をクリックすると、この画像タグのある位置が分かります。
そこのタグを見ますと次のようになっています。
＜img src="/img/user/03/02/4940302/10.jpg" width="314" height="185"＞
ご存じとは思いますが、widthで横の長さ314ピクセル、heightで縦の長さ185ピクセルに表示するようタグが書かれています。
原画像が513×303ピクセルですから、縮小表示されることになります。
尚、いろいろな書き方をされてるページがありますが、この様にしてそのタグを読めば同じ書き方が出来ますし、自分流にアレンジすることが出来ます。
この様にしていろいろなページを見て歩くのも一つの楽しみです。 (2月29日17時37分)
「○●◎●○」 今日は！！ 悠游さん （****.ne.jp）
画像は圧縮されて保存される。細かい画像ほど圧縮されにくい。
従って画像容量が大きくなる。
画像の倉庫に入れるためには、画像を小さくしなければならなくなる。
画像の圧縮には、ハフマン符号化と離散コサイン変換が使われる。
しかし、次のような例で説明されていることが多い。
画像は色の点の集まりである。
緑・緑・緑・緑・緑の場合、５緑とすればデータ量は少なくなる。
目では見分けがつかないほど、ほんの少しだけ色の薄い緑を淡緑すると、
緑・淡緑・緑・淡緑・緑の場合も５緑としても見分けがつかない。
細かい模様の画像の場合、
同じ色の連なりと見なせる量が少なくなるので、圧縮が余り出来ない。
お早うございます。 悠游さん （****.ne.jp） 昨夜少し考えてみました。その結果は次の通りです。 推敲していませんが取り敢えずアイデアだけ。 後は宜しくお願いします。 粟 赤・緑・青に色付け物を用意する。塗らない物は黄色。 これをほんの少し混ぜて、大きさ２０ｃｍ×１５ｃｍの枠に一層に並べる。 すると模様が出来る。 その粟粒の数（サイズ）を数えた物が「ｂｍｐ」形式。 米・大豆・ソラマメを準備し、同じ色の固まりがあれば、 その大きさに相当する米・豆に色を塗って置き換える。 その全ての数を数えるのが」「ｊｐｅｇ」方式 先の物に比べ随分その数（サイズ）が減る。 その混ぜ方（模様の細かさ）に依って、置き換えられるもの米・大豆・ソラマメと大きさが終わる。 大きな物で置き換えられる程、数（サイズ）が少なくなる。 同じ色大豆三個と、米五個で置き換えているが、ソラマメ一個で間に合わせても見た目変わらないだろうと、置き返ると更に数（サイズ）が減る。 (4月15日8時30分)
【 本 文 】
ジャンル別一覧
人気のクチコミテーマ
-
-
- 本日の楽天ブログラッキーくじ
- シルクロードガーデン
- (2026-05-19 17:13:19)
-
-
-
- 写真俳句ブログ
- 巨漢 ひがぁ～しぃ～ あわぁ～じぃ…
- (2026-05-27 08:35:02)
-
-
-
- 【楽天ブログ公式】お買い物マラソン…
- 6月スパセ予約半額以下！絶品オムそ…
- (2026-05-27 13:39:06)
-
© Rakuten Group, Inc.
