Generator makiet zrzutów ekranu

Surowy zrzut ekranu jest funkcjonalny, ale nijaki. Otoczony paskiem przeglądarki lub ramką okna macOS, z miękkim cieniem i kolorowym tłem, ten sam zrzut wygląda jak gotowa grafika produktowa. To narzędzie bierze obraz, który już masz, i umieszcza go w oknie przeglądarki, oknie macOS lub prostej ramce z zaokrąglonymi rogami, na gradientowym tle, z regulowanym marginesem, promieniem rogów i cieniem, tak aby wynik pasował do prezentacji, postów w social mediach i materiałów prasowych.

Jak zrobić makietę zrzutu ekranu

  1. 1

    Prześlij swój zrzut ekranu

    Dowolny plik PNG, JPG lub WebP do 30 MB, zarejestrowany w dowolnej rozdzielczości. Narzędzie obsługuje obrazy Retina i standardowe.

  2. 2

    Wybierz ramkę

    Okno przeglądarki (z kropkami jak w sygnalizatorze i paskiem adresu), okno macOS (z kropkami jak w sygnalizatorze) lub prosta ramka z samymi zaokrąglonymi rogami.

  3. 3

    Dostosuj tło

    Wybierz kolor tła, który przechodzi w ciepły gradient. Dodaj margines, dostosuj promień rogów oraz włącz lub wyłącz cień.

  4. 4

    Eksportuj

    Pobierz gotową makietę jako PNG do postów w social mediach, slajdów lub materiałów prasowych.

Wybór odpowiedniej ramki i tła

Wybór ramki wskazuje kontekst. Pasek przeglądarki mówi „aplikacja internetowa“. Okno macOS mówi „aplikacja desktopowa“. Prosta ramka utrzymuje uwagę na interfejsie, który ma już własny chrome. Wybierz tę, która pasuje do tego, co pokazujesz.

Przewodnik po ramkach

Ramka Najlepsza do
Okno przeglądarki Funkcje SaaS, strony docelowe, pulpity
Okno macOS Aplikacje desktopowe, edytory, zrzuty z terminala
Prosta Zrzut, który zawiera już własny chrome

Sugerowane rozmiary referencyjne

Narzędzie eksportuje w rozdzielczości Twojego zrzutu. Gdy przycinasz lub zmieniasz rozmiar wyniku pod konkretny kanał, te wymiary są przydatnym punktem odniesienia.

Miejsce docelowe Wymiary (px)
Karta Twitter / X 1600 x 900
Pojedynczy obraz LinkedIn 1200 x 627
Feed Instagrama (poziomo) 1080 x 566
Galeria Product Hunt 1270 x 760
Prezentacja (16:9) 1920 x 1080

Wskazówki stylistyczne

  • Zachowaj subtelny cień. Cień odrywa ramkę od tła; zostaw go włączonego dla głębi lub wyłącz dla płaskiego, minimalistycznego wyglądu.
  • Zachowaj hojny margines. 60-120 px wokół ramki sprawia, że zrzut nie wygląda na ściśnięty.
  • Wybierz tło pasujące do Twojej marki. Wybrany kolor przechodzi w ciepły gradient, więc odcień bliski Twojej marce łączy grafikę z Twoją witryną.
  • Dopasuj ramkę do treści. Pasek przeglądarki wokół aplikacji desktopowej albo okno macOS wokół strony internetowej wygląda niespójnie. W razie wątpliwości użyj prostej ramki.
  • Ukryj dane wrażliwe (adresy e-mail użytkowników, prawdziwe nazwiska, dane rozliczeniowe) przed eksportem. Rozmycie jest łatwiejsze niż konsekwencje prawne.

Najczęściej zadawane pytania

Trzy: okno przeglądarki (kropki jak w sygnalizatorze plus pasek adresu), okno macOS (kropki jak w sygnalizatorze, bez paska adresu) oraz prosta ramka, która jedynie zaokrągla rogi Twojego zrzutu. Ramki są stylizowane, a nie idealnymi odwzorowaniami konkretnego produktu, więc są bezpieczne do zastosowań marketingowych w większości regionów.

Na razie nie. Makieta jest komponowana na gradiencie utworzonym z wybranego przez Ciebie koloru tła, a PNG jest eksportowany z tym wtopionym tłem. Wybierz kolor bliski Twojej marce lub neutralny odcień, jeśli planujesz umieścić obraz na jednolitej powierzchni.

Makieta jest renderowana w wygodnej szerokości roboczej, więc bardzo duże zrzuty są skalowane, aby zmieściły się w ramce. Rejestruj w Retina (2x), aby uzyskać najostrzejszy wynik – wyeksportowany PNG pozostaje ostry na ekranach o wysokiej gęstości.

Nie. Kompozycja odbywa się w oknie roboczym przeglądarki (canvas), a obraz opuszcza Twoje urządzenie dopiero, gdy zapiszesz końcowy plik PNG.

Powiązane narzędzia

Narzędzie jest dostępne w innych językach