Есть ли способ предварительно загрузить изображения, используя только HTML / CSS?
Да, вы можете. По этой теме доступно множество учебных пособий - вот один из них .
Или еще проще: <link rel="prefetch" href="path to image"> (Firefox).
<link rel="prefetch" href="path to image">
<link rel="prerender" href="http://example.org/index.html"> (хром)
<link rel="prerender" href="http://example.org/index.html">
Да, есть. Есть методика, называемая спрайтами CSS.
Это в основном работает, загружая одно большое изображение и затем отображая только определенные участки изображения по мере необходимости. Очевидно, что этот метод не практичен для каждого решения, но он хорош для многих.
У List Apart есть отличный учебник по этому вопросу: A List Apart: Статьи: CSS-спрайты: Поцелуй Смерти с изображениями
Да: http://perishablepress.com/press/2008/04/15/pure-css-better-image-preloading-without-javascript/
Если вы включите URL в свой CSS, изображение будет загружено, так как файл .css загружен в документ.