Чому і як підготувати свої фотографії для веб-майстра CAWEB

Залежно від використовуваної камери, вага фотографії є більш-менш важливою. Зазвичай фотографія важить від 3 до 10 МБ. Якість фотографій має вирішальне значення для красивого відображення в Інтернеті, але зображення, нещодавно зроблені з камери, часто надто великі. Важливо оптимізувати їх для використання в Інтернеті. Будьте обережні, це не тільки вага, що входить у гру! Використовуючи такі інструменти для редагування фотографій, як Photoshop, Lightroom, Gimp або навіть Preview на Mac, кілька редагувань ваших фотографій значно покращать ваш веб-сайт.

Чому важливо добре підготувати свої фотографії? ?

Якість: Якщо фотографія на вашій домашній сторінці розмита, ви можете втратити інтерес та довіру відвідувачів! Фотографії, які ви розміщуєте на своєму сайті, відображають вашу роботу, ваш образ. Загальний вигляд сайту вплине на те, як відвідувачі ставляться до вас. Картинка коштує тисячі слів, і було б соромно нехтувати нею. Наприклад, ви не редагуєте фотографію в Інтернеті так само, як редагуєте її для друку. Під час підготовки зображень необхідно дотримуватися кількох критеріїв, щоб ви отримали оптимальний показ в Інтернеті.

Швидке завантаження: Існує велика ймовірність того, що користувач не залишиться на вашому сайті, якщо завантаження триває довго. Щоб утримати відвідувачів, важливо оптимізувати час завантаження вашого веб-сайту. Підготовка ваших фотографій допоможе. Вага фотографій відіграє важливу роль у швидкості завантаження сторінки. Не кажучи вже про те, що якщо ваші фотографії світліші, ви заощадите гроші, використовуючи менше місця на сервері !

SEO: Алгоритм Google враховує, наскільки швидко завантажуються ваші веб-сторінки. Чим швидше завантажується ваша сторінка, тим кращого на вас буде посилання в Google, тим більше відвідувачів у вас буде !

Доступність: Для того, щоб зробити ваш сайт доступним для людей з обмеженими можливостями, важливо адаптувати ваш вміст. Це стосується і фотографій. Описуючи свої фотографії за допомогою атрибута Alt, ви полегшуєте розуміння вмісту своїх сторінок. Завдяки доступному веб-сайту ви не тільки охопите більшу аудиторію, але й вдосконалите SEO.

Як їх підготувати?

За допомогою яких інструментів?: Photoshop, Lightroom, Gimp, Preview, а також багато онлайн-інструментів, таких як PicMonkey, PIXLR або Canva.

Виберіть правильний формат: Для фотографій в Інтернеті виберіть формат JPEG. Цей формат значно зменшує вагу фотографії, залишаючись максимально вірним оригінальним кольорам та якості. Формат PNG іноді використовується для фотографій, але вага, як правило, вищий, ніж у форматі JPEG. Наприклад, ми використовуватимемо PNG для логотипів, оскільки цей формат забезпечує прозорість.

Колірний простір: конвертувати фото в sRGB - Ви коли-небудь опублікували фотографію і виявили, що вона зовсім не схожа на оригінальну?! Колірний простір, мабуть, є джерелом. Якщо для фотографії встановлено CMYK (кольоровий простір, що використовується для друку), кольори не відображатимуться однаково у ваших веб-браузерах. Але це також може бути результатом профілю ICC (профілю
колір) відсутній, подумай щоб зберегти на зображенні профіль ICC коли ви зберігаєте/експортуєте його для Інтернету. Цей параметр зазвичай називають "вбудованим кольоровим профілем", і його часто можна знайти в тому ж вікні, яке використовується для перетворення фотографії в sRGB. Профіль ICC дозволяє браузерам правильно відображати ваші кольори на різних типах екранів (настільний комп'ютер, планшет, смартфон тощо).

Зміна розміру: змініть розмір фотографії відповідно до місця, яке вона займає в Інтернеті (зображення в статті, фон, банер тощо). Якщо зображення є банером, найкраще його обрізати, зберігаючи лише те, що з’явиться на банері. Тоді ми змінимо розмір відповідно до розміру місця розташування: якщо ваш банер має розташування 728 х 90 пікселів, налаштуйте розмір своєї фотографії відповідно до цих розмірів . Це не дозволить браузеру виконувати значні зміни розміру фотографії і тим самим впливати на швидкість вашого веб-сайту. Просто зменшення розміру фотографії може зменшити її вагу більш ніж на 50%! В ідеалі, вага зображення, що відображається в Інтернеті, не перевищує 200 кб . Якщо ви використовуєте CMS для свого веб-сайту, наприклад, WordPress, деякі теми навіть підкажуть вам ідеальний розмір фотографії для оптимальної якості.

Якість: Ви також можете налаштувати відсоток якості зображення. Загалом кажучи, зменшивши якість зі 100% до 80%, ваше зображення навряд чи зміниться. Однак його вага значно зменшиться. Більшість інструментів дозволяють миттєвий попередній перегляд при зміні налаштувань фотографії. Наприклад, ви можете модулювати відсоток, поки не зменшите вагу, не втрачаючи якості.

Дозвіл: Для Інтернету рекомендується встановити роздільну здатність 72 dpi - але це не є обов’язковим кроком. Це важливий параметр перш за все для друку, а не для Інтернету. Зменшення роздільної здатності не призведе до зміни ваги вашої фотографії. Підраховується кількість пікселів у ширину та висоту вашої фотографії (її розмір).

Назва зображення: Фотографія, зроблена з пристрою, матиме трохи нудне і безглузде ім’я, наприклад: IMG55163518. Зовсім не ефективно для вашого сайту та вашого SEO! Не забудьте змінити назву зображення на ім'я, яке описує його зміст, наприклад: "cat-playing-with-mouse.jpeg". Використовуйте дефіси, а не підкреслення, оскільки Google не розпізнає підкреслення і буде читати "балакучий за допомогою миші". Це не практично для вашого SEO, оскільки алгоритм не розуміє значення.

Атрибут Alt: атрибут Alt дозволяє вам додати описовий текст зображення на випадок, якщо зображення не відображається. Він надає доступ до інформації незрячим або слабозорим відвідувачам. Ніколи не залишайте атрибут Alt порожнім, якщо зображення чи фотографія не є суто декоративними та безглуздими. Зробіть це коротким і чітким описом фотографії.

Нарешті, будьте обережні, щоб не розміщувати забагато фотографій на одній веб-сторінці. Навіть якщо ви підготували їх, легкі та готові до використання в Інтернеті, розміщення занадто великої кількості веб-сторінок матиме той самий ефект, як розміщення однієї занадто важкої фотографії на вашій веб-сторінці: якість і швидкість. Дотримуючись цих основних правил підготовки фотографій, ви можете забезпечити баланс між якістю та ефективністю вашого веб-сайту. Ключі у вас у руках !