• ベストアンサー

Web上での標準的な画像サイズ(容量・表示サイズ)とは

現在ASP.NETでWEBアプリケーションを作成しています。 クライアントから画像ファイルをアップロードし、アップロードされた画像は別の画面で表示されるようにしているのですが、その際、画像に対して以下の編集処理を行おうと考えています。  1.画像のデータサイズを軽量化する  2.画像の縦横のサイズを一定のサイズに縮小(または拡大)する。 目的は、1については、アップロード先のフォルダの容量を抑えるため、2については表示したときに一定の大きさに統一することで見た目をよくしたいため、です。 (ホームページサービスやブログなどでも、画像アップロードにて自動的に画像の表示サイズやデータサイズが自動調整されているかと思いますが、それらと同じイメージです。) そこで質問なのですが、上記の機能を考えた場合、 Webアプリケーションの標準仕様として、 Q1.画像のデータサイズは通常どれくらいまでとすべきか(データサイズの一般的な上限は)? →画像の圧縮率を上げる場合、画質が劣化してしまうが、どの程度までなら許容されるか? Q.画像の縦横サイズを編集する際、どれくらいのサイズで表示するのが一般的か?(長辺短辺比は1.4くらい、とどこかで読みましたが・・・) →できるだけ元の解像度を引き継ぎたいが、下げざるを得ない場合は、解像度の最低ラインはどれくらいとすべきか? いろんなサイトをみてはいるのですが、見れば見るほどいろいろあって、迷ってしまいます。 画像表示に関する一般的、標準的なルールなどがあれば、ぜひお教え願います。もしくは、そのような情報が載っているサイトなどがありましたら、教えていただけるとありがたいです。 以上、よろしくお願いいたします。

  • HTML
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • moon_night
  • ベストアンサー率32% (598/1831)
回答No.2

どのへんに基準を合わせるかにもよります。 ナローバンドにも対応する場合、ISDNで64Kbpsですから、画像は8~16KB程度でないときついでしょうね。(複数枚一変に表示する場合はもっとサイズを落とさないといけない) ADSL1Mに合わせれば128K~256KBくらいですかね・・・ (どちらとも理論値で1~2秒程度で表示できる) サイズは表示するデザインと合わせればいいと思います。 最近は画面解像度が800*600以上で見ている人がほとんどなので、それ以下にしておけば問題ないでしょう。 縦横比は、元画像の同じ比で、横か縦のサイズを合わせればいいと思います。 画像表示の一般的ルールというものがないので、サイトを作るときは困ったりします。 最終的にはどこまでの人をカバーするかになると思いますが。 最近の携帯まで視野に入れると画像サイズが小さくなりますしね。

nihonkai2002
質問者

お礼

詳しいご回答ありがとうございます。返事が遅くなり申し訳ありません。 データサイズはやはり大きくても256KBくらいまでですよね・・・ 表示サイズについては、800*600以下というのが大前提で、サイト内でのデザインの基準をまず決めてから考えてみます。 暗黙の了解、というか一般的なルールがよくわからなかったので、助かりました。どうもありがとうございました。

その他の回答 (1)

  • partita
  • ベストアンサー率29% (125/427)
回答No.1

超大手の某サイトでは ・ファイルサイズは10k以下 ・W200H150またはW240H320 ・解像度72 となっています。 この場合、縦横比は縦長、横長にせよ3:4ですね。 デジカメ画像も3:4が多いですし。 ファイルサイズは15k以下、というのも見たことがあります。 参考になりましたでしょうか。

nihonkai2002
質問者

お礼

さっそくのご回答、どうもありがとうございます。 超大手のサイト、とのことで、参考になりました。 ファイルサイズはかなり軽いですね。表示サイズも結構小さめのようですが、解像度がそこそこ高ければ、サイズが小さいに越したことはないですよね。 今後の参考にさせていただきます。ありがとうございました。

関連するQ&A

  • 画像のサイズ

    PHP+MYSQLで掲示板のようなサイトを作っています。 画像をアップロードして表示できるようにしています。 このとき、様々なサイズ(縦横比)の画像を想定しないといけないと思いますが、表示させるサイズを縦100px以下、横80px以下に揃えたいのですが、どのようにすればよいのかわかりません。 <img src... height="100px" width="80px"> とすると、画像の縦横比が変わってしまいます。 (当然ですが。。。) 画像を100px×80px以下に揃える方法を教えてください。 よろしくお願いいたします。

    • ベストアンサー
    • PHP
  • Web用に最適化されたファイル形式

    私は、今はホームページへアップロードする画像は、画像の縦横サイズのみを変更して行っています。 AdobePhotoshopElementsなどの画像編集ソフトでは、Web用に最適化されたファイル形式に変更できますが、これを行う必要はあるのでしょうか? アップロード先のサーバーの容量節約のために、出来るだけ画像ファイルのバイト数を小さくと思い、Web用に最適化してみましたが、AdobePhotoshopElementsでは元の画像のバイトがPC内の画像のバイトより大きく表示されて、結局バイト数が小さくなっていません。

  • 高画質で画像を表示したい

    インターネット用の画像の解像度をいくらにすればよいのかが分かりません。 例えば、1280×1024ピクセルに設定した通常の型17インチ(縦約280mm×横約335mm)の液晶モニタに画像を表示する場合を考えます。この場合は、横方向は335mmに1280ピクセルなので、インチ換算すると約97ピクセル/インチになります。このようなモニターに最高の解像度で画像を表示するには、いくらの解像度の画像をアップロードしたらよいのでしょうか。 97ピクセル/インチ以上の解像度の画像をアップロードしても意味がない(例えば、2倍の194ピクセル/インチの画像をアップロードしても表示される画質は全く同じである)ように思えるのですがそれで正しいでしょうか。つまり、最大でも97ピクセル/インチの解像度の画像をアップロードしておけばよいということで正しいでしょうか。 もちろん、サイズ(総ピクセル数)の大きな画像をアップロードすれば大きく表示されるので細部まで見ることができるので、その意味では解像度は上がるのですが、ホームページの中の画像を表示する領域の大きさが限られていてかつその中に画像の全体を表示しなければならないとお考えください。

    • ベストアンサー
    • HTML
  • WEB用の画像解像度について

    少し前から自分でWEBサイトを運営しています。 画像もけっこう加工したりして載せているのですが、解像度のことがいまひとつ釈然としないので教えてください。 ディスプレイの解像度はWindowsでは96dpiで、Macでは72dpiです。 利用者の割合でいくとWindowsのほうが圧倒的に多いので、今はそれに合わせて画像解像度は96dpiで作っています。 もっとも、サイズ(縦横のピクセル数)が同じならどちらでも画面での表示は同じだと思うのですが、Photoshopの解像度の設定ウインドウには、ピクセル数の設定と、ドキュメントのサイズ(寸法/解像度)の設定があります。 WEB用の画像ということで画面でしか見ないのなら、dpiの数値は特に気にしなくていいのでしょうか。そのあたりがどうもよく分かりません。 画像は基本的に原寸で載せるとして、96dpiがいいのか、72dpiがいいのか、またはそれ以外の数値がいいのか、 詳しい方がいらっしゃいましたら教えてください。

  • WEBで画像を載せるサイズ

    OSはウインドウズです ブログなどで画像を張り付ける際の画像の 解像度って72dpiが普通だと思いますが、別に350dpiにしても問題はないのでしょうか? 72dpi以上にしても画面では同じということでいいでしょうか? なぜかと言うと印刷用の画像なので350dpiなので、フォトショップで プリントサイズを小さくしてwebで使用したいのです。 載せるサイズ画面上で3cmほどです。

  • どっちが正しい画像サイズ?フォトショとFinderのファイルサイズ表示の違い

    同じ画像なのに、フォトショとFinderの画像サイズ表示が違うのはなぜ? 昔から不思議に思っていたのですが、 一つの画像をフォトショップで開いて イメージ→画像解像度で表示されるファイルサイズと、 その画像を一度閉じたあと、そのファイルのアイコンをワンクリッし、finder→ファイル→情報を見る  で表示されるファイルサイズが違うのですが、 これはどういうことなのでしょうか? 私は当初、フォトショのほうが正しい情報と思っていたのですが finderの表示が、画像閲覧ソフトのBridgeで表示されるファイルサイズ 表示とほぼ同じなことから、(若干違うのも気になるのですが) フォトショ VS finder&ブリッジ どっちの表示が正しいのか迷っています。。。 またfinder、Bridgeで表示されるファイルサイズより フォトショのファイルサイズ表示のほうがいつも大きい気が するのもよく理解できません。 初心者的な質問かもしれないのですが どうぞ正しいファイルサイズの認識方法を教えて下さい。 また、追加質問となりますが フォトショップで画像をリサイズする場合、 解像度やドキュメントサイズの縦横を変えて欲しい ファイルサイズにすると思うのですが たとえば「この写真を50KBにしてほしい」 と言われた場合、KB優先(ファイルサイズ優先) でリサイズする方法、、、、、 などあるのでしょうか。 よろしくお願いします。

    • 締切済み
    • Mac
  • 質を落とさず画像サイズをもっと下げるには…?

    フォトショップCS3でコンペ用にある作品を作ったのですが、 いざコンペ応募の仮サイズにしようと思ったら、 ガタガタ?というかぼんやりした画像になってしまい、 アップロード(応募)できずに困っています。 きっと私の知識不足なのですが、、、 どなたか教えてください。 コンペ応募の条件としては、 ・ファイル形式:JPEGのみ ・画像解像度:72dpi ・縦:400ピクセル/横:400ピクセル ・ファイルサイズ:300キロバイトまで 最後の300キロバイトというのに引っかかってしまいます。 656KBもあります。 その他は規定の通り、 JPEGで解像度72、縦横400ピクセルに直したのですが、 どうしても300KBにはなりません。。。 色はCMYKモードです。 (合格した場合は印刷になるので) よろしくお願いいたしますm(_ _)m

  • 画像サイズの取得方法

    現在サーブレットを用いて画像アップロードBBSを作成しているのですが BBSにアップロードを表示する際に縦もしくは横が 一定のサイズ以上の場合縮小して表示する必要があり 画像サイズの取得を今までは java.swing.ImageIcon#getIconWidth() などを使用していました。 しかしBMPファイルをアップロードする必要性が出てきたため上記の方法ではBMPのサイズを取得できず悩んでいます。 どなたかBMPでも画像サイズを取得できる方法を教えていただけないでしょうか?

    • ベストアンサー
    • Java
  • バラバラのサイズの画像のサイズ統一、白色で埋める

    VIXでいろいろなサイズ、縦横比率の画像を横サイズ指定でリサイズすれば横サイズは統一できますが、縦横比率に従って縦サイズはバラバラになります。 そこで、全ての画像を縦横一定のサイズに統一したい。左上を基点にしてもいいし、中心を基点にしてもいいが、余白部分は白色を埋め込む。 以上のようなことができるフリーソフトってありませんか。

  • ■アップロード時の画像ファイル自動調整

    ■アップロード時の画像ファイル自動調整 PHP+PostgreSQの環境でWebアプリケーション(顧客管理簿)を構築しております。 表題の「アップロード時の画像ファイル自動調整」についてお伺いを致します。 画像をアップロードする前に、画像ソフトなどで画像を調整(解像度・容量)したのち 調整した画像をアップロードするのが一般的ですが、この画像調整を自動的に行い アップロードさせたいのですが、ググってみましたが解決できそうなサイトが見つか らなかったです。 画像編集する手間が省けるのと、ソフトを持っていない(インストールされていない)場合でも Webアプリケーション側で自動調整しDB側に保存できればと考えております。 ※ちまなみ、画像は15KB、アスペクト比3:4に調整したいです。 紹介されているサイトやアドバイスをいただければと思います。 宜しくお願いいたします。

専門家に質問してみよう