2017年 01月 07日
画像の拡大表示(その3)画像サイズ
【拡大表示の画像サイズを決める】
下の画像は拡大表示をしたときの私のパソコン画面(横1366ピクセル X 縦768ピクセル)です。
黄色の枠内がブログの表示エリア(横1356ピクセル X 縦654ピクセル)、
赤色の枠内が拡大表示の画像エリア(横900ピクセル X 縦600ピクセル)です。
【 重要①!】
画像エリアに表示される画像はアップロードした画像のサイズで表示されます。
小さな画像をアップロードすれば画像エリアの画像も小さくなります。
表示エリアをはみ出るような大きい画像をアップロードすれば、画像もはみ出てしまい、はみ出た部分は見えなくなります。
私はアップロードする写真は縦サイズを600ピクセルに統一することに決めました。
上の花火の写真は横900ピクセルX縦600ピクセルに加工してアップロードしたものです。
できる限り大きな画像にしたいのですが、閲覧者の画面事情を考慮して少し余裕を持たせました。
【重要②!】
エキサイトブログでは画像のファイルサイズが500KBを超えると縮小されてアップロードされてしまいます。
私のブログで言えば横520ピクセルX縦346ピクセルに縮小されてしまいます
下の画像がその例です。クリックしてみてください。大きな画像になりませんね。
JPEG画像は画質を調整してファイルサイズを小さくすることができます。
下の画像は調整してからアップしたものです。クリックしてみてください。画質も気にならないと思います。
【重要③!】
アップロードした画像はエキサイトのサーバーに保存されます。
必要なときはダウンロードで入手できますので、画質の良い大きな画像をアップロードしておくと良いでしょう。
ただし、無料コースは1GBの容量制限がありますので注意してください。
【画像加工手順】
画像加工ソフト「PhotoScape」のリサイズ機能と画質調整機能を使って写真を加工してみましょう。
① PhotoScapeを起動します。
[画像編集]をクリックします。
② 画像編集画面が開きます。加工する写真が保存されているフォルダーをクリックすると、下に写真が表示されます。
加工する写真を探してクリックします。
③ 写真の画像が表示されます。
画像サイズ、ファイルサイズが表示されています。デジカメの原版の画像サイズとファイルサイズは大きいですね。
④画像サイズを縦600ピクセルになるよう加工します。
[リサイズ]ボタンの▼をクリックするとリストが出て来ますので、[高さの調整]をクリックします。
⑤ 高さ(ピクセル)欄に[600]と入力して[OK]をクリックします。
⑥ 横900ピクセルX縦600ピクセルの画像が出来ました。OKであれば[保存]をクリックします。
注:ファイルサイズ欄はまだ元のままです。
⑦ 保存の画面が出ましたら、[JPEG品質]にチェックを入れてファイルサイズを確認します。
500KB以下であれば[名前を付けて保存]します。500KBを超えている場合は、レバーを左にドラッグして画像品質を調整します。
500KB以下になったら[名前を付けて保存]をクリックします。
⑧ 保存先、ファイル名を決めて[保存]をクリックします。
⑨ 画像サイズ、ファイルサイズを確認して終了します。
【画像ファイルの確認】
画像を保存したフォルダーを開きます。
[表示]タブを開いてレイアウトを[詳細]にします。
サイズ欄の数値(KB)がファイルサイズです。
一番先頭の「0-0花火・原画」以外はすべて横900ピクセルX縦600ピクセルにリサイズしたものです。
サイズが500KBを超える画像が4点ありますが、絵柄によってサイズが違うことをお知らせするため、あえて画質の調整をしなかったものです。アップロードするときは再度加工します。
【用語説明】
【画像サイズ】
デジタル画像は縦横に並べられた色の付いた点で表現されます。その一点一点を「ピクセル(画素)」と呼んでいます。
そして、縦横に並べられた点の数で画像サイズを表します。
【デジタルカメラで撮った写真:横3456ピクセル×縦2304ピクセル】
【複合機のスキャナー画像:横3502ピクセル×2492ピクセル】
【家庭用ノートパソコンの画面:横1366ピクセル×縦768ピクセル】
【ファイルサイズ】
画像の大きさを表すもう一つの値がファイルサイズです。
単位はKB(キロバイト)であり、サイズの大・小は画像の保存や処理に影響します。
画像ファイルは圧縮という技術が使われており、絵柄や画質によってサイズが違ってきます。
今日はここまで、
次回は画像の配置と表示サイズについて説明します。
by PC-otasukeman | 2017-01-07 10:49 | Comments(0)