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

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

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

Перейдите к полной публикации о спрайтах CSS

		Это интересно Это интересно 0 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/blogging-kopirajting-vse-samoe-interesnoe-i-poleznoe/14362415/" 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/blogging-kopirajting-vse-samoe-interesnoe-i-poleznoe/14362415/" 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

Привилегированный пользователь 16.12.2017

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

Следить

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

Блоггинг, копирайтинг: все самое интересное и полезное 9833

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

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

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

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

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