PNG \ Images - Позиционирование

Question

Я видел людей, использующих эти виды изображений, затем позиционирующих их так, чтобы они были отдельными кнопками, вы понимаете, о чем я

• Почему это так?
• Какие преимущества?

Answer 1

Это избавляет браузер от выдачи большого количества маленьких HTTP-запросов, которые замедляют загрузку страниц.Он также имеет тенденцию немного снижать потребление ресурсов в браузере - что может иметь большое значение для устройств с ограничениями - и более удобен для кэшей с ограничениями, поскольку одно большое изображение обычно немного меньше суммы отдельных изображений.

Answer 2

Это называется ' css sprites ', и это сделано из-за оптимизации.

Таким образом, браузеру нужно загружать только одно (большее) изображение вместо множества маленьких изображений. Это повышает скорость работы сайта.

Как правило, одиночное изображение имеет меньший размер по сравнению с разделенными небольшими изображениями.