Приветствую тебя, дорогой друг. Сегодня речь пойдёт о том, насколько важна оптимизация графики для любого сайта. Прежде хочу прояснить для новичков значение термина «графика». Графика – это любая картинка на блоге или сайте. Полное название – графическое изображение. Картинки являются смысловым дополнением к тексту на сайте или блоге.
Что такое оптимизация графики
Оптимизация графики – это доведение изображения до лучших показательных параметров. Для большинства блогеров и сайтостроителей известно, что изображения, как и текст, должны быть уникальными, то есть неповторимыми. Но не все начинающие web мастера придерживаются этого стандарта. Потому что уникальность картинки влечёт за собой определённые знания, опыт и навык.
А это всё вырабатывается со временем. И если на уникальность картинки, поначалу, можно смотреть сквозь пальцы, то к оптимизации графики нужно относиться очень серьёзно с самого начала ведения блога. Что имеется в виду под словом «оптимизация»?
Уменьшение веса картинки без потери её качества. Хотя качество, однозначно, будет ухудшаться. Но для зрительного восприятия это будет не очень заметно. И сегодня я хочу предложить тебе, мой читатель, несколько сервисов, которыми я пользуюсь сам.
Первый сервис
Это сервис для определения уникальности любого изображения. Называется он TinEye (www.tineye.com). Он англоязычный, и если у тебя не установлено расширение для перевода, то рекомендую прочесть статью «Удобный перевод страницы на лету!».
Работать в этом сервисе несложно. Нажимаешь на кнопку (номер 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.
После того, как ты придал картинкам для статьи уникальный вид и установил им нужный размер, перетягиваешь их все сразу в окошко сервиса (номер 1) или нажимаешь на кнопку «Загрузить с ПК» (номер 2). Начинается процесс компрессии.
После короткой операции сжатия, можно скачать все картинки одним архивом (номер 3) или по одной (номер 4), выбрав нужную. Качество изображения сохраняется хорошее, а вес уменьшается значительно. Ещё одно преимущество этого сервиса – одновременная работа с несколькими картинками. Это значительно экономит время.
Третий сервис
Ещё один ресурс, которым я пользуюсь при оптимизации графики для своих статей и при создании сайтов и подписных страниц, это Compressor.io (compressor.io/compress). Этот компрессор работает по аналогии с «Пандой», но обрабатывает четыре формата: JPEG, PNG, GIF, SVG. Но загружать можно только по одному изображению.
После того, как ты зашёл на страничку с компрессором, нажимаешь кнопку «SELECT FILE» (Выбрать файл), находишь нужную картинку, загружаешь её, и сразу начинается процесс сжатия. По ходу выполнения операции виден графический прогресс-бар выполнения действия. Ты можешь поводить ползунок (номер 1) и посмотреть на качество получившегося изображения, сравнив его с первоначальным вариантом.
Что бы скачать готовую картинку нажимаешь на кнопку (номер 2) «DOWNLOAD YOUR FILE» (Скачай свой файл), и для загрузки следующей картинки нажимаешь на кнопку (номер 3) «Compress another picture» (Сжать другую картину) и процесс оптимизации графики начнётся автоматически.
Ещё могу сказать, что есть плагины для WordPress, выполняющие оптимизацию автоматически, сразу после размещения изображений на блог. Но я ими не пользовался, поэтому не могу ничего комментировать. Итак, отвечая на поставленный в заголовке вопрос: Важна ли оптимизация графики на блоге? – можно ответить однозначно: Да, важна.
Важна для быстроты загрузки запрашиваемой пользователем страницы. Важна при индексации поисковыми роботами, и как следствие этого, выдача в поисковом запросе. Вот такая получилась статья. А чем ты, друг мой, оптимизируешь графику для своего блога? Напиши пару слов в комментариях. Подписывайся на получение первым анонсов новых статей, через форму подписки внизу. На этом буду ставить точку, и прощаться до новых скорых встреч.
С уважением, Ян Збаразкий.