No.2ベストアンサー
- 回答日時:
ブラウザは、同じファイル・・は何度もダウンロードしません。
>記述が面倒だし、
については、その画像が文書構造上は意味がないもののはずですから、スタイルシートで指定してやればすむことです。
たとえば、風景写真のアルバムのように、風景写真が文書を構成する要素の場合は<object>ないし<img>でマークアップしますが、その見出しや枠やボタンとして使われるような文書構成に関係ない画像はスタイルシートで記述すればよい。
たとえば<h2>(レベル2の)見出しに、アイコン画像をいちいち書くのは面倒なので
h2:before { content: url("../images/h2.gif");}
とすればよい。ついでに背景も指定したけりゃ
h2:before {
content: url("../images/h2.gif");
background:url("../images/h2_back.gif") no-repeat top right;
}
とか、
ありがとうございます!
このような方法は初めて知りました。
これなら自分が問題としてとらえていることが見事に
解決されます。
めからうろこです。
この度はありがとうございました。
No.3
- 回答日時:
一度ダウンロードした画像ファイルはキャッシュに残りますので、
<img src>を書くたびにダウンロードしているわけではないですよ。
そうなんですね!
全ていちいちダウンロードしているものと思っていました。
それなら同じ画像であればいくらすかってもパフォーマンスには
あまり影響はでないですね。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- ノートパソコン ノートパソコンで動画編集をするようになってから立ち上がるまで時間がかかるようになりました 11 2023/06/01 16:15
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- Android(アンドロイド) GooglePixel6aで写真が勝手に消えた 5 2023/04/05 15:48
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
- Excel(エクセル) EXCELマクロでandroidタブレットから取りんだJPEGファイルをうまくセルに貼り付けられない 2 2022/07/31 15:03
- 写真 証明写真の作り方!! ご回答頂けると幸いです…。 学生証の写真を証明写真として使うやり方について 質 2 2022/05/04 13:51
- 写真 写真(画像)編集スキルを質問する時 1 2022/12/07 14:14
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<hr>の縦バージョンはありますか?
-
下にスクロールしても、追従す...
-
background-sizeの背景で最小値...
-
画像の上にテキスト配置で、拡...
-
画像上に文字を表示するとiPhon...
-
【Webサイト】画像が小さく表示...
-
【至急お助け!】チェックボッ...
-
ホームページのバックのスクロ...
-
CSSで背景画像をランダムに表示...
-
背景を固定し文章だけをスクロール
-
<ul>タグの上の空白って消せま...
-
背景部分を透けさせてデスクト...
-
ホームページの背景画像を画面...
-
ホームページ「メニューボタン...
-
WEBサイトのメニューバーを画像...
-
CSSのhoverを使ってアイコン画...
-
コーディング中、右側に謎の余...
-
フォームに画像を入れる方法を...
-
不定形画像の背景画像設定
-
ページごとに背景画像を変更し...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<hr>の縦バージョンはありますか?
-
画像とその下にあるテキストの...
-
lightbox2で画像を天地左右中央...
-
画像の上にテキスト配置で、拡...
-
background-repeat CSS で切れ...
-
【Webサイト】画像が小さく表示...
-
IMGタグで画像の繰り返し使用は…
-
background-sizeの背景で最小値...
-
同じ画像 複数回使用
-
【至急お助け!】チェックボッ...
-
iframe内をクリックさせない方...
-
htmlかcssで背景の白い枠をなく...
-
background-sizeでcontainする...
-
CSSで背景画像をランダムに表示...
-
ページごとに背景画像を変更し...
-
画像上に文字を表示するとiPhon...
-
LightBoxの矢印の出し方
-
WEB上でディレクトリ内の画像を...
-
submitボタンの上に重ねた画像...
-
CSS マウスオーバーでテキスト...
おすすめ情報