Пятница , 22 октября 2021

Как оптимизировать изображения для сайта?

оптимизировать, изображение, сайта

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

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

СОДЕРЖАНИЕ:

Оптимизация картинок просто необходима вашему сайту! Вот посмотрите, что у меня было до оптимизации:

оптимизировать, изображение, сайта

Зайдите к себе на хостинг, либо через или Filezilla откройте папку на своём сайте и сравните со скриншотом. Если у вас тоже самое, то читайте дальше.

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

А размер? Посмотрите на размер картинок, что вы там видите? Сколько кб одна, 100, 200, а быть может все 300 кб? Если у вас такие цифры, то срочно проводите оптимизацию картинок, уменьшайте их вес, ведь чем больше вес картинок, тем дольше грузится сайт, и соответственно, меньше вероятность попадания в ранжировании.

Но прежде чем говорить о том, как нам избавиться от всего этого мусора и как уменьшить размер картинок без потери качества, нам нужно для начала предотвратить размножение картинок, а между прочим, при добавлении на хостинг картинки, она копируется 3 раза!

Как предотвратить размножение картинок

Итак, чтобы предотвратить размножение картинок необходимо:

  1. Навести курсор в административной панели сайта на «Настройки» —>»Медиафайлы»;
  2. Во всех размерах изображений поставить нуль;
  3. также необходимо убрать галочку «Обрезать миниатюру точно по размерам«..
оптимизировать, изображение, сайта

Ладно, с этим разобрались.Поехали дальше.

Как оптимизировать картинки на сайте​

Для начала вам необходимо удалить все картинки с расширением 150х150, 170х170 и т.д.

Это делается так:

  1. Либо вы заходите на свой хостинг и скачиваете папку, либо пользуетесьTotal Commander и переноситеэту папку к себе на компьютер. Второй вариант попроще будет на мой взгляд;
  2. Далее удаляете все файлы с указанным выше расширением. Эти файлы будут иметь названия, в которых будут указано соответствующее расширение, вот их и удаляете.

Теперь нам нужно уменьшить размер картинок. Для этого воспользуемся программой либо аналогичную более поздней версии.

Выполняем следующие действия:

1. Открываем программу;

2. Нажимаем »Открыть»:

оптимизировать, изображение, сайта

3. Выбираем необходимый файл с большим размером:

оптимизировать, изображение, сайта

4. Далее нажимаем «Файл»—> «Сохранить для веб-устройств»:

оптимизировать, изображение, сайта

5. После этого выбираем необходимый качество после оптимизации (40 для jpeg) и нажимаем кнопку «Сохранить»:

оптимизировать, изображение, сайта

6. Смотрим размер файла после оптимизации:

оптимизировать, изображение, сайта

Вес картинки уменьшился на 170 кб! Неплохо, да?! При этом качество изображения не изменилось.

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

Ну вот и всё, теперь скорость загрузки страниц вашего сайта должна увеличиться.

Кстати, я так и не отправил денежный приз в размере 150р. Его выиграл в нелёгкой схватке Юрий Жук, набрав 61 комментарий против 60 комментариев Александра. Поздравляю, Юрия!

Как я уже сказал, я начал оптимизацию своего блога, и она уже даёт свои первые плоды. Трафик с поисковых систем увеличивается понемногу.

Оптимизация изображений для сайта: ужать, оптимизировать, уникализировать

Смотрите также

Влияние смены дизайна на продвижение блога!

Всем привет! В сегодняшнем коротком посте я хотел бы рассказать вам о том как повлияла …

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.