Лишний вес картинки

Здравствуйте, уважаемые читатели!  В продолжение темы оптимизации картинок, рассмотрим вопрос об уменьшении объема изображения. Лишний вес картинки также мешает быстрой загрузке блога, тем самым уменьшает скорость загрузки сайта в целом.

Сервис pr-cy.ru

Как можно определить, какие картинки этому мешают. Для этого существуют различные программы, но сегодня мы воспользуемся  сервисом pr-cy.ru/speed_test, который позволяет проверить быстроту загрузки сайта. Результаты проверки предоставляются в процентном отношении к его максимальному значению.

Для проверки своего сайта вводим URL-адрес сайта и нажимаем — анализировать. После проверки сайта, на этой странице можно ознакомиться с рекомендациями, которые дает сервис по увеличению скорости загрузки сайта.

Лишний вес картинки

Эти рекомендации касаются следующих направлений — не использованию переадресации с целевой страницы,  включению сжатия, использованию кеш браузера, сокращению время ответа сервера, сокращению CSS, сокращению HTML,  сокращению JavaScript,  удалению кода JavaScript и CSS, блокирующий отображение верхней части страницы,  оптимизации изображения,  оптимизации загрузку видимого контента.

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

Лишний вес картинки

Устранение ошибок оптимизации изображений

Сегодня мы остановимся на устранении замечаний  по оптимизации иллюстраций. Для этого открываем рекомендации раздела оптимизации изображений. В моем случае предлагаются уменьшить размер 2 картинок. Рассмотрим первую ссылку иллюстрации, которую необходимо сжать на 35% -42,3 кБ.

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

Сейчас необходимо ее оптимизировать.

Графический редактор Photoshop

Уменьшение объема картинку будем производить в графическом редакторе Фотошоп. Обращаю внимание на то, что у меня установлен Фотошоп СС 2018. Открываем нужное изображение, нажимаем файл, экспортировать и сохраняем его как для web и устройств. Сохраняем изображение в формате jpeg, и выбираем качество сжатия. Нам необходимо ее сохранить, уменьшив объем более чем на 42,3 кБ.

Лишний вес картинки

После выполнения всех действий сохраняем изображения на рабочем столе, не изменяя имя файла.

Загрузка файла через FileZilla

Далее необходимо загрузить сохраненный файл на блог. Воспользуемся  FileZilla, вводим необходимые данные для авторизации. После авторизации, находим файл на рабочем столе и закачиваем его на блог.

Лишний вес картинки

Теперь, можно вновь зайти на  сервис  и посмотреть, какие произошли изменения после наших манипуляций. Как видно все у нас получилось.

Итак, вес первой ссылки уменьшен. По такому же сценарию проходим по остальным картинкам, которые нужно уменьшать. Лишний вес картинки и всех других изображений уменьшен. Быстрота загрузки сайта, благодаря оптимизации картинок, увеличилась.

С темой создания рекламных баннеров для сайта  можно ознакомиться в этой статье.

С уважением, Михаил Сойкин.

               Получайте лучшие статьи на почту каждую неделю
Понравилась статья? Поделиться с друзьями:
На пути к успеху. Блог Михаила Сойкина
Комментарии: 1
  1. Михаил

    Здравствуйте Михаил. Всё оказывается так просто. Достаточно сохранить для веб, и картинка уменьшается в своём весе. Проделаю эту процедуру на своём блоге.

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: