Якого розміру має бути графіка для веб-сайту?
Щоб отримати найкращий результат, переконайтеся, що ваше зображення має розмір від 1280 на 720 пікселів (співвідношення сторін 16:9) до 1800 пікселів завширшки – дозволяє заповнити половину або всю висоту сторінки.
Найкращі розміри зображення для комп’ютерів і мобільних пристроїв
| Тип зображення сайту | Розміри зображення на робочому столі (Ш x В) | Розміри мобільного зображення (Ш x В) |
|---|---|---|
| Образ героя | 1280 x 720 пікселів | 360 x 200 пікселів |
| Банер сайту | 1200 x 400 пікселів | 360 x 120 пікселів |
| Зображення блогу | 1200 x 800 пікселів | 360 x 240 пікселів |
| Логотип (прямокутник) | 400 x 100 пікселів | 160 x 40 пікселів |
В ідеалі ваша сторінка ніколи не повинна розміщувати зображення, розмір яких перевищує версію, відображену на екрані користувача. Все, що перевищує цей розмір, призводить до втрати байтів і сповільнює час завантаження сторінки. Основна стратегія показу зображень відповідного розміру називається «адаптивними зображеннями».
Наприклад, якщо ви думали про найкращий розмір зображення для зображень продуктів електронної комерції, він вважається таким 640 x 640 або 800 x 800. Розмір зображення має важливе значення для електронної комерції, оскільки ваші клієнти не можуть торкнутися продукту, тому зображення, опис продукту та відгуки спочатку є їх рятівниками.
1 MB Тепер, коли ви знаєте різні способи опису розміру зображення, ось кілька практичних правил, які слід пам’ятати: Оптимальний розмір файлу: Великі зображення або фонові зображення на весь екран не повинні перевищувати 1 Мб. Більшість іншої невеликої веб-графіки може мати розмір 300 КБ або менше.');})();(function(){window.jsl.dh('tcnsZsWXJ5mnkdUPs_XhkAc__50','
Найкращі розміри екрана для адаптивних веб-сторінок
- Роздільна здатність від 1280×720 до 1920×1080 для настільних моніторів.
- Дизайн мобільного дисплея в діапазоні від 360×640 до 414×896.
- Дизайн дисплея планшета в діапазоні від 601×962 до 1280×800.
- Перевірте Google Analytics і налаштуйте найпопулярніші розміри роздільної здатності вашої цільової аудиторії.