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

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

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

Читайте дальше

		Это интересно +1	Как всё будет выглядеть в блоге: Как создать 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/programmyi-pomogayuschie-dumat-sochinyat-fantazirovat/14444449/" 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/programmyi-pomogayuschie-dumat-sochinyat-fantazirovat/14444449/" 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

28.01.2018

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

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

Программы, помогающие думать, сочинять, фантазировать 565

Важные темы:

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

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

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

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

Премодерируемое участие
12090 участников