Бесплатно · без регистрации · фон, тень, скругление

Красивый скриншот

Преврати обычный скриншот в аккуратную картинку для поста, презентации или README: добавь градиентный фон, мягкую тень, скругление углов и воздух вокруг. Пресеты размеров под соцсети и живой предпросмотр — видно результат сразу в браузере.

Загрузка инструмента...

Фон: градиент, цвет, размытие

Готовые пресеты градиентов, сплошной цвет, размытая копия скриншота или прозрачный фон.

Мягкая тень

Тень под картинкой — мягкая, средняя или жёсткая — добавляет глубину и приподнимает скриншот.

Скругление углов

Скругляй углы скриншота и настраивай отступ (воздух) вокруг — картинка смотрится аккуратно.

Пресеты под соцсети

Холст под пост 1:1, Stories 9:16, Twitter 16:9 или авто — под нужную площадку в один клик.

Живой предпросмотр

Видно результат сразу в браузере — меняй фон, тень и размер и смотри итог в реальном времени.

Приватность

Всё обрабатывается в браузере — файл не загружается на сервер и не сохраняется.

Как оформить красивый скриншот — 3 шага

1
Загрузи скриншот

Перетащи скриншот или фото в окно инструмента. Появится живой предпросмотр — сразу видно, как картинка будет выглядеть с фоном и тенью.

2
Выбери фон, тень и размер

Возьми готовый градиент, сплошной цвет, размытую копию скриншота или прозрачный фон. Настрой мягкость тени, скругление углов и отступ. Выбери холст под площадку: пост 1:1, Stories 9:16, Twitter 16:9 или авто.

3
Скачай результат

Нажми «Скачать» — оформленный скриншот сохранится готовой картинкой в нужном размере, с фоном, тенью и скруглением.

Вопросы об оформлении скриншотов

Да, полностью бесплатно и без регистрации. Оформляй сколько угодно скриншотов, без водяных знаков и лимитов на количество.

Нет. Оформление скриншота происходит прямо в браузере — файл не загружается на сервер, не сохраняется и не логируется. Как только вы закрываете вкладку, ничего не остаётся.

Да. Есть готовые пресеты холста: квадратный пост 1:1 (Instagram, ВКонтакте), Stories 9:16 (вертикаль для историй), Twitter/X 16:9 (горизонталь для ленты) и «Авто» — холст подстраивается под сам скриншот с добавлением отступов.

Это плавный переход между цветами позади скриншота — самый популярный способ сделать картинку заметной в ленте. У нас есть готовые пресеты градиентов; кроме них можно взять сплошной цвет, размытую копию самого скриншота (фон «в тон» картинки) или прозрачный фон.

Тень визуально «приподнимает» скриншот над фоном, добавляет глубину и делает картинку аккуратной — как на дизайнерских презентациях. Скругление углов убирает резкие прямые края и смотрится современнее. Вместе с отступом (воздухом вокруг) это превращает сырой скрин в оформленную карточку.

Да. Инструмент работает с любой картинкой — фото, скрин экрана, изображение кода или дизайна. Загружайте что угодно, добавляйте фон, тень и скругление так же, как для скриншота.

Нет, это упрощённая версия без device-рамок (окон MacBook, iPhone, браузера). Здесь только фон, тень, скругление и отступ — быстрый способ оформить картинку без лишних деталей. Если нужна именно рамка вокруг фото, посмотрите инструмент «Рамка на фото».

Оформленный скриншот скачивается как обычная растровая картинка (PNG), которую можно сразу вставить в пост, презентацию, README или отправить в мессенджере. Прозрачный фон при выборе соответствующей опции сохраняется.

Это только один из инструментов Gobanana

Под капотом — полноценный ИИ-редактор: нейрофотосессии, карточки для Wildberries и Ozon, замена фона, реставрация старых снимков — текстовой командой на русском, за 30 секунд.

Бесплатно · без установки · 3 генерации в подарок при регистрации

Зачем оформлять скриншот

Сырой скриншот — это просто прямоугольник с резкими краями и часто невзрачным фоном. В ленте соцсети, в презентации или в README на GitHub он теряется. Оформление решает это: фон, тень, скругление углов и немного воздуха вокруг превращают технический скрин в аккуратную картинку, на которую хочется смотреть. Всё делается прямо в браузере, файл никуда не загружается.

Кому это нужно:

  • SMM и контент — оформить скрин переписки, статистики или экрана приложения для поста, чтобы он выделялся в ленте.
  • Разработчики — красиво показать фрагмент кода, интерфейс или дашборд в README, презентации или треде в Twitter/X.
  • Продавцы и поддержка — аккуратно оформить скрин с инструкцией, отзывом или подтверждением заказа.

Какой фон выбрать

Фон — главный элемент оформления. Он задаёт настроение картинки и помогает скриншоту не сливаться с белым фоном ленты.

Вариант фонаКогда какой
Градиент (пресеты)Универсальный выбор для соцсетей — яркий плавный переход делает картинку заметной. Готовые пресеты подобраны, чтобы сочетаться с любым скриншотом.
Сплошной цветКогда нужен спокойный однотонный фон под фирменный стиль или минималистичную презентацию.
Размытая копия скриншотаФон «в тон» самой картинки: берётся сам скриншот, сильно размывается и ставится позади — цвета всегда совпадают. Хорошо для фото и цветных интерфейсов.
ПрозрачныйКогда картинку будут вставлять на свой фон — в презентацию, на сайт или в другой макет. Сохраняется прозрачность (PNG).

Пресеты размеров под площадки

Каждая площадка любит свой формат холста. Выбери пресет — и скриншот встанет по центру с отступами под нужное соотношение сторон.

ПресетСоотношениеКуда
Пост 1:1КвадратInstagram, ВКонтакте, лента — квадратный пост
Stories 9:16ВертикальStories, Reels, вертикальные истории
Twitter/X 16:9ГоризонтальТреды и посты в Twitter/X, превью в ленте
АвтоПо скриншотуХолст подстраивается под сам скрин + отступы — без обрезки

Тень, скругление и отступ

Три детали, которые отличают «скрин на скорую руку» от оформленной карточки:

  • Тень — мягкая, средняя или жёсткая. Приподнимает скриншот над фоном и добавляет глубину. Мягкая тень выглядит естественно, жёсткая — более графично.
  • Скругление углов — убирает резкие прямые углы, картинка смотрится современнее и дружелюбнее.
  • Отступ (воздух) — расстояние между скриншотом и краем холста. Немного воздуха вокруг всегда выглядит дороже, чем скрин впритык к краям.

Сценарии: что и как оформить

СценарийКак настроить
Оформить скрин для поста в Twitter/XХолст Twitter 16:9, градиентный фон, средняя тень, небольшое скругление — картинка ровно встаёт в превью ленты.
Красивый скриншот кода для READMEХолст «Авто» или 16:9, спокойный градиент или сплошной тёмный цвет, мягкая тень, скругление — фрагмент кода читается и выглядит аккуратно.
Скрин экрана для презентацииСплошной фон под фирменный стиль, мягкая тень, средний отступ — скрин интерфейса вписывается в слайд.
Пост в Instagram/ВКонтактеПресет 1:1, яркий градиент или размытая копия скриншота, скругление углов — заметная квадратная карточка для ленты.
Вертикальная историяПресет Stories 9:16, градиент, скриншот по центру с воздухом сверху и снизу.

Чем это отличается от рамок устройств

Это упрощённая версия оформления: здесь только фон, тень, скругление и отступ. Мы намеренно не добавляем рамки телефона, ноутбука или окна браузера (device-frames) — так оформление занимает секунды и не отвлекает от самого скриншота. Если нужна именно рамка вокруг картинки — загляните в инструмент «Рамка на фото».

Что дальше

  • Нужна рамка вокруг фото вместо фона с тенью — используй инструмент «Рамка на фото».
  • Готовишь квадратную карточку под ленту — быстро приведи картинку к формату в инструменте «Фото в квадрат».
  • Хочешь подписать скриншот заголовком или пометкой — добавь текст в инструменте «Текст на фото».
  • Защищаешь свой скрин от копирования — поставь водяной знак.