Як вибирати зображення для блогу? Вичерпні рекомендації
Зображення для блогу – це кисень. Без нього букви та смисли рідко живуть довго. Якщо ілюстрацій, фото, інфографіки, скриншотів немає, користувач швидко ознайомлюється зі сторінкою блогу і полишає її через 40 секунд (максимум півтори хвилини). Обіцяємо ці показники ви побачите в аналітиці вашого блогу, якщо зображень у замітці не буде.
Переконатись у необхідності зображень для блогу можете з інфографіки нижче.
Вибору немає – вашому блогу потрібні зображення. У цій статті ми розповімо: які фото та ілюстрації можна використовувати у блозі, де шукати зображення для блогу, в чому обробляти зображення, які види інфографіки можна використовувати для блогу та чим її робити, як додавати та розподіляти зображення у блозі.
Які зображення можна використовувати в блозі?
Визначтеся з настроєм вашого блогу, стилями фото та гармонійністю поєднання зображень із вашим брендингом. З цим відчуттям переходьте до формування мудборду (дошки настрою) з прикладами зображень для вашого блогу. Знайти референси (приклади) зможете на Pinterest або Behance.
Є кілька основних варіантів використання ілюстрацій та фотографій у вашому блозі.
Безкоштовні стокові фотографії. У сервісах підбору фотографій є не тільки люди зі штучною усмішкою та піднятим великим пальцем. У безкоштовних фотостоках є художні фото від ентузіастів та якісні тематичні фото. Щоб знайти потрібне фото, змінюйте фрази пошукових запитів та переглядайте рекомендовані фото до галереї.
Скриншоти та інтерфейси. Використовуються для оглядових статей на технічну чи професійну тематику. Наприклад, у вас є бізнес з автоматизації процесів на підприємстві. Ви пишете статтю про CRM-системи. Обов'язково додайте скриншот відкритого вікна програм або сторінок у браузері. Ваша стаття стане ще кориснішою.
Текст плюс фото Ви можете комбінувати фотографії та текст на них. Так, у вас будуть зображення з фактами, цитатами, мемами або закликами до дії. Головне – використовуйте при оформленні в редакторі шрифти та кольори близькі до кольорів та шрифтів у вашому блозі.
Колажі. Якщо у вас є бажання присвятити час графічними онлайн-редакторами, створюйте колажі. Для цього обирайте зображення на прозорому тлі у форматі PNG. Завантажте їх у редактор. Додайте базові фігури, текст, стікери. Збалансуйте композицію. Колаж готовий!
Фотографії, оброблені художніми фільтрами. Якщо формат блогу дозволяє використовувати такі фото, ви заощадите час і позбавитеся проблем із авторськими правами. Копірайт не захищає зображення, оброблені програмами типу Prisma. Беріть будь-які фото та робіть їх частиною свого блогу.
Ваші фотографії. Вони обов'язкові, якщо у блозі ви показуєте результати своїх робіт чи проєкти. Але обов'язково робіть їх якісними. Для цього наймайте фотографів на проєктній основі (чим більший обсяг робіт – тим дешевше) або готуйте контент одразу для декількох платформ (наприклад, ваш smm-менеджер може робити фотосети одночасно і для соціальних мереж, і для блогу).
Ілюстрації. Блог ви можете оформлювати і за допомогою ілюстрацій. Зверніть увагу, що ілюстрації можна завантажити у векторному форматі. Не всі блоги чи онлайн-редактори зображень їх підтримують. Завантажуйте ілюстрації у растровому форматі (розширення: *.png *.jpg *.webp).
Художньо всі ілюстрації у вашому блозі мають бути одноманітними. Зберігайте сети ілюстрацій на фотостоках.
На яких безкоштовних фотостоках шукати зображення для блогу?
На всіх фотостоках з цієї добірки ви можете завантажувати зображення безкоштовно. Вам не потрібно згадувати автора зображень чи фотосток. Фото в них по-справжньому якісні і за конкретним запитом ви знайдете тематичні сети (набори) фотографій або ілюстрацій.
Unsplash – це мільйон безкоштовних та високоякісних зображень для блогу. Контент постійно оновлюється, найкращі сети ви знайдете на головній сторінці. Можна використовувати фільтри категорій для пошуку (категорії моди, здоров'я, природи, людей та інше).
C Pexels ви знайдете свої ілюстрації та фото із сотень тисяч якісних стокових зображень. Усі фотографії відібрані з контенту, завантаженого користувачами або взятого з безкоштовних сайтів із зображеннями.
На цьому стоку ви знайдете два з половиною мільйони зображень. Pixabay пропонує колекцію фотографій з багатьох тем (категорії тварин, ландшафтів, бізнесу та інше). Контент модерує спільноти.
У чому обробляти зображення для блогу?
Навіть без Photoshop або Lightroom для обробки фотографій або Figma для колажів або комбінації з фото та тексту, ви можете наповнити свій блог якісними зображеннями.
Для цього використовуйте графічні онлайн-редактори. Ними можна користуватися безкоштовно, але доступ до всіх функцій ви отримаєте на платній основі.
Canva – це простий та зрозумілий конструктор зображень. Ви отримаєте готові шаблони та налаштування макетів для різних платформ: блогу, соцмереж, друкованої продукції. У Canva ви зможете використовувати готові набори зі шрифтів та кольорів оформлення.
Сервіс для швидкого редагування фотографій зі спрощеним інтерфейсом. Створюйте зображення наново або вибирайте готові шаблони. Є можливість додавати ефекти, текст та стікери з параметрами стилю.
Онлайн-інструмент для редагування зображень. Pixlr багато в чому нагадує спрощену версію Photoshop. Редактор легко використовувати, адже він не перевантажений професійними функціями.
Як правильно обробити фотографії для блогу?
Вам потрібно враховувати лише 4 аспекти для створення якісних фото у блозі. Формат, оптимізація – це технічний бік. Композиція та сюжет, корекція кольору – це художність.
Формат
Формат – це співвідношення сторін зображення. Якщо ви використовуєте мобільний додаток для обробки фото або графічний онлайн-редактор, у них ви побачите готові формати. Виберіть кілька варіантів формату зображень та дотримуйтесь їх у всіх ваших статтях.
Композиція та сюжет
Ці дві властивості зображень відповідають за візуальну виразність. Усі лінії та світло-колірні плями внутрішньо поєднуються та створюють композиційний центр. У композиційному центрі міститься головне, на що повинен звернути увагу спостерігач. Із сюжету спостерігач має зрозуміти, що відбувається на фото. У події має бути контекст.
Корекція кольору
Ви не обов'язково повинні бути естетом і відчувати, як вібрують кольори. Достатньо дотримуватися єдиної колірної схеми у статтях блогу. Для цього використовуйте однакові колірні фільтри для обробки зображень. Але не встановлюйте максимальну інтенсивність фільтра. Не позбавляйте фото життєвості.
Оптимізація
Не забудьте зменшити розмір зображень, перш ніж додавати їх до блогу. Оптимізовані зображення швидше завантажуються, а пошукові системи рекомендують сторінки зі швидким завантаженням частіше. Для оптимізації зображень використовуйте сервіси Kraken.io, TinyPNG.com, Compressor.io.
Яку інфографіку можна додати до блогу?
Інфографіка – справа трудомістка, але із зиском (далі ми опишемо онлайн-сервіси, за допомогою яких навіть непрофесіонал створить якісну інфографіку).
Додайте хоча б одну створену вами інфографіку і відвідувачі блогу підмітять: “О, тут постаралися – тут точно якісний контент! Потрібно подивитися, що тут є на сайті”.
Хронологічна інфографіка. За допомогою цієї інфографіки ви об'єднуєте одним таймлайном події. Крім підпису з датою та змістом події на кожній точці таймлайну може розміщуватися виноска з фото або підписом. Наприклад, хронологія стане в нагоді у статті про постійне повторення одного тренду в одязі.
Порівняльна інфографіка. Найчастіше у цьому виді інфографіки полотно ділиться на дві частини. Зображення, текст, діаграми показують різницю між подіями, предметами, явищами. Припустимо, вам потрібно показати, чим відрізняється оригінальна продукція від підробок. Найлегше це показати в порівняльній інфографіці.
Статистична інфографіка. За допомогою діаграм та таблиць ви продемонструєте складні явища наочно. Ви можете використовувати лінійні і кругові графіки, розподіл показників. Наприклад, ви робите статтю про вигідність вкладень у криптовалюти. Найпростіший спосіб показати це – лінійне зростання кількості валют та капіталізації ринку.
Процеси та чек-листи в інфографіці. Хочете підбити підсумок і показати читачеві, що обов'язково зробити для досягнення мети? Перерахуйте базові кроки (наприклад, етапи запуску сайту, якщо стаття присвячена веброзробці) або опишіть ланки в процесі розвитку (наприклад, якщо замітка в блозі стосується психологічних етапів розвитку дитини).
Текстові пояснення в інфографіці. Берете фото або ілюстрації предмета статті, обираєте ділянки зображення та супроводжуєте їх виносками. Тепер вам не потрібно змушувати користувача фантазувати. Показали – розповіли. Такий тип інфографік корисний, наприклад, меблевим салонам, коли вони показують деталізовані переваги товарів.
Заключні конспекти в інфографіці. Ви довго і в’ї́дливо розповідали про аспекти чогось у статті чи порівнювали щось. Наприклад, ви зробили замітку в блозі про колірні поєднання в одязі. Створіть блоки у вашій інфографіці, додайте необхідні луки, назвіть ці колірні схеми та перерахуйте найкращі ситуації для гардеробів за вказаним колірним правилом.
Як зробити інфографіку для блогу?
Тут ви знайдете багато шаблонів інфографіки зі складними сюжетами. Оновіть ілюстрації та змініть кольори – ваша інфографіка готова. Є стовпчасті, кругові та лінійні діаграми.
Сервіс, в якому ви можете об'єднати кілька шаблонів інфографіки в один. Крім великої бібліотеки діаграм, є швидке додавання стрілок та інших об’єднувальних елементів.
Потужний інструмент для деталізації даних. У Infogram ілюстрацій не так багато, як у попередніх сервісах. Але якщо вам потрібно акуратно зверстати багато даних – обирайте цей сервіс.
Як правильно додавати зображення до блогу?
Розподіляйте зображення рівномірно у статті вашого блогу
Фото, ілюстрація та інфографіка не лише ілюструють думки чи тези з вашої статті. Вони ще й перескладають увагу читача. Безмежний текст стомлює (навіть якщо він з маркованими списками або іншим форматуванням). Тому вам потрібно утримувати увагу за допомогою зображень.
Коли ви створюєте ваші статті, передбачайте місце для розміщення зображень. Зображення – це візуальні плями в тексті. Подивіться, як та сама стаття виглядає із зображеннями і без.
Існують два технічні правила, які допоможуть вам правильно розміщувати зображення:
- Ваш читач не може на 3 екранах поспіль залишитися без зображень. Тобто є відкрита стаття. Ви оновлюєте зміст екрану, а потім знов гортаєте. Якщо після другого прокручування зображення немає – краще його додати. Але найоптимальніше розміщувати фото чи ілюстрації на кожному екрані.
- Додавайте зображення кожні 150-350 слів. Роздивіться ваші улюблені чи популярні блоги. Ви переконаєтесь, що саме з такою частотою з'являються фото чи ілюстрації. 150-350 слів зазвичай вистачає для однієї теми або мікротеми статті вашого блогу.
Вибирайте між форматуванням статті та зображеннями
Елементи форматування статті та зображення – це 2 секунди боротьби за увагу відвідувача блогу. Щоразу, коли користувач бачить заголовок, нумерований список, фотографію чи інфографіку, його мозок перезапускається. Дві додаткові секунди він розмірковує...
Чи є щось цікаве в цій статті? Чи варто читати її далі?
Тому під час підготовки статті для блогу передбачайте, яку інформацію як оформити. Акцентом для чогось може бути зображення (наприклад, інфографіка), а для інших сенсів – форматування (наприклад, список або таблиця).
Використовуйте стандарти балансу зображень та тексту
Потрібне готове рішення? Блогом із літер також керують цифри. Дотримуйтесь цих формул – і помилки виключені.
- Кожен пункт вашої статті – це одне зображення. Таке розміщення фото та ілюстрацій корисне для статей з оглядами товарів та сервісів або переліками порад та ідей. У цьому випадку ви розміщуєте заголовок пункту (наприклад, з оглядом онлайн-сервісу для редагування зображень), далі додаєте скриншот з інтерфейсом цього сервісу та текст.
- Кавер та два зображення для невеликої статті. Невеликій замітці в блозі вистачає обкладинки на початку (кавер) та двох емоційних зображень. Знайти та додати якісні стокові фото можна швидко.
- Три ілюструючі зображення на одне змістовне. Наприклад, у вас є студія дизайну інтер'єрів. Ви пишете статтю про головні тренди цього року. Ви можете вибрати три підтеми: меблі, кольори, декор. Для кожного аспекту ви вибираєте три ілюструючі фото, а на завершення підтеми робите оглядовий колаж.
Саме час створювати блог!
Weblium спрощує створення сайту та перетворює ведення блогу на задоволення. У налаштувань сайту ви знайдете лаконічний редактор з можливістю форматування тексту, додавання зображень та фото. Розмістити статті на сайті ви зможете через інструмент блог-фіду. Блог, інтернет-магазин, ледінг, багатосторінковий ресурс? Створюйте з Weblium сайти швидко!