Вибір правильного розміру зображення є важливим для підтримки візуально привабливого веб-сайту та його швидкого завантаження. Використання зображень правильного розміру гарантує, що ваш контент виглядатиме чітко на всіх пристроях, а також покращує продуктивність сторінки.
У цьому посібнику описано рекомендовані розміри зображень для різних розділів Pixpa, що допоможе вам завантажувати зображення, які ідеально підходять один одному без спотворень чи зайвого масштабування. Дотримуючись цих рекомендацій, ви можете досягти узгодженого макета та забезпечити кращий досвід перегляду для ваших відвідувачів.
Pixpa автоматично масштабує зображення, щоб забезпечити оптимальне відображення та продуктивність, зберігаючи при цьому оригінальне співвідношення сторін.
- Розмір зображень змінено таким чином, щоб вони помістилися в максимальну рамку розміром 2560 × 3840 пікселів.
- Ні ширина, ні висота не перевищуватимуть цих обмежень
- Один вимір може бути меншим залежно від орієнтації зображення
Як працює масштабування:
- Зображення зменшуються, доки не будуть виконані обидві умови:
- Ширина менше або дорівнює 2560 пікселям
- Висота менше або дорівнює 3840 пікселям
Рекомендовані розміри:
- Використовуйте зображення шириною до 2560 пікселів для альбомної орієнтації
- Використовуйте зображення висотою до 3840 пікселів для портретної орієнтації
У цій статті:
- Ідеальний розмір зображення для галерей веб-сайтів
- Ідеальний розмір зображення для банера
- Ідеальний розмір зображення для рекомендованого зображення
- Ідеальний розмір зображення для зображення продукту
- Ідеальний розмір зображення для допису в блозі
- Розміри зображень у фрагментах конструктора сторінок
- Розміри зображень у Елементах списку Конструктора сторінок
- Ідеальний розмір зображення для клієнтських галерей
- Ідеальний розмір зображення для галереї
- Ідеальний розмір для Gif
- Якість зображення та стиснення
- Колірний профіль зображення
- Зміна розміру зображення для веб-сайту
- Різкість зображення
- Масова обробка зображень
Ідеальний розмір зображення для галерей веб-сайтів
Ми рекомендуємо завантажувати зображення високої роздільної здатності 100% якості (розміром до 50 Мб кожне). галереї. Ми змінюємо розмір зображень і автоматично надаємо найкращий розмір залежно від пристрою та роздільної здатності, щоб веб-сайт завантажувався швидше.
Підтримувані формати файлів зображень веб-сайту: JPG, JPEG, PNG і GIF.
We не зберігайте оригінальні зображення у розділі веб-сайту. Pixpa автоматично оптимізує ваші зображення таким чином, щоб вони відповідали максимальному розміру 2560 пікселів завширшки та 3840 пікселів заввишки, зберігаючи при цьому оригінальне співвідношення сторін. Якщо ви завантажуєте більші зображення, вони відповідно зменшуються, щоб ні ширина, ні висота не перевищували 2560 пікселів, ні висота не перевищували 3840 пікселів.
Зображення автоматично оптимізуються для максимального розміру 2560 пікселів завширшки та 3840 пікселів заввишки, зберігаючи при цьому їхнє оригінальне співвідношення сторін. У випадку макетів сітки галереї зображення веб-сайту генеруються автоматично на основі вибраного вами макета сітки.
Для оптимальної роботи, максимальна кількість зображень дозволено на Галерея веб-сайту/галерея сторінок – 500Якщо у вас є більше зображень для демонстрації, подумайте створення кількох галерей.
Ідеальний розмір зображення для банера
A банер зображення або зображення обкладинки додає вашій сторінці родзинку. Ви можете додати банер у верхній або нижній частині сторінки.
Ідеальний розмір зображення банера буде 2000 х 2000 пікселів.
Підтримувані формати файлів зображень для банера: JPG, JPEG, PNG і GIF.
Ідеальний розмір зображення для рекомендованого зображення
Команда Популярні зображення сторінки використовується для публікації в соціальних мережах, а також буде використано, якщо сторінку додано до папки. Ми рекомендуємо завантажити зображення високої якості 100% якості для ескізу.
Підтримувані формати файлів для рекомендованих зображень: JPG, JPEG і GIF.
Немає рекомендованого розміру для рекомендованих зображень. Система автоматично змінить розмір зображення, щойно ви його завантажите.
Ідеальний розмір зображення для зображення продукту
Ви можете додати до 200 зображень товару щоб продемонструвати свій продукти в магазині.
Підтримуються такі формати файлів зображень JPG, JPEG і PNG.
Ідеальний розмір зображення продукту приблизно 1000 х 1000 пікселів.
Ідеальний розмір зображення для зображення публікації в блозі
Ми рекомендуємо завантажувати зображення високої якості 100% якості. Підтримувані формати файлів зображень веб-сайту: JPG, JPEG, PNG і GIF.
We не зберігайте оригінальні зображення , блогах.
Ідеальний розмір для зображення допису в блозі 1200 пікселів. Якщо ви завантажуєте зображення більшого розміру, ми зменшити розмір їм 1200 пікселів у ширину.
Для оптимальної роботи, максимальна кількість зображень дозволено на Галерея дописів у блозі має 500.
Розміри зображень у фрагментах конструктора сторінок
У нас є різноманітні фрагменти вмісту на основі зображень у перетягуванні творець сторінки. Ідеальні розміри будуть такими, як показано нижче.
Зображення великого розміру буде автоматично зменшено до наступних розмірів, тому вам не потрібно обрізати зображення як такі. Підтримувані формати файлів: JPG, JPEG і PNG.
- Блокувати фонові зображення – Використовуйте ширину 2560 пікселів
- Фрагмент одного зображення – Використовуйте ширину 2560 пікселів
- 2 стовпець Фрагмент зображення – Використовуйте ширину 1200 пікселів
- 3 стовпець Фрагмент зображення – Використовуйте ширину 750 пікселів
- 4 стовпець Фрагмент зображення – Використовуйте ширину 500 пікселів
Команда максимальна підтримувана висота зображення становить 3840 пікселівЯкщо ви завантажуєте зображення, розміри яких перевищують підтримувані, вони будуть автоматично зменшені, зберігаючи при цьому оригінальне співвідношення сторін.
Розміри зображень у Елементах списку Конструктора сторінок
У конструкторі сторінок у нас є такі елементи динамічного списку, як Списки зображень та відгуки куди ви завантажуєте зображення.
У таких розділах розміри зображень залежатимуть від кількості стовпців, які ви додаєте.
- Список окремих зображень – Використовуйте ширину 2560 пікселів
- 2 колонки Список зображень – Використовуйте ширину 1200 пікселів
- 3 колонки Список зображень – Використовуйте ширину 750 пікселів
- Списки зображень із 4 стовпців і менше – Використовуйте ширину 500 пікселів
Максимальний підтримуваний розмір файлу зображення становить 20 MB.
Ідеальний розмір зображення для клієнтських галерей
У разі Галереї клієнтів, ми зберігаємо ваші оригінальні файли.
Базовий план має 3 ГБ, план Creator — 5 ГБ, професійний план — 25 ГБ і розширений план — 100 ГБ місця для збереження оригінальних файлів (для онлайн-доставки).
Якщо вам потрібно більше місця, ви можете застосувати Надбудова Client-Galleries до плану сайту.
У вас буде можливість вибрати з 20 ГБ до необмеженого хмарного сховища для ваших оригінальних зображень відповідно до ваших вимог.
Див також: Що означає місце для оригінальних файлів?
Ми рекомендуємо завантажувати оригінальні зображення високої роздільної здатності 100% якості (розміром до 100 МБ кожне). Ми не торкаємося ваших оригінальних файлів, які будуть доставлені безпосередньо клієнту через безпечне посилання після завершення замовлення. Подивіться, як продавати свої зображення.
Ми створюємо кілька версій веб-розміру, використовуючи оригінальне зображення, яке використовуватиметься для демонстрації оригінальних файлів на вашому веб-сайті. Система також застосовує налаштування стиснення до ваших зображень веб-розміру, створених із ваших оригінальних файлів.
Для оптимальної роботи, максимальна кількість зображень дозволено на Галерея клієнта в альбомі становить 1000Якщо у вас є більше зображень для демонстрації, подумайте створення кількох галерей.
Для зображень, які можна завантажити в цифровому форматі, в розділі «Галереї клієнтів», Pixpa пропонує три варіанти роздільної здатності, окрім Завантаження зображення оригінального розміру:
-
великий: 2560px
-
Medium: 1200px
-
невеликий: 600px
Ідеальний розмір зображення для галереї
Програми галереї дозволяють створювати персоналізовані мобільні галереї для ваших клієнтів, які вони можуть встановити на свої мобільні телефони.
Для мобільних галерей, оскільки менших зображень достатньо, рекомендований розмір зображення 640 пікселів завширшки.
Ідеальний розмір для Gif
Якщо ви додаєте gif-файли в студії Pixpa, gif-файл має бути менше 2560 пікселів у ширину та висоту.
Також кількість кадрів у GIF має бути менше або дорівнювати 60.
Якість зображення та стиснення
Стиснення зображень допомагає знайти правильний баланс між якістю зображення та розміром файлу, що впливає на швидкість завантаження вашого сайту. Ідеальне значення стиснення становить 75% (висока якість). Будь-які зміни в цьому значенні застосовуються до зображень, які завантажуються після внесення цієї зміни.
Ми рекомендуємо завантажувати JPEG зі 100% якістю, оскільки ми застосовуємо стандартне стиснення зображень 75% до всіх завантажених зображень на веб-сайті, однак ви можете легко керувати стисненням зображень із Сторінка налаштувань. Більше значення збільшує розмір зображення та забезпечує кращу якість. Нижче значення прискорює завантаження вашого сайту, оскільки розміри файлів менші.
Колірний профіль зображення
Щоб додати, переконайтеся, що зображення вашого веб-сайту мають кольоровий профіль sRGB, який є стандартним кольоровим профілем візуалізації браузера, і 72 dpi буде більш ніж достатньо для майже всіх дисплеїв браузера.
Див також: Підготовка колірного профілю ваших зображень для отримання найкращих результатів.
Зміна розміру зображення для веб-сайту
Щоб змінити розмір зображень у Photoshop, перейдіть до Зображення -> Розмір зображення. Для Інтернету вам слід встановити роздільну здатність 72 dpi і використовувати ширину 2560 пікселів для розмірів.
Різкість зображення
Можливо, ви захочете використовувати Фільтр Unsharp Mask після зміни розміру ваших зображень, оскільки зміна розміру завжди призводить до певного розмиття. Ви можете дістатися до Фільтр Unsharp Mask у Photoshop, перейшовши в Filter -> Sharpen -> Unsharp Mask.
Масова обробка зображень
Якщо у вас є кілька зображень, які потрібно повернути, змінити розмір або збільшити різкість, ви можете записати дію та використати пакетну команду для обробки всієї папки зображень, не повторюючи ці дії для кожного зображення.
Або ви також можете використовувати стороннє програмне забезпечення щоб масово змінити розмір ваших зображень.