Можно, если стили из файла перенести в тэг
style, изображения сконвертировать в
base64 и заменить в соответствующих атрибутах
src и значениях свойств
background-*
Например вот так:
https://jsfiddle.net/71emtqoL/
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>example</title>
<style>
.bg-img{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==");
background-repeat: no-repeat;
padding-top: 10px;
}
</style>
</head>
<body>
<div>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
<p>Изображение красной точки в base64 (img src)</p>
</div>
<div class="bg-img">Изображение красной точки в base64 (background-image)</div>
</body>
</html>
Простой
Средний
