Каждое отдельное изображение является отдельным ресурсом, чтобы использовать их в пользовательском интерфейсе, вам нужно вызывать их отдельно. Но это не значит, что мы не можем избежать вызова нескольких HTTP-запросов, так как количество изображений нам нужно. Есть несколько способов их избежать.
Но почему у каждого изображения должен быть свой собственный URL? Это кажется неэффективным.
Для вызова нескольких изображений в одном и том же HTTP-запросе. Одним из методов является CSS Sprite .
Почему мы не можем встроить изображение в HTML файл
Это Это также возможно при использовании изображений в качестве закодированных данных, сохраненных в переменных Sass и извлечении их в пользовательский интерфейс через data-uri . Но у этого метода есть свои плюсы и минусы. Так что выбирайте мудро.