Работа с изображениями

Работа с изображениями (Внешние сервисы)

Работа с изображениями (Внешние сервисы)

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

Правильный визуальный контент помогает:

  1. Легко объяснить сложные понятия.
    • Человеческий мозг обрабатывает визуальную информацию в 60 000 раз быстрее, чем слова. Это значит, что с помощью иллюстраций вы донесете свой посыл до клиентов гораздо эффективнее.
  2. Установить эмоциональную связь с пользователями.
    • Клиенты хотят видеть лицо компании, чтобы знать, что она заботится о них.
  3. Отстроиться от конкурентов.
    • Известные компании создали сильные визуальные образы. Чтобы отличиться от конкурентов, вам также нужно создать уникальный символ бренда.

Для создания визуального контента вам не нужен дизайнер — вы можете использовать бесплатные инструменты.


  1. «Как вставить SVG картинку в HTML или даже в CSS»
  2. «Генератор favicon для всех платформ: iOS, Android, PC/Mac...»
  3. «Бесплатные векторные иконки. Flat Color Icons от Icons8»

Генератор favicon для всех платформ: iOS, Android, PC/Mac...

  1. Фавиконка для сайта — работа Веб-мастера
    1. Создание картинки-прототипа
    2. Загрузка картинки на сервер для генерации favicon
    3. Настройка генерации favicon для всех платформ: iOS, Android, PC/Mac...
      1. Favicon for iOS - Web Clip (Favicon для iOS)
        1. Favicon for iOS - Web Clip. Settings (Настройки)
        2. Favicon for iOS - Web Clip. Assets (Выбор платформы)
        3. Favicon for iOS - Web Clip. Dedicated picture (Загрузка другого прототипа)
      2. Favicon for Android Chrome (Favicon для Android Chrome)
        1. Favicon for Android Chrome. Main settings (Основные настройки)
        2. Favicon for Android Chrome. Options (Настройки)
        3. Favicon for Android Chrome. Assets (Выбор платформы)
        4. Favicon for Android Chrome. Dedicated picture (Загрузка другого прототипа)
      3. Windows Metro (Favicon для Windows Metro)
        1. Windows Metro. Settings (Настройки)
        2. Windows Metro. Assets (Выбор платформы)
        3. Windows Metro. Dedicated picture (Загрузка другого прототипа)
      4. macOS Safari (Favicon для macOS Safari)
        1. macOS Safari. Settings (Настройки)
        2. macOS Safari. Dedicated picture (Загрузка другого прототипа)
      5. Favicon Generator Options (Задание опций для генерации фавиконок)
        1. Favicon Generator Options. Path (Путь)
        2. Favicon Generator Options. Version/Refresh (Версии/Обновления)
        3. Favicon Generator Options. Compression (Сжатие)
        4. Favicon Generator Options. App name (Имя приложения)
    4. Создание Favicon и получение HTML-кода для вставки его на сайт

Бесплатные векторные иконки. Flat Color Icons от Icons8

Векторный клипарт последнее время очень и очень востребован. Особенно после того, как браузеры стали поддерживать формат SVG изображений. Это породило волну спроса на векторные изображения и компании, занимающиеся разработкой дизайна охотно откликнулись на этот спрос. В этой статье рассмотрим предложение от студии Icons8, которая предлагает более 300 бесплатных векторных иконок Flat Color Icons. Все ссылки на официальные страницы и на то, где взять этот клипарт ниже в статье.