画像アップロード テクニック(まとめ)

【早速テクニック駆使】
11月 2日の岩屋堂のもみじ・・・まだまだです。クリックしてご覧ください。
d0181824_13155172.jpgd0181824_1317585.jpgd0181824_13164249.jpg
一番左が横縦比4:3のオリジナルサイズです。
d0181824_1352885.jpgd0181824_13523821.jpgd0181824_1353109.jpg

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

まとめに入る前に一服
下の4つの画像は岩屋堂公園の入り口にある浄源寺の紅葉です。
2011年12月4日に撮ったものです。画像をクリックしてご覧ください。
皆様のパソコン画面にはどのように見えるでしょうか?
額縁の青い線の見え方に注意して見てください。

【画像 ①】 アップロードした画像サイズ 横1349ピクセル×縦632ピクセル
d0181824_152502.jpg

【画像 ②】 アップロードした画像サイズ 横1007ピクセル×縦632ピクセル
d0181824_15433050.jpg

【画像 ③】 アップロードした画像サイズ 横632ピクセル×縦474ピクセル
d0181824_12442298.jpg

【画像 ④】 画像③と同じサイズの縦構図
d0181824_12385910.jpg

注意1:青い線の幅は15ピクセルです。
注意2:長手方向を520ピクセルに縮小して表示しています。
     (ブログの最大横幅=520ピクセル)


私のパソコンで見てみましょう。
(ブラウザはInternet Explorer 9)
【解像度が横1366ピクセル×縦768ピクセル(16:9)のパソコン】
【画像 ①】パソコン画面一杯に画像が収まっています。
d0181824_1624058.jpg

【画像 ②】両サイドに余白が出来ますが、縦方向は一杯に収まっています。
d0181824_16241742.jpg

【画像 ③】横も縦も余白があり余裕があります。
d0181824_16243513.jpg

【画像 ④】両サイドは余裕がありますが縦方向は一杯に収まっています。
d0181824_12552859.jpg


【解像度が横1024ピクセル×縦768ピクセル(4:3)のパソコン】
【画像 ①】画像の横幅が画面に収まらず右の方が隠れて見えません。
画面の下にスクロールバーが出てきて下の青い線も隠れてしまいました。
d0181824_16254099.jpg

【画像 ②】パソコン画面一杯に画像が収まっています。
d0181824_16255945.jpg

【画像 ③】上下左右に余裕があります。
d0181824_16262053.jpg

【画像 ④】両サイドは余裕がありますが縦方向は一杯に収まっています。
d0181824_12574126.jpg


【まとめ】
自慢の写真をパソコン画面一杯に表示してお見せしようと思い、
アップロード画像の極限サイズを模索していたら行きついたことです。
投稿に使っているパソコンは画面解像度が横1,366ピクセル×縦768ピクセルです。
この大きさの画像をアップロードすると、タイトルバーやスクロールバー等にエリアを取られて画像がはみ出してしまいます。
スクロールすれば見ることが出来ますが、紅葉の写真はスクロール無しでお見せしたいのです。
しからばと言う訳で求めたのが画像①です。

しかし、画像①は横1,024ピクセル×縦768ピクセルのパソコンではスクロールしないと見ることが出来ません。
しからばと言う訳で求めたのが画像②です。

次の課題はデジカメで撮影した横構図と縦構図の写真です。
縦横比4:3の写真をバランスよく表示することを検討してみました。
その結果、求めたのが画像③と画像④です。

【結論】
多くの方に見て頂くには画像②、画像③、画像④のサイズでアップロードすることです。
ブラウザが変わったりバージョンが変わると、若干のサイズのズレがあるようですが、
今後は画像②~④のサイズを選択肢に入れて投稿することにしましょう。

以上、画像アップロード テクニックをご紹介してきましたが、
素晴らしい写真が撮れた時は画面一杯の画像でご披露してください。

11月3日~12月1日まで岩屋堂もみじまつりです。
ライトアップ岩屋堂は11月15日~24日です。
さて今年の紅葉はどうでしょうか。良い写真を撮りたいですね。

  

by PC-otasukeman | 2013-11-01 15:07 | Comments(2)

Commented by michi-kan at 2013-11-01 21:51
こんばんは~♪
ブログ写真のUPの仕方も難しいですがお助けマンさんの説明で
良く判りました。
どのPCでも写真をスクロールしなくても上手く画面に収まるのが
一番ですが良い写真は大きいサイズで見て頂きたいですね。
ありがとうございました。
Commented by PC-otasukeman at 2013-11-02 09:09
★ michi-kan さん
ブロ友さんには写真愛好家の方が多いですね。
今回のテーマ記事が皆さんにお役に立てばと思っています。
私自身も多くのことを学ばせて頂きました。
ありがとうございました。
名前
URL
削除用パスワード

<< 画像の拡大表示    画像アップロード テクニック(2) >>