Возможно ли встроить картинку в .css файл?

Question

[Avery007]

Возможно ли встроить картинку в .css файл? Загружать её из другого места нет возможности, нужно чтоб всё было в одном файле.

Comments

[Nikolay]

Что значит встроить? путь к ней прописать можно. А запехать её в файл как вы себе это представляете? это не папка , не архив вам.

[Serj-One]

Да ну? Вы, видимо не в курсе, но - https://ru.wikipedia.org/wiki/Base64

[teotlu]

Можно-можно, с помощью base-64, смотрите первый ответ.

Answer 1

[Jonh Doe]

<img
src="data:image/gif;base64,R0lGODdhMAAwAPAAAAAAAP///ywAAAAAMAAw
AAAC8IyPqcvt3wCcDkiLc7C0qwyGHhSWpjQu5yqmCYsapyuvUUlvONmOZtfzgFz
ByTB10QgxOR0TqBQejhRNzOfkVJ+5YiUqrXF5Y5lKh/DeuNcP5yLWGsEbtLiOSp
a/TPg7JpJHxyendzWTBfX0cxOnKPjgBzi4diinWGdkF8kjdfnycQZXZeYGejmJl
ZeGl9i2icVqaNVailT6F5iJ90m6mvuTS4OK05M0vDk0Q4XUtwvKOzrcd3iq9uis
F81M1OIcR7lEewwcLp7tuNNkM3uNna3F2JQFo97Vriy/Xl4/f1cf5VWzXyym7PH
hhx4dbgYKAAA7"
alt="Larry" />

так-же и в css

background-image: url("data:image/gif;base64,R0lGODlhAwADAIAAAP///8zMzCH5BAAAAAAALAAAAAADAAMAAAIEBHIJBQA7");

Answer 2

[teotlu]

С помощью, например, такого ресурса переводите её в base-64, а потом вставляете в CSS, как советует Ugputu .
Только не советую слишком большие картинки так вставлять. Обычно так поступают со всякими там иконками или паттернами.