Webサイトの画像サイズについて
- Webサイト作成初心者の方向けに、画像のサイズ（容量）について解説します。
- 画像の容量は、Webサイトのパフォーマンスに大きな影響を与えるため、適切なサイズを設定することが重要です。
- 画像1枚当たりの容量や1ページ当たりの画像全体の容量、そして全ページの画像の容量がページの読み込み時間に与える影響について詳しく説明します。
- ベストアンサー
画像のサイズ（容量）について
初めてWebサイトを作成しているのですが、ページ数は全部で20ページくらいになります。 そこで、ご質問ですが、画像の容量はどれくらいにするのが良いのでしょうか？ ちなみに、今現在、画像は147個あります。軽いもので3KB、重いもので70KBあります。 おそらく、画像は全部で160個くらいになると思います。 質問は以下の3つになります。 (1)画像1枚当たりの容量はどれくらいが良いのでしょうか？ (2)1ページ当たりの画像全体の容量はどれくらいが良いのでしょうか？ (3)全ページの画像の容量は、単体1ページに対して、何か影響を与えることはあるでしょうか？ （例えば、ページを開くのに時間がかかるとか）
- CSS
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
どの程度の画像容量が最適かは、そのページの目的や内容によって大きく異なりますので、一般的な基準はありません。 アルバムのようなページで画像の量を減らすことはありませんし、テキストデータが主体の記事で、余計な画像をちりばめるのは感心しません。 ページの描画に要する時間は ・画像の数 ・画像のサイズ ・画像サイズやtableなどでレイアウトに完成に要する時間 などでおおよその目安は立ちます。ブラウザは逐次表示が原則ですから、画像やtableのサイズがHTMLを読み込んだ時点で決定されるなら、全体のレイアウトに要する時間は少なくなるでしょう。 画像は、逐次読み込んでいきますから、そのたびにサーバーとの接続時間ロスが発生します。スプライトのように大きな画像を一枚だけ読ませて、その一部をそれぞれの場所で使用する方法は接続時間のロスを低減できるでしょう。 画像一つ一つのサイズは、画像のフォーマット、描画サイズなどによって異なるので回答はありません。
関連するQ&A
- ADSL回線で重たくない画像の容量？
Webサイトで、１つのページに90*120の画像を 何枚くらいまで使うと重たくなってくるのか？ という許容範囲が知りたいです。 現在、減色して1枚2KBです。 もしくは、全体でどのくらいの容量ならokとか、 そういう話が知りたいんですが。 できるだけ多めに画像を使いたいんですが、 どんなに重たくても、ADSL回線で 重たく感じないくらいにしたいんですが。 すいませんが、よろしくお願いします。
- ベストアンサー
- CSS
- １枚の画像の容量は・・・
カテゴリが違うかもしれないですが。 ＨＰ作成中です。 先日、１ページの容量は５０ＫＢほどが理想ということを知りました。 作成中のものを確認すると１ページが６５０ＫＢもありました＞＜ 何とか４４０ＫＢまで少なくしました。 皆さんは１枚の画像の容量はどのくらいにされているのでしょうか？ それはどのようにされているのでしょうか？ （ＪＰＥＧというものに変更したりしたのですが・・・） 教えてください。よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- 画像容量をおとすには
イラストレーターで携帯サイトに使用する ロゴバナーを作成したのですが、 ＪＰＧを選択しても、容量が結構な量となり、 残念ながら、現状使用できない状況です。 イラレで作成、フォトショップでＷＥＢ用ＪＰＧで 保存しても、32ＫＢほどになりました。。。 携帯で使用するには、できれば1ＫＢ以下に 抑えたいと思っています。 大きさとしましては、横30ｍｍ、縦15ｍｍ以内で 作成しています。 なんとか、容量を1ＫＢ以下に抑える良案を ご教授いただけると幸いです。 よろしくお願いします。
- 締切済み
- その他(ソフトウェア)
- HPに置くFLASHの適切なサイズ（容量）は？
初めてOKWave使ったので検索の仕方が分からず、既出でしたらすみません。 企画でHPを仲間と共同作成しています。 自分はページ全体を作っていて、別の人が画像などの素材を作っています。 ある日、画像担当の提案によりFLASHを配置することになりました。 そこで質問ですが、トップページに動くタイトルロゴ・オープニングムービー的なものを置くなら、それの容量はどれくらいが適切で、どのくらいまでが限界なのでしょうか？ これまで様々なサイトを趣味で頼まれたりして作ってきましたが、自分はFLASHを置いたサイトを作った事が無いのでわからないのです。 作っているのはムービーのようなものだそうです。 3D画像に写真を盛り込んだ様子らしく、完成図を見てないのでなんともいえませんが…全部で50秒くらいとか、10MB目指して抑えてみるという言葉をもらったのですが、私としては抑えて10MBもするものをトップページに置きたくないのが本音です。 無料HPスペース1個分もあるのか、と内心びっくりしました。 素材屋で配布しているメニューなどは60KB程度ですから…比較になってないかもしれないですが＾＾； しかし、他のサイトのFLASHもそれだけ容量あるのならば仕方ないと思います。。
- 締切済み
- HTML
- 容量
初心者です。 ＨＰを作成中です。 写真をたくさん載せたのですが １枚の画像が約５０ＫＢで１０枚載せ １ページの容量が４８９．２ＫＢになりました。 これってかなり重いのでしょうか？？ 重すぎるなら１枚の画像をどれくらいにすれば良いのか 教えて下さい。
- ベストアンサー
- レンタルサーバ・ASP
- 画像サイズを変えないで容量縮小する方法
お世話になります。 ＪＥＰＧの画像のサイズを変えないで 画像ピクセル容量を縮小する方法を教えて下さい。 例： サイズ４８０Ｘ３３６の画像の容量が６０ＫＢある場合、 サイズ４８０Ｘ３３６のサイズはそのまま変えないで、 容量を約半分の３０ＫＢ以下にする方法のことです。 なおダウンロードの必要のあるフリーソフト （JTrim、Photoshop Vectorなど）を使わず、 ペイント機能、Windowsのシステム内でできる方法を教えて下さい。 ちなみに、Windowsに搭載の画像処理機能で「圧縮」しても 上記の効果は得られず、逆に容量は３ＫＢほど増えました。 また、ペイント機能で画像にペイントすると 上記の効果が出ましたが、デジカメを画質がいいのに変えてから 効果が出る画像と出ない（容量がさらに増える）画像があり ムラがあり困っている次第です。 ご回答をよろしくお願い致します。
- ベストアンサー
- 画像・動画・音楽編集
- 画像の容量を…。
画像の容量を→500KBピッタリに出来るような方法やソフトはありますか？オークションに出品する際に小さい画像なら少し大きめに容量を500KBに指定出来て大きな画像ならば少し小さめに容量を…。色々と調べたりはしたのですが縦＆横のサイズを変更する事は出来るのですが→どうしても容量が500KBを越えてしまったり500KBを下回り質が落ちてしまったり…。丁度良く容量を500KBに変更したいです。基本的な質問で申し訳ありません…。dynabook-E8/X19PDE(XP)HDD→60GBでメモリ→512MBです。どうぞ宜しくお願いしますm(_ _)m
- ベストアンサー
- Windows XP
- 同じ画像でも容量が違う？
デジカメを購入したばかりの者です。 画像の保存のことで質問です。 先日以下２通りの方法で画像保存しましたが、同じ画像（画像Aとします）でも保存場所（メディア）によって容量が違うのです。 (1)付属ソフトでPC内に保存。こちらの画像Aの容量は６３２KB。付属ソフトは「SD Viewer」です。 (2)カメラ屋さんでSDメモリーカードからCDプリントし保存。そのCD内の画像AをPCのデスクトップにコピーして容量を見るとこちらの容量は８２８KB。 同じ画像なのにどうして差が生じるのでしょう？もしプリントする場合は容量の重いCDの画像をプリントした方がキレイなのですか？ なるべく良い状態で保存しておきたいので、今後は全てCDで保存した方が良いのでしょうか？ ちなみにその画像は2304×1728画素、スタンダードで撮影。OSはウィンドウズ９８です。 よろしくお願い致します。
- ベストアンサー
- デジタルカメラ・フィルムカメラ
- モバイルサイト 画像がエラー
モバイルサイトを作成しているんですが、画像をjpg, gifで載せたのですが、どうしても１つだけ×印が出ます。 もちろん画質を抑えて容量を軽くしております。 そのページで３Kバイト、全体でも５０メガ ですから オーバーしているということはないと思います。 単純な記載ミスもありません。３キャリアすべてで 映りません。ほかの画像はOKで、一つだけす。 よろしくお願いします。
- 締切済み
- HTML
- 画像の容量を減らしたい！
iBook G4を使用しています。 AppleWorksを使用して絵を描きました。 実際は３６ピクセルより高さが低いんですが、３６ピクセルが最小値のようで、それ以上小さくすることは不可能でした。 なので、そのままそれは保存しました。（下側に白い部分あり） 容量は8KBです。 その絵をiPhotoへ持って行き、白い部分以外を切り出して保存したところ、元々のファイル容量よりも多くなってしまいました。 できれば2KBくらいに下げたいのですが、どのようにしたらよいでしょうか？（携帯で使いたいので。） デコメ配信サイトなどでは、アニメにもかかわらず、1KBや2KBだし。。 やはりjpegではなく、gifファイルにすべきでしょうか。 またiPhotoを使わないで36ピクセルより小さい画像を作成する方法があったら教えてください。（標準ソフトで行いたいです。）
- ベストアンサー
- Mac
お礼
ありがとうございました！！ 上手にスプライトを使ってみたいと思います！！