Сайт своими руками


Пособие для начинающих
Редактируем готовые шаблоны


Вам не обязательно быть программистом, достаточно научиться понимать и редактировать уже написанный код


» » Стратегии оптимизации веб-изображений.

Стратегии оптимизации веб-изображений.

  • Автор: Saah
  • |
  • Комментариев: 0
  • |
  • Просмотров: 212
Стратегии оптимизации веб-изображений.

Общие стратегии оптимизации.
Представьте, что вы разрабатываете дизайн рекламного баннера для крупного клиента, а тот говорит вам, что у всех баннерных изображений есть лимит 15К (размер файла не может превышать 15 Кб). Такой сценарий является довольно распространенным в бизнесе, так что вы должны владеть некоторыми хитростями, чтобы достичь цели.

Независимо от типа изображения или файла, существуют несколько основных стратегий по сокращению размера файла, которые нужно иметь в виду. В самом широком значении это:
Ограничение размеров.
Достаточно очевидно, что самым простым способом уменьшить размер файла является уменьшение размеров самого изображения. Здесь нет никаких волшебных чисел, просто не делайте изображения большего размера, чем нужно.

Многократное использование.
Если вы неоднократно используете одно и то же изображение на сайте, лучше загрузить только один файл и ссылаться на него там, где необходимо. Это позволяет браузеру использовать кэшированное изображение и избегать дополнительных загрузок.

Дизайн и сжатие.
Одним из самых лучших приемов сделать файл настолько малым, насколько это возможно, является следование особенностям графических форматов для эффективного сжатия. Например, поскольку вы знаете, что сжатие файлов формата GIF лучшего всего воздействует на однотонные области, не делайте изображения GIF с градиентами, если однотонного цвета достаточно. Точно так же, поскольку файл формата JPEG замечательно справляется с плавными переходами и пасует перед резкими цветовыми границами, вы можете попробовать размыть изображения, которые будут сохранены в формате JPEG.


Людям интересно:


Статья опубликована: 19-01-2017, 18:26

Сохраните для себя


Оставьте комментарий.
Ваше мнение будет полезно посетителям сайта:




Имя:* E-Mail:*
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Вставка ссылкиВставка защищенной ссылки Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Введите код: *
Использование материалов сайта приветствуется. При копировании и размещении данной информации на сторонних ресурсах, ссылка на сайт SiteY.ru желаема.