Створіть шпалери для екрана певного розміру або почніть із готової роздільної здатності й налаштуйте дизайн. Попередній перегляд невеликий; зображення в повному розмірі створюється після натискання «Завантажити зображення», тож перед експортом виберіть розміри й шари.
Усі зображення створюються локально у вашому браузері. Текст залишається звичайним локальним текстом, відображеним системним шрифтом; завантаження файлів, зовнішні зображення й віддалені шрифти не використовуються.
Як користуватися конструктором шпалер
- Виберіть готовий варіант у розділі «Роздільна здатність виводу» — наприклад, 1920x1080, 1080x1920 або 1080x1080 — або виберіть «Власний розмір» і введіть значення в поля «Ширина виводу (пікселі)» та «Висота виводу (пікселі)».
- Задайте «Основний колір», а потім виберіть тип заливки тла: суцільну, лінійну або радіальну. Для градієнта налаштуйте «Кут градієнта (градуси)» або виберіть готовий варіант «Море» чи «Сутінки». Натискайте «Додати перехід» і «Видалити перехід», щоб редагувати точки градієнта.
- Щоб додати текстуру, увімкніть «Додати шар візерунка» й виберіть тип візерунка: крапки, смуги, сітка, діагональні лінії, хвилі або плитка. За потреби налаштуйте «Розмір візерунка (пікселі виводу)», «Інтервал (пікселі)», «Товщина лінії (пікселі)», «Обертання (градуси)» та «Зсув візерунка (пікселі)».
- Щоб додати напис, увімкніть «Додати текстовий шар», введіть текст шпалер (лише локально), а потім виберіть його колір, системний шрифт, розмір (пікселі) та вирівнювання. Задайте значення «Текст X (%)» і «Текст Y (%)», щоб розмістити напис.
- За допомогою параметра «Декоративні кола (0–12)» додайте фігури. Виберіть формат зображення — PNG, JPG або WEBP — і натисніть «Завантажити зображення», щоб створити й зберегти шпалери в повному розмірі. Також доступні функції «Створити варіант за початковим значенням» і «Копіювати CSS базового градієнта».
Натисніть «На весь екран», щоб збільшити зображення. Натисніть F, щоб перейти в повноекранний режим, Escape — щоб вийти з нього, а R — щоб скинути налаштування. У повноекранному режимі доступні кнопки «Вийти з повноекранного режиму», «Приховати елементи керування» та «Вийти».
Коли стане в пригоді
- Щоб підігнати шпалери під конкретний екран: задайте власні ширину й висоту або виберіть готовий розмір для екрана комп’ютера чи телефона.
- Щоб створити вертикальне тло для телефона: почніть із розміру 1080x1920, а потім розмістіть короткий напис за допомогою параметрів «Текст X (%)» і «Текст Y (%)».
- Щоб створити просте тло для комп’ютера: виберіть суцільну заливку або лінійний градієнт для лаконічного фону без додаткових зображень.
- Щоб додати візуальну текстуру: увімкніть шар візерунка, якщо однотонне тло здається надто порожнім, і налаштуйте його інтервал або розмір.
- Щоб створити тло для короткого повідомлення: додайте локальний текстовий шар і задайте його вирівнювання, шрифт, розмір, колір і розташування.
- Щоб спробувати різні поєднання кольорів: змініть основний колір, параметри градієнта й візерунка перед завантаженням готового зображення.
- Щоб створити градієнтну основу для повторного використання: скопіюйте CSS базового градієнта, якщо вам потрібен лише градієнт; візерунки, текст і фігури до нього не входять.
Поради для кращих шпалер
Зробіть дизайн читабельним у тому розмірі, у якому плануєте його використовувати. Вирівнювання й розташування тексту допоможуть залишити вільне місце для піктограм, а стриманий візерунок додасть деталей, не перевантажуючи тло. У конструкторі шпалер також є готові варіанти градієнта «Море» та «Сутінки», з яких зручно почати.
Для точного розташування скористайтеся параметрами «Текст X (%)» і «Текст Y (%)», а після вибору розмірів зображення налаштуйте «Розмір тексту (пікселі)». Однакове розташування точок градієнта створює чіткі межі, тож розведіть їх, якщо хочете плавнішого переходу. Скористайтеся функцією «Створити варіант за початковим значенням», щоб згенерувати варіант із заданим початковим значенням, або скопіюйте CSS базового градієнта, щоб отримати опис основного градієнта.
Обмеження та відомості про результат
Попередній перегляд не відображає зображення в повній роздільній здатності: повне зображення створюється лише після натискання «Завантажити зображення». Максимальний розмір виводу — 33 177 600 пікселів, а можливість створення зображення у форматі 8K залежить від вашого пристрою. Якщо створення особливо великого зображення триває довго або не завершується, спробуйте зменшити роздільну здатність.
Формати JPG і WEBP можуть змінювати значення пікселів, тому вибирайте PNG, якщо важливо зберегти вихідні значення. Функція «Копіювати CSS базового градієнта» описує лише основний градієнт і не містить шару візерунка, тексту чи декоративних фігур. З цієї ж причини відтворити шпалери з додатковими шарами лише за допомогою цього CSS не вдасться.
Це інструмент для створення тла й шпалер, а не фоторедактор: текст відображається системними шрифтами, а завантажені зображення й віддалені шрифти не використовуються. Щоб створити просте однотонне тло, скористайтеся генератором суцільного кольорового тла.
