display: none; の画像読み込みテスト

imgタグの画像(display: none;)

img-display-none.jpg(非表示だけどダウンロードされる)
非表示の画像

imgタグの画像(表示中)

img-display-block.jpg
表示中の画像

background-image の画像(display: none;)

bg-img-display-none.jpg(非表示でダウロードされない)

background-image の画像(表示中)

bg-img-display-block.jpg