Як оптимізувати фотографії для мого веб-сайту; Мій блог сайту Primo
Картинка коштує тисячі слів, і саме для цього її використовують власники веб-сайтів. Але дуже часто використовувані фотографії не оптимізуються. Вони або занадто великі, спотворені або навіть занадто важкі.
Головний винуватець? Ваша цифрова камера. Цей не робить фотографії в Інтернеті. Вони призначені для друку. Для друку потрібно більше деталей, ніж для перегляду на екрані комп'ютера. Файл із більшою деталізацією (отже, більшою кількістю даних) має більший розмір і часто занадто великий на веб-сторінці.
Фотографія, оптимізована для Інтернету, матиме:
- правильний колірний профіль
Зображення, збережені в Інтернеті, матимуть формат RGB. CMYK призначений для друку. - достатня роздільна здатність
Деталі, чіткості або кількості пікселів 72 або 96 dpi буде достатньо для Інтернету, і зображення завантажуватиметься швидше. - правильні розміри (розмір зображення)
Ширина та висота вашого зображення будуть виражені у пікселях. Розміри залежатимуть від бажаного місця розташування зображення на вашому сайті. (банер, галерея, фото-стаття, фон тощо). Зверніть увагу, що загальна ширина веб-сайту рідко перевищує 1000 пікселів. - правильний формат
Основними форматами для Інтернету є: JPEG, GIF та PNG.
JPEG або JPG: виберіть цей формат для своїх фотографій. Це запропонує їм дуже хорошу якість у порівнянні з вагою.
PNG: віддавайте перевагу PNG для зображень, що містять текст, піктограми, графіку, логотипи чи зображення з прозорістю.
GIF: Використовуйте для простих малюнків та зображень, з прозорим кольором або майже без нього. Він єдиний підтримує анімацію. - хороше співвідношення ваги та якості (перевірте розмір файлу терміна)
Стискання фотографії має на меті зробити її якомога легшою, не втрачаючи при цьому занадто багато якості (особливо для JPEG) - хороше ім'я файлу
Назвіть своє зображення, використовуючи ключові слова, що описують його, замість ряду безглуздих цифр. Не використовуйте пробіли та спеціальні символи. Використовуйте малі літери та "-" або "_", щоб відокремити слова. Ваші зображення будуть краще читатися пошуковими системами, і їх буде легше знайти під час пошуку зображень.
Кроки для оптимізації фотографії
- Відкрийте свою фотографію в редакторі зображень
- Змініть розмір або пропорційно обріжте свою фотографію до потрібних розмірів
- Збережіть або експортуйте фотографію (залежно від інструменту)
- Виберіть правильний формат (JPEG, PNG або GIF)
- Виберіть ступінь стиснення
- Введіть ім'я для вашого файлу
Ось список редакторів для ваших фотографій. Більшість автоматично конвертує фотографії, збережені у веб-форматах, у RGB та 72 dpi.
Безкоштовні онлайн-редактори зображень
- Pixlr (безкоштовно та без створення облікового запису)
- BeFunky (безкоштовно та без створення облікового запису)
- Photoshop в Інтернеті (безкоштовно та без реєстрації)
- PicMonkey (безкоштовно та без створення облікового запису)
- Редактор (безкоштовно, французькою мовою та без створення облікового запису)
- Canva (безкоштовно)
- Ipiccy (безкоштовно та без реєстрації)
- Lunapic (безкоштовно та без реєстрації)
- Fotoflexer (безкоштовно та без створення облікового запису)
- Безкоштовний онлайн-редактор фотографій (безкоштовно та без створення облікового запису)
Безкоштовне програмне забезпечення
- Фотофільтр
- Gimp - Mac і Windows
- Paint.Net
- Photo Pos Pro
- PhotoScape - Windows
- Chasys Draw IES
- Жолудь (безкоштовна та платна версія) - Mac
Платне програмне забезпечення
- Photoshop - Mac і Windows
- Paintshop Pro
- Photoshop Elements
- Serif Photo Plus
- Світлова кімната
- Жолудь (безкоштовна та платна версія) - Mac
- Corel PaintShop Photo Pro - Windows
- Pixelmator - Mac
Фокус
Ви хочете знати розміри та вагу фотографії?
- На вашому комп'ютері: клацніть правою кнопкою миші файл фотографії та виберіть "Властивості зображення" або "Інформація про зображення".
- Відображається на сайті: Клацніть безпосередньо на зображенні правою кнопкою миші та виберіть "Властивості зображення" або "Інформація про зображення".
І ось, тепер ви краще обладнані для оптимізації своїх фотографій перед тим, як інтегрувати їх на свій веб-сайт.
Отримуйте наші статті безкоштовно електронною поштою. Підпишіться на бюлетень агентства!