Upiększanie zrzutów ekranu

Jak upiększyć zrzut ekranu

1. Upuść zrzut ekranu na pole, kliknij je, aby wybrać plik, albo po prostu wklej go skrótem Ctrl+V (⌘+V na Macu) zaraz po jego zrobieniu. Przycisk Wklej ze schowka robi to samo tam, gdzie pozwala na to przeglądarka.
2. Wybierz Ramka okna: Okno macOS (czerwony, żółty i zielony przycisk), Okno Windows (minimalizuj, maksymalizuj i zamknij po prawej), Okno przeglądarki (karta, przyciski nawigacji i pasek adresu) lub Bez ramki. Wybierz Motyw ramki – Jasny lub Ciemny – pasujący do zrzutu ekranu.
3. Wpisz Tytuł okna lub adres URL. Pojawi się na pasku tytułu albo – w ramce przeglądarki – na karcie i w pasku adresu (początkowe https:// jest pomijane, tak jak robią to przeglądarki).
4. Wybierz Tło: jeden z gotowych wariantów Gradient, Jednolity kolor, własny Obraz, Rozmyty zrzut ekranu (miękka, rozmyta kopia samego zrzutu) lub Przezroczyste.
5. Dostosuj Margines wewnętrzny, Zaokrąglenie rogów, Wielkość cienia, Przesunięcie cienia i Krycie cienia. Podgląd zmienia się przy każdym ruchu suwaka.
6. Wybierz Proporcje, jeśli obraz trafi w konkretne miejsce, oraz Rozmiar wyjściowy.
7. Kliknij Pobierz PNG albo Kopiuj obraz, aby wkleić wynik prosto do czatu, dokumentu lub slajdu.

Po co oprawiać zrzut ekranu?

Surowy zrzut ekranu ma ostre krawędzie i zlewa się z otaczającą go białą stroną. Umieszczony na kolorowym tle, z odstępem wokół i miękkim cieniem, oddziela się od reszty treści i wygląda jak obiekt: okno, które pokazujesz, a nie fragment strony. Taki wygląd spotkasz w zapowiedziach produktów, listach zmian, dokumentacji, postach w mediach społecznościowych i prezentacjach.

Ramki okien są rysowane przez narzędzie piksel po pikselu, a nie kopiowane z systemu operacyjnego. Dają kontekst (aplikacja desktopowa, strona internetowa) i ukrywają to, że zrzut został przycięty. Do stron internetowych używaj ramki przeglądarki: pokazuje też twój adres URL, co przydaje się w poradnikach.

Proporcje do mediów społecznościowych

Przy Auto (dopasuj do zrzutu ekranu) obraz to dokładnie zrzut ekranu plus margines. Pozostałe opcje powiększają tło tylko w jednym kierunku i utrzymują okno na środku, więc nic nie jest przycinane:

• 16:9 (X / Twitter, YouTube, prezentacje): proporcje, które X wyświetla na osi czasu bez przycinania, i kształt większości prezentacji.
• 1,91:1 (podgląd linku LinkedIn, Facebook): kształt obrazów Open Graph w podglądach linków (1200 × 628 px).
• Kwadrat 1:1 (Instagram) i Pionowe 4:5 (feed Instagrama): dwa kształty, które feed Instagrama pokazuje w całości.
• 9:16 (relacje, rolki) dla formatów pionowych oraz 4:3 (prezentacje) dla starszych szablonów slajdów.

Rozmiar i jakość

Wynik zachowuje pełną rozdzielczość zrzutu ekranu, więc tekst pozostaje ostry. Margines to procent rozmiaru okna, a pasek tytułu, zaokrąglenie rogów i cień skalują się z szerokością zrzutu, więc zrzut z ekranu Retina i mały zrzut wyglądają tak samo. Rozmiar PNG jest podany pod podglądem. Ustaw Rozmiar wyjściowy na 50%, aby uzyskać lżejszy plik, albo na 200%, aby powiększyć mały zrzut. Bardzo duże wyniki są zmniejszane do największego płótna, jakie potrafi utworzyć każda przeglądarka.

PNG jest bezstratny i zachowuje przezroczystość: przy tle Przezroczyste zostaje tylko okno i jego cień, gotowe do umieszczenia na dowolnym projekcie. Wszystko dzieje się w twojej przeglądarce: zrzut ekranu nigdy nie jest przesyłany.