5 1 1 1 1 1 1 1 1 1 1 Rating 5.00 (3 Votes)

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

Инструкция по оптимизации по шагам:

1. Скачайте все картинки с сайта, например FTP клиентом Filezilla. Если они расположены в разных местах, то скачиваете вместе с папками не нарушая их структуру.

Обязательно сделайте копии, на всякий случай!

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

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

Откройте папку со скаченными файлами в FastStone Image Viewer Сервис -> Пакетное преобразование, настройте:

Включение столбца «Размеры»

И измените размер.

 3. Сожмите изображения. Я пробовал Фотошопом, ФастСтоном и другими программами уменьшать вес картинки. Удалял мета-данные, EXIF и комментарии. Но для PageSpeed Insights они все равно были большими.

Самым лучшим сервсом по сжатию оказался TinyPNG. Он удаляет какие то ненужные каналы и сжимает в среднем до 40%, без потери качества.

Один минус если не хотите покупать плагин для ФШ: с ним придется работать ручками.

В ручном  режиме, TinyPNG позволяет за раз загрузить до 20 изображений jpeg и png форматов, а затем  скачать по одному.

После оптимизации всех картинок, закачайте их на  сервер тем же FTP-менеджером.

Сказать спасибо лучше кнопками:

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


Защитный код
Обновить

Feedburner
Поиск
Новые материалы
Последнии Комментарии