Правила форматування зображень
Хтось сказав, що звичайне зображення часом може сказати, те, що не в змозі передати цілий текст, а крім цього воно може стати незамінним помічником вашого бізнесу і принести значний дохід. Згідно з деякими статистичними даними, саме зображення здатне правильно передати потрібну інформацію і відкластися в голові відвідувача, тому як візуальна інформація запам`ятовується на 80% на відміну від текстової, яку люди пам`ятають лише на 20%.
Так само користувачі набагато охочіше читають матеріали, супроводжувані різними картинками, ніж сухий текст. Чого вже говорити про продаж товарів: потенційний покупець хоче бачити чіткі і ясні зображення продукту, який він готовий купити, а це значить, що проста картинка може стати вирішальним фактором в успіху вашого бізнесу.
Саме тому, що максимально збільшити привабливість свого ресурсу і просунути пропонований товар, необхідно чітко слідувати декільком правилам і намагатися уникати помилок в процесі форматування зображень для Інтернет-ресурсу.
Відео: Публікація тексту і прискорення індексації - SEO-дошка # 18
1. Розмір зображення
Багато новачків або необізнані в веб-дизайні замовники, помилково вважають, що чим більше розмір фотографії, тим краще. Адже тільки таке фото виглядає якісно і здатне передати всі дрібні деталі товару або взагалі що-небудь відображена на ньому. При цьому вони навіть не замислюються, що такі картинки значно впливають на продуктивність сайту. Йдеться зовсім не про розміри в пікселях, а про мегабайтах. Хоча буває, що вони тісно взаємопов`язані між собою. У разі, коли фото дуже великого розміру, сторінці необхідно значно більше часу для повної його завантаження і відображення. Це може спричинити за собою втрату клієнта або відвідувача, який просто не готовий чекати «півгодини» поки буде завантажуватися сторінка. Особисто я, як правило, так і роблю.
У той же час не варто кидатися з крайності в крайність і вибирати маленький розмір фото - це може погіршити якість знімка і його візуальний вигляд. Оптимальним варіантом стане знаходження компромісу між дозволом знімка і його розміром - так, щоб зображення не знижувало продуктивність ресурсу і одночасно залишалося якісним в візуальному плані.
Відео: 7 основних правил оформлення тексту. академія SEO
2. Дозвіл зображення
Ще одна важлива деталь при використанні знімків та інших картинок на вашому веб-сайті. Саме цей параметр визначає те, як добре буде виглядати зображення на екрані. Дуже важливо підганяти і зберігати ваше фото в потрібній піксельної пропорції, відповідно до його призначенням. При цьому варто уникати будь-найменшої пикселизации. Це може бути спотворення або розмитість, що є наслідком розтягування файлу. Як правило, таке відбувається в тих випадках, коли людина намагається зробити з картинки 60х60 пікселів, зображення, розтягнуте на простір розміром 300х300 пікселів. Виглядає це, погодьтеся, жахливо.
3. Обрізка зображення
Одним з важливих кроків при форматуванні зображення можна вважати обрізання фотографії. В першу чергу не варто забувати, що чим більше ви обрізаєте, тим гірше стає якість зображення, адже дозвіл стає нижче. Тому якщо вже ви налаштувалися щось там «різати» то вибирайте для цього фотографію з максимально високою роздільною здатністю, яке у вас є.
Відео: конвертація музики, відео та зображень
Якщо мова йде про розміщення на сторонньому ресурсі або, наприклад, в соціальних мережах, то не заважає попередньо подивитися, як обрізають знімки ті чи інші сайту. Так, наприклад, популярна мережа Фейсбук, при публікації фотографії профілю обрізає її до розміру 180х180 пікселів, а на вашій сторінці вона і зовсім скорочується до розміру 160х160 пікселів. Те ж саме стосується і фотографій в постах - все прикріплені знімки обрізаються до 1200х900 пікселів. Тому якщо ви не хочете, що на вашому фото ненароком обрізали щось важливе, то краще подбати про це завчасно. Подгоните фото під потрібний дозвіл і параметри. Неприємно буде, якщо логотип вашої фірми на сторінці в Фейсбук або будь-яка фотографія буде обрізана до невпізнання.
4. Спотворення зображення
Відео: Вступна Відеолекція до курсу "Інженерна графіка"
Дуже часто зображення виглядає викривлено і причина цього спроба розтягнути його, щоб заповнити простір. Щоб уникнути таких серйозних помилок, необхідно зберігати вихідні пропорції знімка, просто масштабуючи його, а не намагатися розтягнути по ширині або довжині. Найчастіше таке відбувається при публікації зображень на інших ресурсах, які автоматом підганяють під свої вимоги. В результаті ваше зображення приймає спотворений вигляд.
Перш ніж публікувати зображення, дізнайтеся рекомендовані розміри і відформатуйте знімок відповідно до них. Це досить легко зробити в будь-якому редакторі. Головне - зберігайте початкові пропорції.
5. Редагування зображень
Від спокуси зробити зображення ще крутіше, ніж вона є, мало, хто може втриматися. Завжди хочеться поліпшити знімок, додати йому контрасту та кольору, зробити більш насиченим і різким. На жаль, в гонитві за ідеалом, ми іноді переборщуємо і в підсумку перетворюємо непогане зображення в штучну картинку, при одному погляді, на яку відразу стає зрозуміло, що над нею добре попрацювали в фоторедакторі. Особливо важливо не перегнути палицю, коли справа стосується товарів. Безумовно, вони повинні виглядати привабливо, але в той же час не варто їх позбавляти натуральності.
Покладіться на свої відчуття при редагуванні знімка і подумайте, привернув би вас цей товар в такому вигляді, якому ви намагаєтеся його дати? Іноді краще залишити знімок в його первісному вигляді, ніж напихати його різними ефектами.
Це найпростіші поради, які повинні стати правилами для початківців дизайнерів і замовників, які вимагають від виконавця просто парадоксальні речі. І пам`ятайте, у всьому повинна бути естетика і гармонія, яка буде залучати людей. Тільки так, можна добитися хоч мало-мальськи успіху в будь-якому бізнесі.
