Оптимизация изображений для ускорения загрузки сайта. XnConvert.

uskorenie_mini

Как известно, скорость загрузки сайта давно является принципиальным вопросом в ранжировании сайтов поисковыми системами. Google например, при каждом возможном случае напоминает о страницах, медленно загружающихся при максимальном количестве запросов и рекомендует заняться оптимизацией сайта. Одним из моментов влияющих на скорость загрузки сайта является оптимизация изображений.skorost_zagruzki_sayta-300x173

Но далеко не все веб мастера, особенно начинающие, уделяют этому нюансу должное внимание. И очень напрасно. Надо чётко понимать, что попав на сайт по поисковому запросу, посетитель приходит с  целью получения информации, которая может быть и виде картинки. Если её ширина  превышает ширину  шаблона вашего сайта – грузится оно будет очень долго. Через 3-4 секунды ожидания, посетитель уйдёт на поиски другого источника. Обратно он вряд ли  вернётся, чего бы вы не предлагали. Учитывая такую конкуренцию в сети, альтернативу вашему предложению найти будет не очень сложно.

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

В WordPress есть встроенный редактор изображений, но только для изменения внешнего размера.

Для комплексного решения этой задачи, в сети доступны качественные онлайн сервисы для переформатирования графики, например:

  • kakvse.net – Быстро и легко оптимизирует любые изображения. После обработки закачиваете на свой компьютер.
  • punypng.com  – прекрасно переформатирует в формат PNG  и оптимизирует  без потери качества по 15 штук. Есть возможность скачать на компьютер все преобразованные изображения в ZIP архиве.

Но самым идеальным инструментом для решения этой задачи признана программа XnConvert.

XnConvert —  мощный конвертер графических файлов с широким набором дополнительных функций: вращение, добавление текста, добавление водяных знаков, а также  корректировка изображения с помощью таких функций как яркость, тень и другие. Очень впечатляет в данной программе, внушительный объём поддерживаемых форматов изображений: TIFF, JPG, GIF, PNG  и еще более пятисот.

Читать также:  Плавное увеличение изображений на блоге WordPress, плагины Image Zoom, Auto Highslide.

Благодаря функции удаления метаданных, картинки сбрасываюь  до половины “веса”, а иногда и больше, не теряя при этом качества.

Вот пример:

crop_imageКартинка   – 137 kb. crop_imageПреобразованная  – 15 kb.

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

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

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

Подключившись вам надо в корневой папке  (public_html) открыть  wp-content и скачать всю папку uploadsна свой компьютер. В этой папке и находятся все изображения вашего сайта. Преобразовать изображения вы можете целыми папками – это произойдёт очень быстро, после чего в таком же порядке загрузите папку uploads обратно на хостинг. Главное не изменять структуру вложенных папок и названия изображений.

Настройка программы XnConvert.

Скачать программу XnConvert можно с сайта разработчика.

Установив программу, запускаете её ярлыком на рабочем столе и
попадаете на вкладку “Входные данные”.

xn-convertЗдесь нажимаете кнопку “Добавить файл” или  в случае с преобразованием изображений на хостинге – нажимаете “Добавить папку” и указываете путь. Затем переходите на  вкладку “Действия” где нажимаете “Выбрать действие”.

xn-convert1Оптимально выбрать два действия:

  • Удаление метаданных. Ставите галочки во все чекбоксы. Это действие не изменит качество изображения, а только удаляет  служебную информацию о нём.
  • Изменение глубины цвета. Здесь вам придётся выбирать между “весом” изображения и качеством.

Как я уже упоминал, для сложных изображений, таких как фотографии – глубину цвета придётся выставлять высокую. Например показатель глубины цвета скриншота приведённого выше, изначально была 64, при этом картинка “весила” 66 kb. После изменения глубины цвета на 32 – она стала “весить”  26 kb, при этом  качество не пострадало.

Читать также:  Делаем изображения на сайте уникальными.

Переходим на последнюю вкладку “Выходные данные”.

xn-convert2Здесь указываете  папку назначения. В начале статьи я упоминал  о сохранении структуры папок. В строке “Имя файла” – обязательно укажите {Filename}. Никаких других вариантов указывать нельзя, ибо с изменёнными названиями ваш сайт их не узнает и останется без картинок. В окошке наверху указываете формат изображения. Здесь тоже надо постоянно перебирать, так как  простые изображениях с небольшой палитрой цвета,  “легче” будут в формате PNG, а на фотографии – в JPEG.

Теперь нажимаете “Преобразовать” и загружаете готовые изображения обратно на хостинг. Потом уже можно картинки преобразовывать по одной.

Но очень важно помнить, что изображения опубликованные в статьях сайта – тот же контент. Значит и требования к ним у поисковых систем такие же, как и к текстовому содержанию. Если изображения окажутся не очень уникальными, непременно последуют санкции поисковиков.

На этом всё. Уверен – вы останетесь довольны программой. Все хорошего.

Закладка постоянная ссылка.

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

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