Делаем логотип и сжимаем изображения самостоятельно.

Привет :)

Это вторая статья из серии материалов по мотивам инструкции (чек-листа) по проверке соответствия сайта стандартам качества. Что это за чек-лист? Это сборник советов, благодаря которым:

  1. В твой сайт начнут влюбляться посетители
  2. Он бесплатно выйдет на первые позиции поиска
  3. И начнет продавать все больше и больше

Как его получить? Достаточно подписаться на полезную рассылку от нашей онлайн-школы https://vk.cc/9I26Zj

Во втором пункте инструкции я советую проверить наличие у сайта логотипа и сжатых картинок, разделим эти задачи на два подпункта.

Создание логотипа

Зачем веб-мастеру этот навык? Он может пригодиться в нескольких случаях: если у Заказчика нет своего логотипа и нет дизайнера, который мог бы его нарисовать. Тогда вы можете включить эту работу в стоимость проекта и заработать на этом, либо создать логотип в подарок, как акцию.

Как сделать логотип самому, если вы не умеете работать с фотошопом? А вот так! Вам поможет онлайн-сервис Canva https://www.canva.com/templates/search/логотипы/

Делаем логотип и сжимаем изображения самостоятельно., image #1

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

1 шаг — Выбираем шаблон, на базе которого будем делать логотип, кликаем по нему.

2 шаг — Нажимаем кнопку «Использовать этот шаблон»

Делаем логотип и сжимаем изображения самостоятельно., image #2

3 шаг — Попадаем в редактор логотипа. Для того, чтобы поменять текст, нужно щелкнуть по нему 2 раза.

Делаем логотип и сжимаем изображения самостоятельно., image #3

4 шаг— Для того, чтобы поменять шрифт нужно щелкнуть по полю, на которое указывает красная стрелка. Так же будьте внимательны, не все шрифты поддерживают русский язык, поэтому надо проверять, подходит ли вам этот шрифт или нет по рядом стоящим символам, туда указывает зеленая стрелка,

Делаем логотип и сжимаем изображения самостоятельно., image #4

Сжатие картинок

Зачем нужно сжатие медиафайлов, когда речь идет о работе с сайтом? Для того, чтобы сайт загружался быстрее. Что делать, если картинки очень тяжелые? Нужно их сжать, а как? Давайте рассмотрим на примере.

Использовать будем инструмент FileOptimizer.

1 шаг — Устанавливаем ее себе на компьютер. Скачать можно тут.

2 шаг — Запускаем, в открывшемся окне нажимаем кнопку «Файл», далее жмем «Добавить файлы» и выбираем папку, где лежат нужные картинки.

Делаем логотип и сжимаем изображения самостоятельно., image #5

3 шаг — После выбора картинки (картинок), мы видим их статус, исходный размер и расширение.

Делаем логотип и сжимаем изображения самостоятельно., image #6

4 шаг — Чтобы запустить сжатие нужно правой кнопкой мыши нажать по любому файлу и нажать «Оптимизировать все» или горячие клавиши Ctrl+O.

Делаем логотип и сжимаем изображения самостоятельно., image #7

5 шаг — После окончания сжатия статус у картинок меняется на «Done» и появляется оптимизированный размер, то есть тот, до которого сжали картинку.

Делаем логотип и сжимаем изображения самостоятельно., image #8
Важное дополнение!

В настройках программы нужно поставить галочку «Не использовать корзину», иначе все исходные файлы будут улетать туда, а если галочка стоит, то они будут менять размер, оставаясь на своем месте.

Делаем логотип и сжимаем изображения самостоятельно., image #9
Делаем логотип и сжимаем изображения самостоятельно., image #10

Всем спасибо за внимание, внедряйте фишки, учитесь делать классные сайты!

Инструкцию для вас составили Юлия и Вадим Твердохлеб.

111 views·1 share