人気ブログランキング | 話題のタグを見る

JPEG画像の表示サイズについて

昨日の記事を見直しました。(3月26日11時)

ページへページへページへページへページへページへ

デスクトップ上に昨年撮った桜の写真を保存しました。
「桜オリジナル.jpg」・・・・800万画素のデジカメデータ
「横1,250ピクセル.jpg」・・・・・デジカメデータをデータサイズが500KB以下になるように加工
画像のサイズは次の通りです。
「桜オリジナル.jpg」・・・・横3,456×縦2,304ピクセル データサイズ 3,357KB
「横1,250ピクセル.jpg」・・・・横1,250×縦833ピクセル データサイズ 497KB下
JPEG画像の表示サイズについて_d0181824_7394743.jpg

「横1,250ピクセル.jpg」を中央配置でアップロード。ブログには下のように表示されます。
JPEG画像の表示サイズについて_d0181824_1625879.jpg

上の画像のプロパティから、
「横1250ピクセル.jpg」画像は縮小されることなくサーバーに保存されていることが分かります。
保存先のURL
 http://pds.exblog.jp/pds/1/201303/24/24/d0181824_1625879.jpg

【実験です】
「横1,250ピクセル.jpg」の写真を私のパソコンで見るとどのように見えるでしょうか。
いろいろな画面で見てみましょう。
パソコン画面の解像度は横が1,366ピクセル、縦が768ピクセルです。(表示の画素数です)
表示の拡大レベルを100%にすると、表示の画素数と画像の画素数は1対1の関係になります。
これを尺度にして桜の写真の大きさに注目してください。

【ブログメイン画面】
サーバーに保存された桜の写真がブログ上では次のように再生されます。
【中央配置指定】
JPEG画像の表示サイズについて_d0181824_16443198.jpg
中央配置の最大横幅はスキンによって決まっています。相談室のスキンの場合は横幅が520ピクセルです。
画像の横幅が520ピクセルを超えると全て520ピクセルに縮小されて表示されます。
桜の画像は横520ピクセル×縦347ピクセルです。

【左配置指定】
JPEG画像の表示サイズについて_d0181824_1053866.jpg
左配置も最大横幅はスキンによって決まっています。
相談室のスキンの場合は横幅が420ピクセルです。(中央配置より100ピクセル小さい)
画像の横幅が420ピクセルを超えると全て420ピクセルに縮小されて表示されます。
桜の画像は横420ピクセル×縦280ピクセルです。

【右配置指定】
JPEG画像の表示サイズについて_d0181824_1055774.jpg
右配置も左配置と同じです。
画像の横幅が420ピクセルを超えると全て420ピクセルに縮小されて表示されます。
桜の画像は横420ピクセル×縦280ピクセルです。

【記事画像の画面】
ブログの画像をクリックすると記事画像の画面になります。
JPEG画像の表示サイズについて_d0181824_16453164.jpg
ここに表示される横幅も制限されて表示されます。画像が制限幅より大きい場合は縮小されて表示されます。縮小された場合は右下に「拡大鏡」が出て来ます。
この画面での桜の画像は横742ピクセル×縦495ピクセルです。

【拡大鏡をクリックした画面】
JPEG画像の表示サイズについて_d0181824_16462586.jpg
アップロードされた画像の大きさで表示されます。
桜の画像は横1,250ピクセル×縦833ピクセルです。
画面の横幅が1,366ピクセルですから、ほぼ画面一杯の桜の写真が見えると思います。

以上は相談室のブログの場合です。
次に保存した「横1,250ピクセル.jpg」の写真をいろいろなソフトで開いてみましょう。
【保存先のURLから開いた画面】
【最初に出てきた画面】
JPEG画像の表示サイズについて_d0181824_10205987.jpg
桜の写真が画面に入る大きさに縮小されて表示されます。
桜の画像は横839ピクセル×縦559ピクセルです。
画面にマウスポインタを乗せると拡大鏡の形になります。画像は縮小されていることを意味しています。

【画像をクリックした画面】
JPEG画像の表示サイズについて_d0181824_10214442.jpg
大きな画像になります。
桜の画像は横1,250ピクセル×縦833ピクセルですが、縦方向は画面に収まらないのでスクロールバーが現れています。下の方はスクロールして見ることになります。
画面の横幅が1,366ピクセルに対して画像の横幅が1,250ピクセルです。
拡大レベルを100%にするとほぼ画面一杯の桜の写真が見えると思います。

【デスクトップの同じ画像を画像編集ソフト「Picture Manager」で開いた画面】
JPEG画像の表示サイズについて_d0181824_1657775.jpg
桜の写真が画面に入る大きさに縮小されて表示されます。
画像は71%に縮小されています。
100%に変更すれば横1,250ピクセル×縦833ピクセルの画像が表示されます。

【同じく「JTrim」で開いた画面】
JPEG画像の表示サイズについて_d0181824_1654489.jpg
こちらの場合は最初から100%の表示です。
桜の画像は横1,250ピクセル×縦833ピクセルですが、縦方向は画面に収まらないのでスクロールバーが現れています。下の方はスクロールして見ることになります。

【同じく「ペイント」で開いた画面】
JPEG画像の表示サイズについて_d0181824_1022455.jpg
JTrimと同じですね。
ちなみに「桜オリジナル.jpg」をペイントで開くと桜の写真は下のように見えます。
桜の画像は横3,456×縦2,304ピクセルですから、ほんの一部しか見えません。お分かりですよね。
JPEG画像の表示サイズについて_d0181824_11114974.jpg
この大きな画像をエキサイトのサーバーに保存できると良いのですが、残念ですね。 

【まとめ】
エキサイトブログの場合はデータサイズを500KBに納まる出来るだけ大きな画像をアップロードすることが肝心です。
特に細かな絵柄(例:グラフ)や小さな文字のある画像は必要なことです。
大きな画像がサーバーに保存されれば、
画像タグにある横幅と縦幅を変えることにより、表示する画像の大きさは自由自在です。
拡大して見ることもできます。
大きな画像は小さく出来ますが、小さな画像は大きくできない。
出来たとしてもボヤけた画像になります。

次回はデータサイズ500KBを超える画像をアップロードした場合についてお話をします。

by PC-otasukeman | 2013-03-25 17:20 | Comments(2)

Commented by banban0501 at 2013-03-27 13:06
いろいろな写真加工ソフトがあることも
わかりました

Jtrimとフォトスケープだけしかつかった
ことがありませんが
ペイントは搭載されていますから
また試してみます

桜オリジナルの場合がどのようになるのか
がしりたいところですので
楽しみにしています
Commented by パソコンお助けマン at 2013-03-27 13:44 x
★ banban0501 さん
27日14時に投稿します。ご覧ください。
名前
URL
削除用パスワード

<< JPEG画像の表示サイズについ...    画像の大きさ(サイズ)の表し方 >>