![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
私はイラストレーターで、自分のサイトに作品を載せるため、画像数がたくさんあります。たとえば画像が50枚あるとしたら、1枚目から画像を読み込むようにするにはどうすればよいのでしょうか?
今の問題は、作品のページを読み込むのにすごく時間がかかってしまいます。15秒くらいかかって、やっとすべてのアイコン画像と、作品の画像が読み込めます。これは、画像を50枚一気に読み込んでいるから遅いのですよね?そうではなく1枚目から順々に読み込んでいって、最後の50枚目は、他の画像を見ている間に読み込めれば時間がかからないと思うのですが、そのような設定はどうすればいいでしょうか。
それとも、その他に、読み込みを遅くしている原因は何か考えられますか?
DreamweaverとCSSに基本的な知識はありますが、すごく詳しいわけでもありません。宜しくお願いします。
A 回答 (4件)
- 最新から表示
- 回答順に表示
No.4
- 回答日時:
以下の回答します。
>>2、画像データが大きい場合、解像度が不要に高くないか。
>どのくらいの解像度がいいのでしょうか?
モニターの解像度は、72dpi もしくは 96dpi が一般的です。これ以上の解像度にしても、見た目の違いは有りません。ただし印刷した場合印字品質は余り良く有りません。印刷を考えた場合、解像度はプリンタの能力に依存します。
ちなみに、No3 さんの回答は少し勘違いされていると思います。
>>3、全ての画像を1ページで表示させてないか。
>これは、例えばサムネールをクリックしたときに、別のウインドで画像を表示するほうがいいという事でしょうか?
考え方次第です。画像が50点あるなら、1ページに10点掲載して5ページ作るというこも考えられます。
その際に、サムネール画像はサイズを小さくした、サムネール専用の画像を用意することが望ましい。html でオリジナル画像のサイズを小さくして表示させる事は余り望ましくない。
ちなみに、No3 さんの回答は半分正解、半分は自分の回答を参考にしてみてください。。
>>4、サムネールの画像と、詳細画像は分けているか。
>これはどういう意味でしょうか?
オリジナルの画像サイズが判らないのですが、オリジナルの画像とは別に、サムネール用の小さい画像を用意すると言う事です。
オリジナルとは別に、画像解像度72dpiで、サイズは300px x 200px 等のサムネール専用画像を作るという事です。
サムネール画像をクリックしたら、オリジナル画像を開くように、オリジナル画像にリンクさせます。
最後に、要は今まで以上に手間がかかるとご理解ください。
No.3
- 回答日時:
>>2、画像データが大きい場合、解像度が不要に高くないか。
>どのくらいの解像度がいいのでしょうか?
表示サイズと同じ。
imgタグを使用しているなら、imgタグに指定したheightとwidthの値と同じ。
>>3、全ての画像を1ページで表示させてないか。
>これは、例えばサムネールをクリックしたときに、別のウインドで画>像を表示するほうがいいという事でしょうか?
Yes
>>4、サムネールの画像と、詳細画像は分けているか。
>これはどういう意味でしょうか?
サムネイルは256x192サイズの画像を使い、別窓などで開いた画像は1024x768サイズの画像を使う。
ブラウザが表示する画像は、目に見えてる表示サイズではなく、実際にそのサイトのサーバーにある画像サイズ分をダウンロードして表示しています。
(見た目が小さくても、画像のファイルサイズが大きいとダウンロードに時間がかかり、表示も時間がかかる)
ですので、サムネイル一覧では、ファイルサイズの小さくなる画像を利用するのが一般的です。
No.2
- 回答日時:
レイアウトにTable使ってませんか?
tableは全てデータを読み込んでから表示するので、
上から順番に表示という動作はしません。
そのためデータが重ければ重いほど表示までのレスポンスが遅くなります。
場合によってはクラッシュすることもあります。
もしテーブルレイアウトであれば細かくテーブルを分けたり、
テーブルレイアウト自体やめてDivやリストでの記述にするだけでも
ずいぶん変わってくると思います。
この回答への補足
>もしテーブルレイアウトであれば細かくテーブルを分けたり、
例えば、1~25枚の画像を1のテーブル、その下に26~50枚の画像のテーブルを作ると、先に1のテーブルが読み込まれるという事でしょうか?
No.1
- 回答日時:
画像データは順番に読み込まれ、読み込まれた順に表示されています。
でも、希望通りにならないと言う事で有れば、下記の項目をご確認ください。
1、画像データが大きくないか?
2、画像データが大きい場合、解像度が不要に高くないか。
3、全ての画像を1ページで表示させてないか。
4、サムネールの画像と、詳細画像は分けているか。
等々をご検討ください。
この回答への補足
>2、画像データが大きい場合、解像度が不要に高くないか。
どのくらいの解像度がいいのでしょうか?
>3、全ての画像を1ページで表示させてないか。
これは、例えばサムネールをクリックしたときに、別のウインドで画像を表示するほうがいいという事でしょうか?
>4、サムネールの画像と、詳細画像は分けているか。
これはどういう意味でしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ノートパソコン ノートパソコンのBD-Rドライブが使用できなくなってしまったらどうする 9 2022/12/05 09:14
- Word(ワード) 写真3枚をA4に貼り付けたい 5 2023/07/03 14:36
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- Windows 10 デフラグが遅い 3 2023/01/13 00:35
- Excel(エクセル) Excelのショートカットキー 2 2023/05/31 10:46
- デスクトップパソコン パソコンにエラーメッセージが出る 起動順の変更ができない 3 2023/04/11 18:24
- 写真・ビデオ 写真や動画を保存する、これらを満たしたサービスはありませんか。 ・iOS, Android, Mac 2 2023/07/30 18:35
- Web・クリエイティブ 【 3DCGソフト⠀MAYAについての質問 】 MAYAでビューからイメージプレーンを読み込むと、ビ 1 2023/07/09 02:50
- ノートパソコン ノートPCか、タブレット端末で Windows11 年賀状 確定申告 インターネット プリンター ス 2 2022/07/10 22:08
- その他(IT・Webサービス) 知り合いがバンドをしており、CDを作成したものをもらいました。 そのジャケットの表紙にQRコードがあ 5 2022/10/04 22:08
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画像をループさせるうまい方法...
-
【EXCEL VBA】ダブルクリックで...
-
自作の地図をグーグルマップの...
-
OpenCVの透過処理
-
Visual Basic : ImageListの画...
-
検索キーワードがわかる広告無...
-
【PowerPoint】VBAで画像サイズ...
-
VB6での画像のサイズ変更に関して
-
モーダルウィンドウ内で複数の...
-
uwscの画像認識に失敗します。
-
UWSCの画像認識と条件分岐につ...
-
ワードプレスで画像を何枚か横...
-
OpenCV でのROIの指定方法について
-
画像を読み込む順番を指定した...
-
UWSCで指定箇所のみループ
-
UWSC 画像認識で条件分岐
-
Excel ユーザーフォームで表示...
-
VBAのユーザーフォームのイメー...
-
VBA シート毎に画像挿入
-
VBSでワードに画像を貼り付ける
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【EXCEL VBA】ダブルクリックで...
-
背景画像の繰り返しについて
-
EXCEL VBA 複数のImageコントロ...
-
「using Windows」でエラーが出る
-
jqueryスライダーを2段でスライ...
-
画像のピクセルデータの取得
-
ImageMagickでgif画像の一部が...
-
Excel ユーザーフォームで表示...
-
uwcs のマクロで画像認識をして...
-
uwscの画像認識に失敗します。
-
vb.net 画像の透過について
-
VBA シート毎に画像挿入
-
UWSC 画像判定と条件分岐について
-
UWSC「画像が無い場合」
-
gif 画像上の ボタンに リン...
-
Pythonでgif画像が上手く作れない
-
VBAのユーザーフォームのイメー...
-
UWSC 画像認識で条件分岐
-
パネルに画像
-
【WPF】画像の切り替え
おすすめ情報