Как я одним махом оптимизировала все картинки своего сайта

Как оптимизировать картинки. Последнее время я заметила, что мой блог стал подтормаживать. Проверила я его на скорость загрузки, и оказалось, что она всего 70%. Это маловато. Вот и у меня тоже подошло время, когда я поняла, что пора оптимизировать свой сайт. Создавая, свой блог я так же, как и все думала, что эта проблема коснется меня не скоро. Естественно все медиафайлы  я по-быстрому загружала на сервер, и откладывала вопрос оптимизации картинок на потом. Ну, не было у меня ни времени, ни желания сжимать картинки. Зато теперь мне пришлось заняться этим делом вплотную. И скажу я вам – дело это трудоемкое и утомительное, если не применять специальных программ.

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

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

Значит, Фотошоп тут уже не подойдет. Он хорош только для оптимизации одной картинки. GIMP в этом случае тоже не поможет. Долго мне пришлось шерстить просторы инета, но все таки я нашла то, что мне необходимо. Этой палочкой-выручалочкой оказалась бесплатная программа для сжатия картинок – Image Optimizer. Правда, она на английском языке, но там все и так понятно.

Установила программу себе на компьютер и принялась оптимизировать картинки.  Она мне сразу понравилась. Испытала я ее на одной своей папке с рисунками и была приятно удивлена. Буквально за пару секунд все мои картинки сжались на 60% без каких либо искажений и потери качества. В Фотошопе так не сделаешь. А главное, что не надо каждую картинку сжимать по отдельности.

Теперь мне надо было найти на сервере свою папку с графическими файлами и скачать её при помощи FTP-клиента себе на компьютер. Зашла я к себе в Панель управления на хостинге. Перешла в Файловый менеджер.

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

Зашла в папку wp-content.

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

Нашла в ней папку uploads (именно в ней хранятся все наши графические файлы), и при помощи Total Commander скачала её себе на компьютер.

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

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

Потом оптимизировала каждую папку отдельно. Просто щелкала правой кнопкой мыши по выбранной папке и выбирала в выпадающем меню пункт Optimize Images.

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

Через минуту была создана папка с таким же названием, но припиской в конце Optimized Images.

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

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

Потом я опять с помощью Total Commander  загрузила эту (уже оптимизированную) паку обратно на хостинг с заменой файлов.

Опять проверила свой сайт на скорость загрузки, и оказалось, что скорость стала на 20% быстрее.

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

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

Удалять картинки надо осторожно. Я тоже сначала стала убирать не прикрепленные, а потом оказалось, что они каким-то образом связаны с прикрепленными. Тут давать какой-то определенный совет нельзя.

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

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

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

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

Видеоролик Как оптимизировать картинки сайта за один клик:
 

Читайте так же:

Как вставить видео на сайт с хостинга YouTube

Удачи! С Вами была – Людмила

Навигация

Предыдущая статья: ←

Следующая статья:

Обсуждение: 12 комментариев
  1. […] Как с ним работать можно посмотреть на сайте Мой друг ПК. Именно на нём я этот сервис и […]

  2. Людмила:

    Хорошо. Сейчас добавлю.

  3. Вот-вот! Это предупреждение в статью хорошо бы. А то ведь я, например, как увидел 300 неприкреплённых, обрадовался: «Ух сейчас оптимизирую», наставил галочек на всей странице, и одним махом всё удалил. Хорошо хоть на странице их только 20 штук, и всего два нужных попалось, быстро восстановил.
    А всё остальное оптимизировалось нормально, и сжалось и полегчало. Класс!!! Спасибо.

  4. Людмила:

    Удалять картинки надо осторожно. Я тоже сначала стала убирать не прикрепленные, а потом оказалось, что они каким-то образом связаны с прикрепленными. Тут давать какой-то определенный совет нельзя. Все необходимо делать методом тыка и тут же проверять результат. Если место позволяет, то лучше вообще не трогать такие картинки, потому что Вы можете сразу ничего не заметить, а потом окажется, что удалили совсем не то, что надо было.

  5. Спасибо, только мне нужна не статья, статьи уже есть, и в их контекст очень хорошо впишется ссылка на Ваш сайт, вернее именно на эту Вашу статью. Значит я ставлю? И вот ещё чем хочу поделиться. Я у себя влез в медиа библиотеку, а там неприкреплённых аж 328 штук. Стал удалять, и у меня удалились картинки с сайта. Хорошо хоть немного. Видимо какой то бзик в WP. Может немного переделать этот момент в статье, ну как-то так, что файлы из библиотеки нужно удалять сразу при замене картинки? чтоб удалилось только то, что нужно, а то потом забывается.

  6. Людмила:

    Сергей, брать статьи со ссылкой на сайт разрешается. Ничего в этом криминального нет. Вы же не воруете. А если Вам нужна ссылка на Ваш сайт, то я могу это сделать. Даже то, что Вы оставили комментарий на моем сайте, уже дает ссылку на Ваш сайт. Поэтому и советуют больше комментировать на чужих сайтах. Особенно это полезно делать на сайтах схожей тематики. Мне Ваш сайт нравиться. У вас много полезного и интересного. А тем более мы с Вами земляки.

  7. Здравствуйте Людмила. У меня к Вам вопрос и предложение. Дело в том, что мне очень нужен материал по оптимизации картинок в две статьи. 1.»Как сделать картинку для шапки в Paint», 2.»Оптимизация контента». Списывать у Вас просто неудобно. Может просто обменяемся ссылками? Я Ваших 2 размещу, а Вы мою одну, мой сайт ведь гораздо слабже Вашего. Вот только я слышал, что такой обмен содержит какой-то «криминал», вот только в чём он пока не знаю, а может и нет никакого криминала? Что скажите? Кстати я из Казани. Посмотрел Вашу страницу «О себе», оказывается мы почти земляки. Ну это так, к слову.

  8. Людмила:

    Интересно, Тимофей, каким способом Вы это осуществили? Может он лучше моего?

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

  10. Людмила:

    Рано или поздно мы все начинаем искать ответ на этот вопрос, только не всегда находим ответ. Я безуспешно перерыла весь Интернет, поэтому пришлось поднапрячь свои мозги. И как видно не напрасно.

  11. Ну надо-же. А я как раз искал инструкцию по оптимизации картинок. Спасибо.

Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Поиск по сайту
Мой видеоканал
Яндекс.Метрика
© 2016 Мой друг Компьютер
181 Запросов 0,627 Секунд Seo анализ сайта