Глава 1. Зачем уменьшать графические файлы до ≤ 320 Кб

Глава 2. Как можно уменьшать графические файлы до ≤ 320 Кб

Глава 3. Зачем уменьшать файлы для скачивания

Глава 4. Как можно уменьшать файлы для скачивания

Глава 1. Зачем уменьшать графические файлы до ≤ 320 Кб

Почему вообще возникает потребность в какой-то специфической подготовке графических файлов для размещения на сайте?

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

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

  - Вес графических файлов влияет на скорость загрузки сайта и на поведенческие факторы. Когда время составляет больше трех секунд, нетерпеливые пользователи уходят, не дождавшись окончания загрузки. Оптимизация графических файлов для сайта помогает уменьшить его вес и увеличивает быстродействие, в конечном итоге работая на SEO-продвижение.

  - Большинство пользователей раздражает медленная скорость работы сайта. Многие посетители покидают страницу, которая загружается более 3 секунд. Один из основных критериев, которые влияют на скорость загрузки — графические элементы.

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

Пользователи оценивают изображения исходя из таких параметров:

• скорость загрузки;
• качество;
• соответствие тематике;
• информативность.

С точки зрения SEO важны и технические параметры изображений. То, что для нас выглядит как обычная веб-страница, на самом деле — набор из HTML-разметки и CSS-кода, скриптов JS, файлов изображений и видео. Каждый из компонентов занимает физическое место на сервере, имеет определенный вес. Чем больше вес компонента, тем больше места для него необходимо, и тем дольше будет загружаться страница.

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

Фотография, сделанная смартфоном, «весит» примерно 5 МБ, цифровым фотоаппаратом — раз в 5 больше. Прекрасно для того, чтобы напечатать снимки в альбом. Но для веб-изображений достаточно всего 100–500 Кб, а это в десятки раз меньше! На экране фотография такого размера смотрится точно так же хорошо.

А теперь представьте, что в вашем сайте 100 или 1000 фотографий: насколько сильно эта разница скажется на размере занятого дискового пространства на хостинге и на скорости загрузки страниц в браузерах посетителей? Поэтому уменьшать размер изображений крайне важно!

ИТОГО: АКСИОМА: Графические файлы перед публикацией на сайте необходимо оптимизировать - уменьшать их размер (вес).

Для публикации на сайте изображения Full HD качества размерами 1920 х 1080 пикселей достаточно ≤ 320 Кб! 

Не верите? Вот Вам доказательства! Ниже приведены две фотографии с размерами < 320 Кб, но при этом хорошего качества и размерами 1920 х 1080. Кликайте на них для их открытия на весь экран.

Размер файла 283 Килобайта (исходный размер файла 4,1 Мб, 3500 х 2333 пикселя)

Размер файла 282 Килобайта (исходный размер файла 5 Мб, 5616 х 3744 пикселя)

Глава 2. Как можно уменьшать графические файлы до ≤ 320 Кб

Что такое оптимизация изображения? Это такой вид обработки, который приводит к снижению веса за счет незначительного ухудшения качества. В процессе оптимизации удаляют метаданные, информацию о дате и месте съемки, наименовании устройства — то, что не нужно рядовому пользователю, но при этом влияет на «вес» картинки. Также существуют специальные программы, которые помогут сжать изображение без ущерба его восприятию, алгоритмы анализируют, какие графические элементы можно удалить без значительного ущерба визуальному восприятию изображения.

Оптимизация изображений дает следующие результаты:

• ускоряет загрузку сайта;
• улучшает поведенческие факторы;
• экономит место на сервере;
• снижает нагрузку на сервер;
• увеличивает конверсию страниц;
• улучшает позиции сайта в поисковой выдаче.

Насколько нужно сжимать картинки? Считается, что для нормальной работы сайта вес графических элементов не должен превышать 500 Кб. Еще лучше, если он будет порядка 100 Кб: страница будет быстро загружаться даже при низкой скорости подключения к интернету. Фото весом 1 Мб и более сильно отягощают сайт, приводя к потере части пользователей.

В системе "Веб-Мастерская" установлен лимит 320 Кб на размер загружаемых на сайт графических файлов.

Чем легче картинка, тем быстрее она загружается. Вес зависит от двух параметров:
1. Величины в пикселях по ширине и высоте (фотография размером 3000х2000 пикселей тяжелее, чем фото 300х200 пикселей)
2. Содержания самой картинки — чем больше на фото мелких деталей и цветов, тем она больше весит.
Правильнее всего сначала изменить размер изображения, а затем удалить избыточную информацию, чтобы дополнительно уменьшить вес.

Для оптимизации изображений до их публикации на сайте мы сами активно используем и Вам советуем бесплатное программное обеспечение FastStone Image Viewer. Подробнее: Цикл статей по использованию FastStone Image Viewer

Глава 3. Зачем уменьшать файлы для скачивания

2+2=4, а чем меньше размер файла для скачивания (.docx,.xlsx,.pptx,.pdf, ...), тем лучше это для того, кто его скачивает, тем лучше для сервера, где этот файл хранится, тем лучше для каналов связи, по которым сервер подключен в Интернет. 

АКСИОМА: Файлы для скачивания перед публикацией на сайте необходимо оптимизировать - уменьшать их размер (вес).

В системе "Веб-Мастерская" установлен лимит 4 Мб на размер загружаемых на сайт файлов для скачивание.

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

Глава 4. Как можно уменьшать файлы для скачивания

Способов оптимизации файлов - вагон м маленькая тележка, вот подборка поисковых запросов по некоторым из них:

Уменьшение размеров docx, Уменьшение размеров xlsx, Уменьшение размеров pptx, Уменьшение размеров pdf, ...