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-770×249.jpg

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

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

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

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

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

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

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

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

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

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

Удаление не нужных изображений в 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 МБ. Можно смело архивировать и заливать обратно.

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

Категории
Метки
Оставить комментарий

06.05.2017

77

0

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

  • Продвижение сайта контентом

    Ну вот ваш первый сайт готов, но почему-то его никто не читает. Откуда же черпать трафик на ваш сайт, спросите вы! А какой трафик вам нужен: Качественный или мусорный? В данной статье я предлагаю поговорить…

  • Как закрыть сайт паролем на стадии разработки

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

  • Скачать Robosender. Рассылка по Skype

    Robosender - это программа для массовой рассылки по skype контактам. Скачать рабочий робосендер вы можете на данной страничке, внизу поста. На данный момент, это единственная рабочая версия программы Robosender, проверенно на Skype версии 7.7.80.103, если у кого-то…

  • Как перенести статьи с одного сайта на другой?

    Перед вами встала задача переноса статей с одного сайта на другой! Зачем это делать? Причины могут быть разные, например переезд со старого домена на новый или как в моем случае, соединение двух блогов путем полной…

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

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