Сжатие картинок для оптимизации сайта
Добрый день!
Меня зовут Михаил Носов. Я фрилансер. Занимаюсь технической оптимизацией сайтов и их ускорением.
Так вот в ускорении сайтов самый важный момент, это работа с картинками.
Один из SEO трендов в этом году гласит, что надо наполнять сайт как можно большим количеством картинок. Товар с одной картинкой продаётся хуже, чем товар с несколькими картинками в разных ракурсах. Ну и конечно всякие фоновые изображения, иконки, логотипы и прочее визуальное оформление сайта - всё это весит гораздо больше, чем весь остальной цифровой код.
Картинки составляют примерно 70% от общего веса страницы, а значит их оптимизация позволит существенно её облегчить и ускорить загрузку. Не знаю сколько роликов мне придётся снять, чтобы раскрыть тему полностью, ведь к оптимизации картинок относятся такие работы как сжатие, подгон размеров, объединение в спрайт, переделка форматов и отложенная загрузка.
Сегодня поговорим только про сжатие - это оптимизация картинок без потери качества. Хотя на самом деле конечно же качество немного теряется, но это можно заметить только если сравнивать ДО и ПОСЛЕ и при этом пристально всматриваться. Некоторым клиентам приходится объяснять, что это совсем не важно для сайта и продаж. Если вы один из тех, кто боится потерять качество картинок - то для вас я снял отдельное видео: https://youtu.be/28uB5NNVY1c
Цена оптимизации зависит от количества картинок.
Оптимизируются сразу все картинки, которые лежат на хостинге.
Не думайте, что если у вас 100 товаров, то значит на сервере всего 100 картинок. Их там тысячи. При загрузке одной картинки для товара, движок может автоматически генерировать десяток версий этой картинки в разных размерах - иконки, превьюшки, предпросмотры для списков и прочее. Ну и не забывайте, что у сайта и без товаров есть шаблонные картинки для стилизации - фоновые изображения, иконки для всяких случаев и прочие элементы дизайна.
Да, на хостинге могут лежать и такие картинки, которые не применяются для сайта, но выискивать их по серверу дороже, чем просто взять и сжать вместе со всеми.
Если вам не нужно сжимать картинки из какой-то конкретной папки, то просто скажите об этом оптимизатору…
…или мне, если будете заказывать эту услугу у меня.
Ссылка на мою услугу по сжатию картинок: https://kwork.ru/website-repair/307656/optimizatsiya-1000-kartinok-uvelichivaem-skorost-sayta?ref=288121
Обращайтесь! Я сам посчитаю количество картинок на сервере и скажу вам цену их оптимизации. Сожму для примера несколько картинок с вашего сайта, чтобы вы сами оценили результат. А ещё буду месяц хранить у себя архив ваших не сжатых картинок (на всякий случай, чтобы вам было спокойнее) - вы без спешки сможете проверить, что все картинки вашего сайта остались нормальными и не размыты.
Видео Сжатие картинок для оптимизации сайта канала Михаил Носов — Улучшатель сайтов
Меня зовут Михаил Носов. Я фрилансер. Занимаюсь технической оптимизацией сайтов и их ускорением.
Так вот в ускорении сайтов самый важный момент, это работа с картинками.
Один из SEO трендов в этом году гласит, что надо наполнять сайт как можно большим количеством картинок. Товар с одной картинкой продаётся хуже, чем товар с несколькими картинками в разных ракурсах. Ну и конечно всякие фоновые изображения, иконки, логотипы и прочее визуальное оформление сайта - всё это весит гораздо больше, чем весь остальной цифровой код.
Картинки составляют примерно 70% от общего веса страницы, а значит их оптимизация позволит существенно её облегчить и ускорить загрузку. Не знаю сколько роликов мне придётся снять, чтобы раскрыть тему полностью, ведь к оптимизации картинок относятся такие работы как сжатие, подгон размеров, объединение в спрайт, переделка форматов и отложенная загрузка.
Сегодня поговорим только про сжатие - это оптимизация картинок без потери качества. Хотя на самом деле конечно же качество немного теряется, но это можно заметить только если сравнивать ДО и ПОСЛЕ и при этом пристально всматриваться. Некоторым клиентам приходится объяснять, что это совсем не важно для сайта и продаж. Если вы один из тех, кто боится потерять качество картинок - то для вас я снял отдельное видео: https://youtu.be/28uB5NNVY1c
Цена оптимизации зависит от количества картинок.
Оптимизируются сразу все картинки, которые лежат на хостинге.
Не думайте, что если у вас 100 товаров, то значит на сервере всего 100 картинок. Их там тысячи. При загрузке одной картинки для товара, движок может автоматически генерировать десяток версий этой картинки в разных размерах - иконки, превьюшки, предпросмотры для списков и прочее. Ну и не забывайте, что у сайта и без товаров есть шаблонные картинки для стилизации - фоновые изображения, иконки для всяких случаев и прочие элементы дизайна.
Да, на хостинге могут лежать и такие картинки, которые не применяются для сайта, но выискивать их по серверу дороже, чем просто взять и сжать вместе со всеми.
Если вам не нужно сжимать картинки из какой-то конкретной папки, то просто скажите об этом оптимизатору…
…или мне, если будете заказывать эту услугу у меня.
Ссылка на мою услугу по сжатию картинок: https://kwork.ru/website-repair/307656/optimizatsiya-1000-kartinok-uvelichivaem-skorost-sayta?ref=288121
Обращайтесь! Я сам посчитаю количество картинок на сервере и скажу вам цену их оптимизации. Сожму для примера несколько картинок с вашего сайта, чтобы вы сами оценили результат. А ещё буду месяц хранить у себя архив ваших не сжатых картинок (на всякий случай, чтобы вам было спокойнее) - вы без спешки сможете проверить, что все картинки вашего сайта остались нормальными и не размыты.
Видео Сжатие картинок для оптимизации сайта канала Михаил Носов — Улучшатель сайтов
Показать
Комментарии отсутствуют
Информация о видео
1 апреля 2020 г. 2:29:03
00:02:47
Другие видео канала
![7 самых важных этапов внутренней SEO оптимизации](https://i.ytimg.com/vi/X5c4h2J_qDk/default.jpg)
![Что даст исправление одного пункта](https://i.ytimg.com/vi/-vJ5botwa78/default.jpg)
![SEO оптимизация сайтов на конструкторах](https://i.ytimg.com/vi/BrKN7e2J_SU/default.jpg)
![Как узнать стоимость создания сайта](https://i.ytimg.com/vi/Qn8J8uZKrMI/default.jpg)
![Установка SSL сертификата](https://i.ytimg.com/vi/VF49BPbXgB4/default.jpg)
![Ошибки в CSS стилях сайта](https://i.ytimg.com/vi/Ponyjs9gfLw/default.jpg)
![Дубли страниц сайта. ч1 (естественные)](https://i.ytimg.com/vi/Ho_duUsB6Fg/default.jpg)
![Чем отличается SEO оптимизация сайта от продвижения](https://i.ytimg.com/vi/a4C0WP9Q3Xs/default.jpg)
![Помощь в создании сайта](https://i.ytimg.com/vi/G_JLgOFjnq0/default.jpg)
![Мифы о фрилансе](https://i.ytimg.com/vi/6XsqzINOWEA/default.jpg)
![Валидация HTML кода многостраничного сайта](https://i.ytimg.com/vi/NGIw0mFm5AU/default.jpg)
![Все 9 этапов SEO продвижения сайта](https://i.ytimg.com/vi/pVC3RmHwoLM/default.jpg)
![Аудит как ТЗ для программиста](https://i.ytimg.com/vi/1AJwsF4u62o/default.jpg)
![Сколько стоит оптимизация скорости по PageSpeed Insights](https://i.ytimg.com/vi/izurrhvyWMQ/default.jpg)
![Дубли страниц сайта. ч2 (rel canonical)](https://i.ytimg.com/vi/AliD-Clc7Cc/default.jpg)
![Поведенческие факторы (часть 2)](https://i.ytimg.com/vi/FsID7mfj2Kc/default.jpg)
![Что даёт услуга «Уменьшить влияние стороннего кода»](https://i.ytimg.com/vi/9vgXaCZvZXs/default.jpg)
![Что такое шаблонные страницы сайта](https://i.ytimg.com/vi/V7MTvnOmH4U/default.jpg)
![Услуга «Подогнать размер картинок»](https://i.ytimg.com/vi/dvYm6CJMCKs/default.jpg)
![SEO анализ сайта](https://i.ytimg.com/vi/MSQgNQLJGRg/default.jpg)
![Как индексируют сайт поисковые системы](https://i.ytimg.com/vi/3qgzMTTF2DQ/default.jpg)