画像のサイズ変更 ( 特に縮小 ) 1/10 ページ 写真などの画像をホームページに表示するには その画像をファイルとしてサーバーに保管しておく必要があります しかし サーバーの記憶容量には限りがあることと デジカメ ( 携帯も含む ) の解像度が年々向上していることが理由で 写真をどんどんサーバーに入れることになると すぐに記憶容量を使い尽くすことが経験的にわかっています また ホームページに表示された写真を楽しむような用途では解像度をそれほど高くする必要がないことも経験的にわかっています そこで 限りある資源 ( 記憶容量 ) を有効に使って皆で楽しめるようにするため ホームページに表示する画像の上限サイズを制限するのが管理上のルールの 1 つになっています 写真などの画像をホームページに表示するには 次のような手順を踏みます 1. 1 掲載する画像をメールに添付してサイト管理者 ( 注 1) 宛てに送付し掲載を依頼する その場合は以下の操作は不要です 2 自分で掲載する その場合は以下の操作を行います 2. 掲載しようとする画像のサイズをパソコンで確認する 携帯で撮った写真はメールに添付して自分宛てに送ってみれば確認できます サイズがサーバーの上限 ( 注 2) を超えている場合は自分でサイズ変更をする 3. 画像をサーバーに送る ( アップロードする ) この操作については別途 記事の投稿 の項で説明します 4. 投稿する記事を書き サーバーに送ってある画像をリストから選んで適当な位置に差し込む また 項目 3 と 4 は逆になってもかまいめせん 言い換えると 投稿澄みの記事に後から写真をアップロードして差し込むこともできます この操作についても別途 記事の投稿 の項で説明します ここでは フリーのサイズ変更 画像拡縮 ソフト imgsz402.exe を入手 ( ダウンロード ) してあるものとして説明を続けます 以降の説明では簡単にするため 単に ソフト と呼びます ソフトの入手 ( ダウンロード ) の方法については 最後の ソフトの入手 ( ダウンロード ) の項を参照してください ソフトの起動 注 1 : サイト管理者 ホームページの運営に必要な情報の維持 管理を担当しているひとのこと ホームページの先頭にある 管理者にメールを送る をクリックすると ( サイト ) 管理者にメールを送信できる画面が表示される ここからメールを送ると ( サイト ) 管理者に届く 注 2 : サーバーの上限 ホームページに掲載できる写真などの画像 ( その他のファイルを含む ) の最大サイズ (KB キロバイト ) を指す この数値を超えるサイズの画像などはサーバーに送ることができないようにしてある また 管理上の都合から この数値を変更することがある その場合は ホームページのカテゴリー お知らせ を通じて明示する予定 現在の最大サイズなど 不明な点は サイト管理者にメールで照会されたい ソフトを起動するには エクスプローラなどで当該ソフトを開くか あらかじめデスクトップに作ってある次のようなショートカット ( 注 3) をダブルクリックします 注 3 : ショートカット Windowsで ファイルを参照するために使用するアイコンのこと ファイルやアプリケーションなどの実体がショートカット アイコンのある場所にあるかのように扱うことができる ソフトが起動し 次のウィンドウが開きます
2/10 ページ 対象画像の選択 エルスプローラなどで対象の ( 縮小する ) 画像が入っているフォルダーを開きます 例えば 次の通りです 例では 下のフォルダーから反転しているファイル ( つまり 2006_10010142.JPG ) を縮小するものとします 以下の説明では 対象画像 と呼びます 開いているフォルダーから対象画像 ( つまり 2006_10010142.JPG) をソフトのウインドウにドラッグ ( 注 4) します つまり 対象画像の名前の上にマウス ポインターを移動し 左マウス ボタンを押して そのまま ( 左マウス ボタンを押したまま ) の状態で ソフトのウインドウの上までマウス ポインターを移動して 左マウス ボタンを離します ウィンドウは次のようになります これで 対象画像がソフトに受け渡されたことになります
3/10 ページ 画像の縮小 注 4 : ドラッグ 正しくは ドラッグ アンド ドロップという マウスを使った操作の1つ マウス操作によってデータやファイルの移動を行なうこと 画面上で対象 ( 画像ファイルなど ) アイコンの上にマウスポインターが重なった状態で左マウス ボタンを押し そのままの状態でマウスをドラッグ ( 移動 ) させ 目的の場所 ( ウインドウの上など ) でマウス ボタンをドロップする ( 離す ) こと 画像をドラッグしたウインドウの上部にある 横拡縮 または 縦拡縮 の右側にある上下矢印のいずれか ( / ) を操作して縮小 % を決めます ( 下の図を参照してください ) 起動した時は 100 % になっています 縦横比固定 のチェックマークを外さない限り縦 横の変化は連動します チェックマークははずさないことをお勧めします 例えば 75% に縮小するには 縮小 % を次のように決めます 縮小してみるには 右上の 拡縮画像作成 ボタン ( 下図 ) を押します 処理が開始され 進行状況が次のように表示されます 処理が終わると 上の表示は消えて次の画面になります ウインドウを広げるか 下と右にあるスクロールバーを操作することで 画像全体を見ることができるのは他のアプリケーションの場合と同様です
4/10 ページ 縮小画像の保存 処理が終わった後で 縮小画像を保存するには 画面の左上にある 拡縮画像を保存 ボタン ( 下図 ) を押します すると 保存する場所を指示するために次の 拡縮画像を保存 画面が表示されます ここでは 元の画像が入っているのと同じフォルダーを選び ファイル名 フィールドに 例えば 2006_10010142a.JPG ( 元のファイル名の末尾に a を付加 ) と入力し 保存 ボタンを押します これで 縮小画像が保存されました 確認のために 保存先のフォルダーを開いてみます
5/10 ページ 縮小画像 ( 分かりやすくするため反転表示してある ) が保存されているのがわかります また サイズを見ると 640KB になっていて 確かに小さくなっているのがわかります たとえば サーバーの上限 が 1000KB( つまり 1MB) であれば これで目的は遂げられたことになります しかし サーバーの上限 が 500KB であれば まだ超過しています これまでに説明した手順を 縮小 % の値を変更して繰り返し サーバーの上限 以下のサイズにする必要があります 同様に 縮小 % を 50% にして 名前を 2006_10010142b.JPG としてみると 次のようになります 画像のサイズは いくつかの要素で決まっているので このソフトの縮小 % を変更しても比例してサイズが小さくなるとは限りません たとえば 白黒にすると サイズは間違いなく小さくなります また 同じ写真でも形式が.jpg.gif または.png かなどでもサイズは異なります 同じ.jpg 形式でも 画質の指定いかんでもサイズが異なります 難しい理論を理解しない限り 試行錯誤は仕方がありません 誤解を恐れずに言うと ある程度の経験則がはたらくようになればしめたも 早くコツをつかんだ者の勝ち といったところです 以下は 縮小例です 画像を比較してみてください 説明画像サイズ (KB)
6/10 ページ 1 100% 1,405 2 75% 640 3 50% 320 4 30% 138 ソフトの入手 ( ダウンロード )
ここで使用したソフトウエアは フリーウエアとか PDS( パブリック ドメイン ソフトウエア ) とか言われるもので インターネットのダウンロード サイトから入手できます ダウンロードの手順は以下の通りです 1. URL(http://www.vector.co.jp/soft/win95/art/se131666.html) を開く 2. ウインドウ ( 下図 ) が開く 7/10 ページ 3. ダウンロード をクリックする 4. 次の画面が表示されるので HTTP でダウンロード をクリックする 5. 次のメッセージが表示される
8/10 ページ 6. 次のように メッセージの上で右クリックし ファイルのダウンロード をクリックする 7. 次の画面が表示されるので 保存 ボタンをクリックする 8. 名前を付けて保存 画面が表示されるので 次のように保存するフォルダーを指定し 保存 ボタンを押す 9. ソフトが指定のフォルダーに保存される 下の例は 分かりやすくするため反転表示してある
9/10 ページ 10. この書庫 (imgsize.lzh) を次のように任意のフォルダーに開く 書庫を開くには解凍ソフトが必要である 解凍ソフトについては ソフトウエアの解凍 を参照されたい 11. 以下は 頻繁に使用する場合のみ必要 ショートカットを作成するための処理が必要な場合のみ続ける 実行ファイル (imgsz402.exe) を右クリックし 表示されるメニューから ショートカットの作成 をクリックする 12. 次のようにショートカットが作成される このショートカットを都合の良い場所 ( 例えば デスクトップ ) にドラッグしておく 13. 以下は デスクトップにコピーした例
10/10 ページ