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
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
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
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
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
Próbnik kolorów Material Design
Przeglądaj paletę kolorów Material Design. Kopiuj dowolny odcień (od 50 do A700) w formacie HEX, RGB lub HSL jednym dotknięciem.
Generator papieru w kratkę
Twórz papier w kratkę do druku online: wybierz siatkę lub kropki, ustaw odstęp w mm, wybierz A4 lub Letter oraz własny kolor linii, a następnie wydrukuj lub pobierz czytelny plik SVG.
Kreator flag
Zaprojektuj w przeglądarce prostą własną flagę 3:2 z sześcioma układami, kolorami, tekstem i symbolem. Pobierz SVG lub PNG albo otwórz okno drukowania przeglądarki.
Generator napisów graffiti
Twórz napisy graffiti w stylu tag, bubble, block, stencil, neon i wild. Dobierz kolory i wyeksportuj PNG lub SVG bezpośrednio w przeglądarce.
Kreator wzorów haftu krzyżykowego
Zamień plik JPEG, PNG lub WebP w schemat haftu krzyżykowego: 10–150 krzyżyków, 2–40 własnych kolorów, symbole, dokładne liczby ściegów i wymiary kanwy.
Generator papieru w linie
Twórz papier w linie do druku za darmo. Wybierz linie szerokie, standardowe lub wąskie, ustaw odstęp między liniami w mm, format strony i linię marginesu, a następnie wydrukuj lub pobierz plik SVG.
Narzędzie jest dostępne w innych językach
- Generador de maquetas de captura de pantalla [ES]
- Générateur de maquettes d'écran [FR]
- Generator Mockup Tangkapan Layar [ID]
- Mockup-generator för skärmdumpar [SV]
- مولد نماذج لقطات الشاشة [AR]
- スクリーンショットモックアップ生成ツール [JA]
- 스크린샷 목업 생성기 [KO]
- Screenshot-mockupgenerator [NL]
- Trình tạo mẫu ảnh chụp màn hình [VI]
- เครื่องสร้างภาพจำลองสกรีนช็อต [TH]
- Gerador de Mockup de Captura de Tela [PT]
- Screenshot-Mockup-Generator [DE]
- Генератор макетов скриншотов [RU]
- Ekran Görüntüsü Mockup Oluşturucu [TR]
- 截图样机生成器 [ZH]
- Screenshot Mockup Generator [EN]
- Generatore di Mockup Screenshot [IT]