IT Image Tools

Прикрашання скриншотів — додавайте фони, тіні та рамки вікон

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

🔒 Працює повністю у вашому браузері — нічого не завантажується

Drop a screenshot here, click to browse, or paste with Ctrl+V / ⌘V

Advertisement

Перетворюйте звичайні скриншоти на зображення, якими хочеться поділитися

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

Рамки вікон, співвідношення сторін і водяні знаки

Необов'язкове оформлення вікна допомагає з першого погляду впізнати в обрізаному скриншоті застосунок чи вебсайт. Рамка вікна macOS додає знайомий заголовок із червоною, жовтою та зеленою кнопками, рамка вікна браузера додає адресний рядок із вибраним вами текстом, а темне вікно пасує для скриншотів терміналу чи коду. Готові розміри полотна розширюють фон до точних пропорцій — 16:9, 4:3, 1:1, вертикальні 4:5, 9:16 для сторіз, а також розміри для публікацій у Twitter / X і LinkedIn — при цьому скриншот залишається по центру й ніколи не обрізається. Відступи, радіус кутів і тінь масштабуються відповідно до роздільної здатності скриншота, тож ті самі налаштування однаково виглядають на малих і великих зображеннях. Унизу можна додати короткий водяний знак, наприклад ваш нікнейм чи адресу сайту.

Чіткий експорт, повна приватність

Експорт рендериться з вихідних пікселів скриншота, а не з попереднього перегляду. Виберіть 1×, щоб зберегти рідний розмір, або 2× для особливо чітких результатів на retina-дисплеях; дуже великі полотна автоматично обмежуються тим, що здатні обробити браузери. Результат — PNG, тому текст на скриншоті залишається чітким без артефактів стиснення. Уся композиція відбувається локально за допомогою Canvas API — скриншоти часто містять приватні повідомлення, дашборди чи дані клієнтів, і вони ніколи не завантажуються на сервер.

Як користуватися

  1. Додайте скриншотПеретягніть, виберіть файл або вставте скриншот із буфера обміну.
  2. Виберіть фонВиберіть градієнт, суцільний колір, власне зображення або прозорість.
  3. Оформіть вікноНалаштуйте відступи, заокруглені кути, тінь, рамку вікна й розмір полотна та за бажання додайте водяний знак.
  4. ЕкспортуйтеЗавантажте PNG у роздільній здатності 1× або 2×.

Часті запитання

Чи завантажується мій скриншот на сервер?
Ні. Скриншот, фон і рамка компонуються на полотні (canvas) у вашому браузері. Ніщо не залишає ваш пристрій.
Чи можна вставити скриншот безпосередньо?
Так. Скопіюйте скриншот у буфер обміну й натисніть Ctrl+V (або ⌘V на Mac) будь-де на сторінці поза текстовим полем.
Що означають 1× і 2×?
1× зберігає скриншот у його вихідному розмірі в пікселях. 2× подвоює кожен вимір, що виглядає чіткіше на дисплеях високої щільності (retina) і в стрічках соцмереж, які зменшують зображення.
Який розмір полотна використовувати для соцмереж?
Використовуйте 16:9 або шаблон Twitter / X для публікацій в X, шаблон LinkedIn для публікацій із посиланням, 1:1 або 4:5 для Instagram і 9:16 для сторіз. Режим Auto просто обгортає скриншот відступами.
Advertisement