|
はじめにお断わりをしておきます。 2005・11･22にウェブリブログで、ディスクサーバメンテナンスによりまして、画像ファイルの扱い方が以前の方法から変更となり、元の記事の状態では、記事に矛盾が生じてきますために、新たに編集させていただきました。 これまでのここの記事をブックマークされていたかたは、更新されたほうをブックマークしてくださいますようお願いいたします。 2005・11･24 今回は、サムネイルの作り方と利用方法について考えたいと思います。ここでは、ホームページを作られているかたを対象とした説明といたします。ブログの記事としてサムネイルを利用して作成された場合の保証はいたしかねます。 サムネイルは、 thumbnail(親指のつめ）ということで、小さなものをあらわすコトバです。ここから、大きな画像を小さくして表示するものとして「サムネイル」というコトバを使います。 さて、実際にサムネイルをつくるとします。 普通デジカメで撮った写真は、横画面の写真では横×縦の比率は ４：３となっています。写真を使われる方は、画像を小さくする際に縦横の比率を保つことを忘れないようにしてください。 ﾜﾀｸｼのデジカメで最小の画素数でいくと６４０＊４８０（約30万画素）ということになってます。 画像編集のソフトで、小さくしまして、 ４８０＊３６０ としました。  （註：表示しきれないので縦400＊横300ピクセルにて表示） この画像を貼る場所が狭いときや、クリックしたら拡大して表示されるようにしてみるために、画像を加工できるソフトでこの画像を縮小したサイズの画像を作ります。 このときの横幅と縦の比率は保つようにしてください。 例）縮小前 横幅：640px 縦480px としたら、 縮小後 横幅128px 、縦96px  以上の2つのファイルを、それぞれ違う名前になるようにして、ホームページサーバーにアップロードします。 大きい画像が、 pict001.jpg としたら、サムネイルを pict001thumb.jpg などのように、あとから自分が見てわかりやすくなるようにしておくといいかとおもいます。 ページにサムネイルを貼り付けて、クリックしたら、大きく表示されるようにするには、サムネイルに対して、リンクを張るということをおこないます。
<a href= 〜が元画像の場所で、<img src 〜がサムネイルを表示させているものです。target="_blank"とすることで、別窓から画像を表示します。 alt="" の""内は画像が表示されない場合の代替文字をいれます。 テーブルタグ（<TABLE>）の利用でサムネイルを並べることが出来ます。
2005.11.24 記事を再編集いたしました。 |
| << 前記事（2005/03/08） | トップへ | 後記事（2005/03/09）>> |
| タイトル （本文） | ブログ名／日時 |
|---|---|
ペイントで画像サイズを縮小。〜[90段 サムネイル画像をつかってみよう。]について
90段 サムネイル画像をつかってみよう。 について。 エントリでは、サムネイルのホームページ上での置き方などを説明しましたが、具体的なサムネイルの作り方まで触れていませんでしたので補足です。 ...続きを見る |
徒然冩眞館 2006/07/29 10:33 |
| << 前記事（2005/03/08） | トップへ | 後記事（2005/03/09）>> |
■レンタルサーバ
■MovableType
