bitcoin-2017-04-20

Оптимизация графики для сайта. Насколько это важно?

optimizaciya-1

Приветствую тебя, дорогой друг. Сегодня речь пойдёт о том, насколько важна оптимизация графики для любого сайта. Прежде хочу прояснить для новичков значение термина «графика». Графика – это любая картинка на блоге или сайте. Полное название – графическое изображение. Картинки являются смысловым дополнением к тексту на сайте или блоге.

Что такое оптимизация графики

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

А это всё вырабатывается со временем. И если на уникальность картинки, поначалу, можно смотреть сквозь пальцы, то к оптимизации графики нужно относиться очень серьёзно с самого начала ведения блога. Что имеется в виду под словом «оптимизация»?

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

Первый сервис

Это сервис для определения уникальности любого изображения. Называется он TinEye (www.tineye.com). Он англоязычный, и если у тебя не установлено расширение для перевода, то рекомендую прочесть статью «Удобный перевод страницы на лету!».

optimizaciya-2

Работать в этом сервисе несложно. Нажимаешь на кнопку (номер 1), находишь на своём ПК картинку, скачанную с интернета, и видишь результат сканирования. Числовое значение указывает на количество этих изображений в интернете.

Можешь установить плагин в свой браузер (номер 2), тогда предварительно скачивать картинку на компьютер не обязательно. Находишь нужное изображение в интернете, нажимаешь на него правой клавишей мыши и в выпадающем меню жмёшь на строчку Search image on TinEye (Поиск изображения на TinEye). В новой открывшейся вкладке браузера смотришь результаты. Очень удобно.

Оптимизация графики, как я уже сказал выше, заключается в том, что бы придать картинке уникальность. Это можно сделать в любой графической программе, отобразив картинку зеркально по горизонтали, если, конечно же, на ней нет текста. Или повернув эту картинку влево или вправо под углом 15° и больше. Тогда картинка становится уникальная. Но проверять получившиеся результаты всё равно нужно.

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

Пользуясь случаем, хочу порекомендовать курс Зинаиды Лукьяновой «Фотошоп с нуля». Это самый доступный, пошаговый и объективный обучающий курс по Photoshop, из всех, которые я изучал. Только после его прохождения у меня сформировалось правильное логическое понимание всех действий в этой программе. Потому что всё объясняется с самого начала, с нуля.

С 25 ноября 2016 года по 28 ноября на все курсы Зинаиды – 40% скидка. Так что, можешь воспользоваться удобным случаем и приобрести его для освоения программы Photoshop.

Важно!  

Картинки для статей блога должны быть все одного размера. И ещё один момент. В консоли WordPress, в меню «Настройки» → «Настройки медиафайлов» → «Размеры изображений» ВСЕ РАЗМЕРЫ ширины и высоты должны быть выставлены на «0».

Иначе на хостинге, в папке «image» будет собираться много дублей всех размеров одного изображения. А это замедляет процесс загрузки страницы в браузер пользователя. Одним словом – это плохо. Я для себя выбрал постоянную ширину картинки в 750 px, а высота подстраивается в каждом графическом изображении индивидуально.

Второй сервис

Следующий шаг в оптимизации графики – это уменьшение веса. Можно использовать различные программы. Я одно время работал с XnConvert, но потом полностью перешёл на онлайн-сервисы. И вот один из них. Называется «Панда» TinyGPG (tinyjpg.com). Интерфейс интуитивно понятный, разобраться не сложно. Обрабатываются изображения двух форматов PNG и JPEG.

optimizaciya-3

После того, как ты придал картинкам для статьи уникальный вид и установил им нужный размер, перетягиваешь их все сразу в окошко сервиса (номер 1) или нажимаешь на кнопку «Загрузить с ПК» (номер 2). Начинается процесс компрессии.

После короткой операции сжатия, можно скачать все картинки одним архивом (номер 3) или по одной (номер 4), выбрав нужную. Качество изображения сохраняется хорошее, а вес уменьшается значительно. Ещё одно преимущество этого сервиса – одновременная работа с несколькими картинками. Это значительно экономит время.

 Третий сервис

Ещё один ресурс, которым я пользуюсь при оптимизации графики для своих статей и при создании сайтов и подписных страниц, это Compressor.io (compressor.io/compress). Этот компрессор работает по аналогии с «Пандой», но обрабатывает четыре формата: JPEG, PNG, GIF, SVG. Но загружать можно только по одному изображению.

optimizaciya-4

После того, как ты зашёл на страничку с компрессором, нажимаешь кнопку «SELECT FILE» (Выбрать файл), находишь нужную картинку, загружаешь её, и сразу начинается процесс сжатия. По ходу выполнения операции виден графический прогресс-бар выполнения действия. Ты можешь поводить ползунок (номер 1) и посмотреть на качество получившегося изображения, сравнив его с первоначальным вариантом.

optimizaciya-5

Что бы скачать готовую картинку нажимаешь на кнопку (номер 2) «DOWNLOAD YOUR FILE» (Скачай свой файл), и для загрузки следующей картинки нажимаешь на кнопку (номер 3) «Compress another picture» (Сжать другую картину) и процесс оптимизации графики начнётся автоматически.

Ещё могу сказать, что есть плагины для WordPress, выполняющие оптимизацию автоматически, сразу после размещения изображений на блог. Но я ими не пользовался, поэтому не могу ничего комментировать. Итак, отвечая на поставленный в заголовке вопрос: Важна ли оптимизация графики на блоге? – можно ответить однозначно: Да, важна.

Важна для быстроты загрузки запрашиваемой пользователем страницы. Важна при индексации поисковыми роботами, и как следствие этого, выдача в поисковом запросе. Вот такая получилась статья. А чем ты, друг мой, оптимизируешь графику для своего блога? Напиши пару слов в комментариях. Подписывайся на получение первым анонсов новых статей, через форму подписки внизу. На этом буду ставить точку, и прощаться до новых скорых встреч.

С уважением, Ян Збаразкий.

   
Обсуждение: 5 комментариев
  1. Андрей:

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

    • Ян Збаразкий:

      Привет, Андрей! Очень рад, что приношу пользу своим читателям. А по поводу хаоса на блоге, не волнуйся. Поначалу такое бывает со всеми. По мере возрастания — всему научишься и исправишь. Во всём нужен опыт. Главное, не останавливаться в развитии. Успехов тебе, брат!

  2. Гена:

    Отличная статья!

  3. Галина:

    Добрый день, Ян!
    С интересом прочла Вашу статью. Прохожу обучение у Евгения Вергуса «Путь блогера». Там как раз сейчас тема про оптимизацию картинок. Актуально! Беру статью в закладки, попробую сервис по уменьшению веса картинок «Панда» TinyGPG.
    Спасибо!

    • Ян Збаразкий:

      Пожалуйста, Галина. Применяйте для успешного продвижения своего блога.

Поделитесь своим мнением

Добро пожаловать!

Рад видеть Вас!

Чувствуйте себя как дома!

РАССЫЛКА АНОНСОВ
НОВЫХ ПУБЛИКАЦИЙ

СЕКРЕТЫ ПРАКТИЧЕСКОГО SEO ПРОДВИЖЕНИЯ САЙТА
НЕЗАМЕНИМЫЙ ПЛАГИН для блога на WORDPRESS
plagin-clearfy
БЕЗУМНАЯ ПАРТНЁРКА с СУМАСШЕДШИМИ ВЫПЛАТАМИ

hammer-240 x 400

Сообщество серферов. ОБУЧЕНИЕ ЗАРАБОТКУ в СЕТИ и КОМП ГРАМОТНОСТИ

soobshsestvo-serferov

ЗАБИРАЙ БЕСПЛАТНО

nabor-servisov

ЗАПУСТИ СВОЕ ДЕЛО БЕЗ ВЛОЖЕНИЙ ИГРАЮЧИ

tvoy-start

ЗАБИРАЙ СПИСОК ПРИБЫЛЬНЫХ и ПРОВЕРЕННЫХ ПАРТНЁРСКИХ ПРОГРАММ

spisok-pribil-part-prog

БЕСПЛАТНАЯ ШКОЛА по созданию сайтов от Евгения Вергуса «Я — Блогер»
ya-bloger
ЛОГОТИП — ТВОЁ ЛИЦО В ИНТЕРНЕТЕ
СТЕНА БЕСПЛАТНЫХ ОБЪЯВЛЕНИЙ
Стена бесплатных объявлений
онлайн урок иностранных языков, уроки английского
TIMEWEB — БОЛЬШЕ, ЧЕМ ХОСТИНГ
БОЛЬШОЙ ЗАРАБОТОК НА МОБИЛЬНЫХ ПРИЛОЖЕНИЯХ
AppGlobal-new
Смотри в будущее вместе с Offer Invest

Оффер Инвест

© 2017 Блог Яна Збаразкого
Яндекс.Метрика