Як вибрати зображення для сайту або блогу

Як вибрати зображення для сайту або блогу
Ви, напевно, не раз чули про те, яку важливу роль відіграють зображення і графіка в веб-дизайні. Візуальний контент залучає до процесу і має в своєму розпорядженні до контакту сильніше, ніж текстовий. Тож не дивно, адже нашому погляду властиво рухатися у напрямку до зображень. Будь-який текст буде охоплений більш повно, коли він розбитий графічними блоками або зображеннями.

У загальному випадку, з тієї чи іншої ліцензії Creative Commons ви користуєтеся зображенням законно і безкоштовно до тих пір, поки дотримуєтеся всі умови

2) Стічні зображення безкоштовно?

Виявляється є стокові ресурси, де можна знайти безкоштовні зображення і фотографії високої якості. Найбільший фотобанк Getty Images недавно зважився на безкоштовну роздачу своїх стік фото і картинок високої розподільчої здатності. За допомогою embed коду вбудовуєте їх на свій сайт. Мільйони знімків доступні для вільного (але не комерційного) використання, хоча можуть бути встановлені обмеження щодо пошуку. Акт щедрості поки працює на просування фотобанку.

Якщо потрібен ресурс під скачування зображень, то для початку:

Безкоштовно стокові зображення від HubSpot можна скачати тут. тут і тут

3) Релевантність зображення і креатив

Якщо не виходить підібрати підходяще до обговорення в статті зображення - спробуйте поманіпуліровать з заголовком, впроваджуючи слова або фрази до отримання можливості очевидною асоціації з ними якісного цікавого зображення. Наприклад, пост нічого спільного з апельсинами не має, але вибір асоціативного зображення вдалий, тому як в заголовку йдеться про поділ (slice, dicing - частка нарізка на частини) і сегментації.

Як вибрати зображення для сайту або блогу

Якщо тематика викликає труднощі з підбором релевантного і чарівною зображення, наступний прийом - накласти на нього текст, пов'язуючи це зображення до статті або роблячи більш примітним.

Як вибрати зображення для сайту або блогу

4) Є привабливість

Головному зображенню статті недостатньо бути «доречним красивим ». Воно повинно мати властивість - зупиняти погляд відвідувача. привертати увагу ... тобто бути таким, щоб його визнали цікавим, привабливим, зворушливим і т.д. Потрібно пам'ятати, що перша картинка поста блога зазвичай притягує погляди активної публіки соц-мереж, яка бажає поділитися посиланням на цікавий контент в Facebook, Google+, LinkedIn, VK і т.д. Англійська приказка свідчить:

У вас не вийде двічі справити перше враження

Вибір нудних і звичайних, некрасивих зображень - це ризик знизити з таким «враженням» рівень внутрішніх переходів по сайту.

5) Високо-якісні зображення

Здається, це повинно бути само собою зрозумілим, але все ж, які якісні характеристики? Яке дозвіл у знімка або картинки? Дозвіл - це кількість пікселів на дюйм (ppi - pixel per inch). Вага файлу картинки зростає зі збільшенням числа пікселів в ній, тобто з підвищенням дозволу. При цьому лінійні розміри зображення залишаються незмінними, а розміри пікселів зменшуються - картинка стає чіткіше і якісніше. У пошуку по картинках високий дозвіл дає перевагу в ранжируванні. Вибираючи для цікавого зображення низька якість, ви відбираєте в нього можливість зіграти свою важливу роль і втрачаєте довіру відвідувачів до сайту.

6) Оптимізація файлу зображення

Існує тонка грань між дозволом відповідним і завищеними. Вибирати останнім значить збільшувати час рендеринга зображень. Ви напевно спостерігали цей процес у вигляді сповільненої промальовування великий картинки при відкритті сторінки. У загальних випадках при довгій завантаженні, краще порахувати головною причиною цього (причин може бути багато) - важкі файли зображень (при наявності таких), і не покладатися на швидкості інтернет і сервіси, які іноді / регулярно можуть підводити. 40% користувачів, після 3 секунд очікування переривають завантаження сторінки.

Багато експертів рекомендують взяти за правило, не перевищувати ліміт в 100 KB

Зменшувати розмір (вага) web графіки зручно програмами для стиснення зображень. Наприклад такими, як ці:

7) Зображення адаптовані під всі розміри екранів?

Читайте також: Як правильно оформити головну сторінку: 42 сайта у приклад

Схожі статті