Красиви екранни снимки

Как да украсите екранна снимка

1. Пуснете екранна снимка в зоната за плъзгане, щракнете върху нея, за да изберете файл, или просто я поставете с Ctrl+V (⌘+V на Mac) веднага след като я направите. Бутонът Постави от клипборда прави същото там, където браузърът позволява.
2. Изберете Рамка на прозореца: Прозорец на macOS (червеният, жълтият и зеленият бутон), Прозорец на Windows (минимизиране, максимизиране и затваряне отдясно), Прозорец на браузър (раздел, бутони за навигация и адресна лента) или Без рамка. Изберете Тема на рамката, Светла или Тъмна, за да отговаря на екранната снимка.
3. Въведете Заглавие на прозореца или URL. То се появява в заглавната лента, а в рамката на браузъра в раздела и адресната лента (началното https:// се пропуска, както правят браузърите).
4. Изберете Фон: един от готовите Градиент, Плътен цвят, свое Изображение, Размазана екранна снимка (мека, размазана копия на самата снимка) или Прозрачен.
5. Настройте Отстъп, Радиус на ъглите, Размер на сянката, Отместване на сянката и Непрозрачност на сянката. Прегледът се обновява, докато местите всеки плъзгач.
6. Изберете Съотношение на страните, ако изображението е за конкретно място, и Изходен размер.
7. Щракнете върху Изтегли PNG или Копирай изображението, за да поставите резултата направо в чат, документ или слайд.

Защо да поставите екранната снимка в рамка?

Суровата екранна снимка има остри ръбове и се слива с бялата страница около нея. Поставена върху цветен фон, с пространство около нея и мека сянка, тя се отделя от съдържанието наоколо и се възприема като предмет: прозорец, който показвате, а не част от страницата. Това е видът, използван при представяне на продукти, списъци с промени, документация, публикации и презентации.

Рамките на прозорците се рисуват от инструмента пиксел по пиксел, а не се копират от операционна система. Те дават контекст (настолно приложение, уебсайт) и скриват факта, че снимката е изрязана. Използвайте рамката на браузър за уеб страници: тя показва и вашия URL, което е полезно в уроци.

Съотношения на страните за социални мрежи

При Автоматично (по екранната снимка) картината е точно екранната снимка плюс отстъпа ѝ. Другите настройки правят фона по-голям само в едната посока и държат прозореца в центъра, така че нищо не се отрязва:

• 16:9 (X / Twitter, YouTube, презентации): съотношението, което X показва без изрязване във времевата линия, и формата на повечето презентации.
• 1,91:1 (LinkedIn, визуализация на линк във Facebook): формата на изображенията за линкове по Open Graph (1200 × 628 px).
• Квадрат 1:1 (Instagram) и Портрет 4:5 (Instagram): двата формата, които лентата на Instagram показва изцяло.
• 9:16 (Stories, Reels) за вертикални формати и 4:3 (презентации) за по-стари шаблони за слайдове.

Размери и качество

Резултатът запазва пълната резолюция на екранната снимка, така че текстът остава ясен. Отстъпът е процент от размера на прозореца, а заглавната лента, радиусът на ъглите и сянката се мащабират според ширината на екранната снимка, така че снимка от Retina екран и малка снимка получават еднакъв вид. Размерът на PNG се показва под прегледа. Задайте Изходен размер на 50% за по-лек файл или на 200%, за да уголемите малка снимка. Много големите резултати се свеждат до най-големия canvas, който всеки браузър може да създаде.

PNG е без загуби и запазва прозрачността: при Прозрачен фон остават само прозорецът и сянката му, готови за поставяне върху всякакъв дизайн. Всичко става във вашия браузър: екранната снимка никога не се качва на сървър.