Как создать CSS спрайты в онлайн генераторе для уменьшения количества HTTP запросов

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

Мы будем объединять картинки, входящие в состав оформления сраниц сайта и выводящиеся при помощи CSS, а именно, посредством свойства background или background-image. Для экономии драгоценного времени мы автоматизируем процесс, воспользовавшись одним из онлайн генераторов.

Объединение картинок в спрайты посредством онлайн генератора

		Это интересно 0	Как всё будет выглядеть в блоге: Как создать CSS спрайты в онлайн генераторе для уменьшения количества HTTP запросов Очередная серия на тему ускорения сайта будет снова посвящена оптимизации изображений, на этот раз рассмотрим возможность сокращения HTTP запросов за счет создания отдельных блоков, содержащих сразу несколько графических элементов, и именумых спрайтами Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/poleznyie-servisyi-i-programmyi-dlya-nachinayuschih-polzovatelej/14526764/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Как создать CSS спрайты в онлайн генераторе для уменьшения количества HTTP запросов </a> <div class="insert-intro" style="font-family:trebuchet MS;"> Очередная серия на тему ускорения сайта будет снова посвящена оптимизации изображений, на этот раз рассмотрим возможность сокращения HTTP запросов за счет создания отдельных блоков, содержащих сразу несколько графических элементов, и именумых спрайтами </div> </div> Как создать CSS спрайты в онлайн генераторе для уменьшения количества HTTP запросов <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/poleznyie-servisyi-i-programmyi-dlya-nachinayuschih-polzovatelej/14526764/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Как создать CSS спрайты в онлайн генераторе для уменьшения количества HTTP запросов</a> <div style="font-family:trebuchet MS;"> Очередная серия на тему ускорения сайта будет снова посвящена оптимизации изображений, на этот раз рассмотрим возможность сокращения HTTP запросов за счет создания отдельных блоков, содержащих сразу несколько графических элементов, и именумых спрайтами </div> </div>

Igorx

04.03.2018

В избранное Пожаловаться Просмотров: 277

Комментарии ⁰

Полезные сервисы и программы для начинающих пользователей 7268

Важные темы:

Активные участники:

Последние откомментированные темы:

Как создать CSS спрайты в онлайн генераторе для уменьшения количества HTTP запросов

Комментарии временно отключены

Открытая группа
38976 участников