 |
|
| |
|
|
 |
|
| |
|
|
| |
画像の加工方法について |
|
| |
|
|
| |
画像ファイルの種類
ほーむぺーじ編集局で掲載できる画像は下記の4種類です。
■GIFファイル(ジフファイル、拡張子:*.gif)
現在、ホームページで最も使われている形式です。256色しか扱うことができませんが、透過GIFやアニメーションGIFなど、ホームページを作成するのに便利な機能がついています。アイコンやイラスト等を保存するのによく使われます。
(※ただし、米Unisys社の特許問題があるため、フリーソフトでGIF形式を扱えるものは余りありません。)
■JPEGファイル(ジェーペグファイル、拡張子:*.jpg、*.jpeg)
ホームページに載っている写真画像等は、JPEG形式が主流です。これは、JEPG形式はGIF形式よりも多くの色を表示できるためです。また、デジタルカメラで撮った写真もJPEG形式で保存されることがほとんどです。
■BMPファイル(ビットマップファイル、拡張子:*.bmp)
Windows標準の画像フォーマットです。しかし、ファイルサイズが大きく、BMPファイルに対応していないブラウザも多くあることから、ホームページ上ではあまり使用しません。
■ PNGファイル(ピングファイル、拡張子:*.png)
GIF形式では上記の特許問題があることから、GIF形式に代わるものとしてできた形式です。GIF形式と同じように、透過やアニメーションも可能です。
Internet Explorer 4.0、Netscape Communicator 4.04 以降のブラウザでは見ることが出来ます。 |
|
| |
|
|
| |
画像ファイルを用意する方法
※いずれの方法で利用する場合も絵、写真、画像等の著作権には充分注意する必要があります。文化庁ホームページ「著作権 〜新たな文化のパスワード〜」等を参照してください。
■デジタルカメラで撮影する
ホームページに載せるだけであれば、あまり解像度が高くない安価なデジタルカメラでも充分利用できます。また、デジタルカメラには簡易版の画像処理ソフトが付属していることが多く、これを利用して写真の回転、サイズ変更、明るさ・色調・ピントの調整等が出来ます。また、東京商工会議所で画像加工の作業代行(有料)も行っています。
■ スキャナで取り込む
自分で紙に描いたイラストなどを読みこませたりするにはスキャナを用います。スキャナにも簡易版の画像処理ソフトが付属していることが多くあります。また、東京商工会議所で画像スキャンの作業代行(有料)も行っています。
■素材集を用いる
無料、有料の画像集が数多くあります。ホームページで無料で配布されてるものや、書店やパソコンショップで素材集として売られているものがあります。
無料のものも、リンクが必要、商用利用は禁止等、使用条件があるものが多いので著作権には注意してご利用ください。
■画像処理ソフトで作る
Photoshop や Paint Shop Pro 等、様々なソフトがあります。
無料ソフトも数多くあるので、Vectorや窓の杜等で探してみては如何でしょうか。
■作成サービスを使う
ロゴ等をプログラムで自動生成してくれるサービスもあります。
|
|
| |
|
|
| |
画像ファイルを加工する方法
デジタルカメラで撮影した写真やスキャナーで取りこんだ画像をホームページ用に加工する方法の例をご説明します。
デジタルカメラやスキャナーを購入した際に、画像処理ソフトが付属されている場合はそのソフトをお使いください。また、無料ソフトも数多くあるので、Vectorや窓の杜等で「画像処理」や「フォトレタッチ」等という言葉で探してみては如何でしょうか。
操作方法はソフトによって異なりますが、作業内容としては主に2つあります。
形を整える
・写真の必要な部分だけを切り抜く(トリミング)
・画像の大きさを修正する(リサイズ)
見栄えを整える
・色調を修正する
・明るさを調整する
・ピントぼけを調整する(シャープネス)
縁をぼかす、丸くする等、ホームページのイメージに合わせていろいろと工夫をしてみてください。 |
|
| |
|
|
| |
アイコン・ロゴ・バナーを作成する方法
ここでは、新しくアイコンやロゴ、バナーを簡単に自分で作成する方法の例をご説明します。無料ロゴ自動作成サービスを利用する方法とフリーソフトをパソコンにインストールして作成する方法です。 |
|
| |
|
|
| |
■無料ロゴ・バナー自動作成サービスを利用する方法
ロゴ等を自分で作成するのはデザインを考えたりむずかしそうという場合は、既存のデザインから選んで文字を入力するだけでバナーを作れるサービスもあります。
Make Banner
System
AUTO
LOGO
※それぞれのサイトの利用規約確認してご利用ください。(リンクなどの条件がある場合もあります。) |
|
| |
|
|
| |
■フリーソフトを利用する方法
MicrosoftWord等にもロゴを作る機能がありますが、ホームページ用のロゴ作成用の無料ソフトもあります。Vectorや窓の杜等で「ロゴ作成」や「バナー作成」等という言葉で探してみては如何でしょうか。 |
|
| |
|
|
| |
|
|
| |
|
|
| |
|
|
| |
|
|