現在位置: ホーム / ドキュメント / Plone 4 ユーザーマニュアル / コンテンツの追加 / Webサイトのために画像を準備する

Webサイトのために画像を準備する

Webサイト用の画像を用意することは、Ploneやその他のオンライン上で画像を使用するために必須です。特に画像のサイズが重要です。

一般的に使用される写真のデータはデジタルカメラで撮影されたものですが、それ以外にもスキャンした画像やソフトウェアで描かれたイラスト、その他専門的なものがあります。ここではデジタルカメラで撮られた蝶の写真を例に見てみましょう。

最新のデジタルカメラで撮影された画像は、Webサイトで使用するにはあまりに大き過ぎるためサイズを変更する必要があります。典型的なWebサイトのデザインは幅が1000ピクセル前後です。デジタルカメラから画像を取り出すと、数千ピクセルの幅と高さで数メガバイトのファイルサイズがあるかもしれません。この画像を画像編集ソフトを使用して少なくとも1000 x 1000ピクセル以下に縮小する必要があります。

デジタル写真を見たり印刷するのに使用するソフトには、たいてい画像のサイズ変更機能も備わっています。Corel Draw、Adobe Photoshop、IrfanviewやGimpなどの画像処理ソフトウェアを使うこともできます。画像サイズの変更はよく「リサイズ」や「リサンプリング」という名称で画像編集メニューにあります。

画像のサイズを変更するときに最適な幅のピクセル数は使用目的により変わります。人物紹介に使用する小さな顔写真は200ピクセルの幅でちょうどいいでしょう。集合写真では200ピクセルでは写っている人を識別するには小さいので、400ピクセル程度必要です。スキャンした地図画像は、詳細がわかりやすいように画像幅は1000ピクセル必要かも知れません。

サイズ変更した画像をbutteryfly-resized-300px.jpgのようなサイズ付きのファイル名で保存します。ファイルフォーマットは.jpg(または.jpeg)が最も一般的です。他の一般的な画像フォーマットとしては.pngと.gifがあります。Ploneサイトにアップロードするときに見つけやすいように、画像のコンピューター上の場所をメモしておきます。

image_resizing.png

まとめ:

  1. カメラで写真を撮影するか、使用したい画像を探します。
  2. コンピューターに画像を取り込みます。
  3. 画像編集ソフトウェアを使用して写真のサイズを変更します。
  4. Ploneサイトにアップロードします。