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

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

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

Как сделать sprites из нескольких изображений онлайн с помощью генератора

		Это интересно 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/pomosch-windows/14401278/" 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/pomosch-windows/14401278/" 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

09.01.2018

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

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

Помощь Windows 1997

Важные темы:

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

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

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

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

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