WordPress: Все об изображениях!

Данный пост будет полезен как новичкам, которые только планируют запилить свой блог на WordPress, так и тем у кого этот блог уже довольно давно! Сегодня мы поговорим об изображениях и основных проблемах с ними. Об оптимизации, перекодировке названий с русских символов на латинские, удалению медиафайлов (в том числе изображений), которые не используются на блоге.

Начиналось все с того, что я решил затестить блог на скорость, смотрю ошибок море, надо что-то делать. А не начать бы мне с оптимизации изображений, подумал я! И тут понеслась череда проблем. Картинок у меня не мало, все таки блог существует с 2013 года. Самой главной ошибкой было то, что за это время я загрузил очень много изображений с русскими именами, у меня их примерно 50% на 50%. А русские буковки в именах ссылок это зло! Думаю понятно, что любая загруженная картинка на блоге имеет на себя прямую ссылку. Вот и задайте себе вопрос, как это будет выглядеть лучше, вот так:

/uploads/2017/04/taxiinvest.jpg

или так

uploads/2017/05/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE%D0%BA%D1%83%D1%80%D1%81-770x249.jpg

Думаю ответ очевиден! Второй вариант дичь полная. Но это пол беды, после оптимизации картинок (с русскими названиями) они у меня перестали работать! Это уже были проблемы с кодировкой названий.

Транслитерация названий с Русского на Английский

У меня на WordPress стоит плагин, который автоматически переводит все русские буквы в ссылках, называется Rus-To-Lat. Работает он просто, во время создания нового поста мы вводим его название, плагин автоматически преобразует это название, заменяя русские буквы латинскими (именно в ссылке). Этим функционал плагина собственно и ограничивается! А как же название картинок, которые мы загружаем на блог. Если заранее не переименовывать, то русские символы так и останутся, а в ссылке и подавно кроказябры! Тут на смену Rus-To-Lat имеется Cyr-To-Lat.

Так что смело сносим наш старенький и не очень функциональный Rus-To-Lat, и заменяем его не менее стареньким, но зато более функциональным Cyr-To-Lat.

Плюсы плагина Cyr-To-Lat:

  • он переводит не только ссылки, но и название картинок (это самое главное)
  • он заменяет уже все имеющиеся на русском языке ссылки, т.е. созданные ранее странички! Представьте если у вас есть странички, которым уже несколько лет, на них ссылаются, они в топе поиска по некоторым запросам и тут плагин их подменит на другие! Не стоит переживать, он подкинет 301 редирект

Плагин качаем из официального репозитория WordPress

Предлагаю проверить работу плагина. Берем картинку, название пишем по-русски! И загружаем на блог.

Как видим название у нас на русском языке. Что происходит после загрузки картинки на сервер!?

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

Канал телеграм Planworld.ru

Удаление не нужных изображений в WordPress

Прежде чем что-то делать, не забываем про бэкапы базы и файлов. Перед нами стоит задача очистить нашу медиатеку WordPress, за несколько лет у меня там скопилось более 1000 изображений, и это при том, что у меня все то чуть больше ста постов. Разумеется более 60% этих изображений вообще не используется. Можно конечно перебрать все в ручную, но лично мне хотелось упростить эту задачу.

Устанавливаем плагин Media Cleaner. Активируем и идем в его настройки. Тут нам нужно пометить галочками то с чем мы будем искать соответствия. То есть плагин будет сканировать наши медиафайлы и искать с ними связь в коде нашего сайта! Если такой связи он не найдет, то предложит вам удалить изображения.

Затем идем в Медиафайлы - Cleaner и нажимаем SCAN. Плагин про сканирует нашу медиатеку и выдаст результат с неиспользованными по его мнению картинками. Удалять их всех я бы вам не советовал, лучше тщательно просмотреть и отобрать. Зачастую те картинки которые стоят у вас в миниатюре к посту и при этом их нет в самом посте он предлагает удалить! Также он предложит удалить некоторые картинки которые используются у вас для оформления темы. Все это нужно просмотреть, те которые попали в этот список по ошибке их выделяем и жмем игнорировать. Остальное удаляем!

Транслитерация уже загруженных ранее изображений

Вот это я действительно хотел исправить! Делать это руками - безумие. Это же надо переименовать или перезагрузить каждую картинку, и поменять на них все ссылки в постах. И тут я нашел выход, очередной плагин Media File Renamer

Сразу же после активации, можно ничего не настраивая смело идти в Медиафайлы - Renamer. Дальше по сути все просто, остается только нажать на кнопку Rename ALL и дождаться окончания процесса.

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

Отлично! Плагины можно выключить и удалить, больше они мне не пригодятся!

Теперь нужно хорошенько просмотреть блог, поглядеть не удалили ли мы чего важного. И если все хорошо, то можно двигаться дальше!

Оптимизация изображений без потери качества!

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

 

Меня интересуют только папки с годами, как раз в них, разделяя по под папкам месяцев, WordPress хранит наши картинки. А находятся эти папки, хотя думаю это все знают, но все же в wp-content/uploads/

Так что архивируем, скачиваем себе на комп, распаковываем и идем ковырять. Да, кстати, размер всех моих картинок составил 448 Мб (в распакованном виде разумеется)

Открываю первую папку и вижу следующую картину. Плагин Renamer переименовал все мои картинки с русскими именами, а точнее создал новые картинки с латинскими, а вот первые не затер. Придется удалять это все собственноручно.

Еще момент это изображения которые я использую как миниатюры постов, по факту мне нужно всего два размера, это основное 770х250 и миниатюра 150х150, которая показывается в медиатеке, а также используется плагином "похожие записи". А WordPress мне создает по 4шт. разных размеров, плюс оригинал. Все лишнее я также решил удалить.

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

Теперь пришла очередь для оптимизации тех, оставшихся у нас изображений. Для решения данной задачи на понадобится очень классный инструмент image catalyst. Легко находим его в поисковике, скачиваем на ГитХабе.

Распаковываем его в корень C: и меняем название, чтобы было покороче, для удобства. Я просто оставил iCatalyst

Открываем командную строку Win+R, cmd выполнить. И переходим в папку iCatalyst, для этого воспользуемся следующей командой:

cd C:\iCatalyst

Все папки со своими изображениями поместите например в папку C:\img, вот таким образом:

И теперь нам нужно выполнить команду:

iCatalyst.bat C:\img

Первым делом скрипт нас спросит, насколько сильно сжимать картинки формата PNG? Я отвечаю 2 (Xtreme), далее JPEG - также 2 (Progressive), GIF - 0 (skip) пропустить. Теперь он просит указать папку, для доп. файлов. Нужно создать новую папку например img_new и указать ему её. Часть картинок он оптимизирует и заменит прямо в папке IMG, а какие-то скинет в img_new, насколько помню формат PNG. Мы их потом скопируем с заменой.

Дальше идет долгий процесс оптимизации изображений! В итоге общий вес всех изображений стал 267 МБ. Можно смело архивировать и заливать обратно.

По возможности обязательно дополню данную статью!

WordPress: Все об изображениях! обновлено: Май 8, 2017 автором: Jack

Отправить ответ

Уведомлять меня
avatar
wpDiscuz