krestinin-intensiv-free

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

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, выполняющие оптимизацию автоматически, сразу после размещения изображений на блог. Но я ими не пользовался, поэтому не могу ничего комментировать. Итак, отвечая на поставленный в заголовке вопрос: Важна ли оптимизация графики на блоге? – можно ответить однозначно: Да, важна.

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

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

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

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

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

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

  2. Гена:

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

  3. Галина:

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

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

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

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

Нажимая кнопку "Отправить" Вы соглашаетесь с Политикой конфиденциальности

 

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

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

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

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

Нажимая кнопку «Подписаться»
Вы соглашаетесь с
Политикой конфиденциальности

Я тоже не понимаю, ЗА ЧТО веб-студии берут такие огромные деньги?
banner-sozdanie-saitov
Сообщество серферов. ОБУЧЕНИЕ ЗАРАБОТКУ в ИНТЕРНЕТЕ

soobshsestvo-serferov

Подробнейший ВИДЕО КУРС от Евгения Вергуса

zarabotok-na-kriptovalute

ИГОРЬ КРЕСТИНИН ОБУЧАЕТ ЗАРАБОТКУ В ИНТЕРНЕТЕ на партнерках

Заработай 50 000 руб

ПОЛУЧАЙ БИТКОИНЫ ЗА ПРОСМОТР РЕКЛАМЫ
БЕСПЛАТНАЯ ШКОЛА по созданию сайтов от Евгения Вергуса «Я — Блогер»
ya-bloger
НА ЭТОМ МЕСТЕ МОЖЕТ БЫТЬ ТВОЯ РЕКЛАМА

ЗДЕСЬ МОЖЕТ БЫТЬ ТВОЙ РЕКЛАМНЫЙ БАННЕР

Группа VK «СТАБИЛЬНЫЙ ДОХОД с ИНТЕРНЕТА на ПАРТНЁРКАХ» — присоединяйся к нам!

СТЕНА БЕСПЛАТНЫХ ОБЪЯВЛЕНИЙ
Стена бесплатных объявлений
ЗАРАБОТОК НА МОБИЛЬНЫХ ПРИЛОЖЕНИЯХ

TIMEWEB — БОЛЬШЕ, ЧЕМ ХОСТИНГ

ЛУЧШИЙ ОБМЕН ПО ВСЕМ НАПРАВЛЕНИЯМ

Обмен Яндекс.Деньги

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