Как красиво оформить скриншот: фон, рамка и размер
Команда Gizke · Опубликовано · Время чтения: 1 минута
Обычный скриншот рядом с аккуратными картинками продуктов выглядит незаконченным. Помогают четыре вещи: щедрые отступы, фон не белого цвета, скруглённые углы с мягкой тенью и правильный размер холста под место публикации. Бесплатный инструмент Gizke для оформления скриншотов делает всё это в браузере - вставьте по Ctrl+V и скачайте чёткий PNG.
На этой странице
Что делает скриншот аккуратным
- Отступы. Дайте скриншоту воздуха - примерно 6-10 % его ширины с каждой стороны. Именно тесные края сильнее всего делают картинку «сырой».
- Фон. Мягкий градиент, фирменный цвет или размытая копия самого скриншота отделяют его от белых лент и слайдов.
- Углы и тень. Скруглённые углы (8-16 px) и мягкая тень превращают скриншот в окно, парящее над фоном.
- Рамка, если она к месту. Рамка браузера с вашим адресом говорит «это сайт». Для приложений в тёмной теме берите тёмный браузер или тёмное окно.
Правильный размер для каждой площадки
- X (Twitter): 1600 × 900 (16:9) показывается в ленте целиком.
- Посты LinkedIn и превью ссылок: 1200 × 627, для изображений Open Graph - 1200 × 630.
- Instagram: квадрат 1080 × 1080 или вертикальный 1080 × 1350, который занимает больше места в ленте.
- Сторис и Reels: 1080 × 1920.
- Галерея Product Hunt: 1270 × 760.
Выберите площадку в разделе Размер - PNG получится ровно таких пикселей, скриншот по центру, ничего не обрезано.
Пошагово
- Сделайте скриншот (Windows: Win+Shift+S, Mac: Cmd+Shift+4) и вставьте его по Ctrl+V в инструмент.
- Выберите фон: градиент, сплошной цвет, размытый скриншот или прозрачный.
- Настройте отступы и скругление, выберите тень и при желании рамку браузера с вашим адресом.
- Выберите размер площадки или оставьте свободный и экспортируйте в 2× для чёткого текста на экранах высокой чёткости.
- Скачайте PNG или скопируйте и вставьте прямо в пост.
Сначала скройте личное
На скриншотах часто видны почта, имена или номера, которыми вы не собирались делиться. Закройте их инструментом размытия до оформления, а несколько скриншотов рядом соберите в коллаже.
Частые вопросы
Какого размера делать скриншот для X или LinkedIn?
Для X размер 1600 × 900 (16:9) показывается в ленте без обрезки. Для LinkedIn и превью ссылок подходит 1200 × 627 или 1200 × 630. Instagram использует 1080 × 1080 или 1080 × 1350, сторис - 1080 × 1920.
Скриншот куда-то загружается?
Нет. Инструмент Gizke рисует всё на canvas в браузере и сохраняет PNG прямо на устройство или в буфер обмена.
Нужен ли прозрачный фон?
Прозрачный подходит, если картинка пойдёт на слайд или страницу со своим фоном. В соцсетях градиент или фон из размытого скриншота заметнее в ленте.