CodeKitHubCzym jest to narzędzie?
Generator Facebook Story odtwarza pionowy, pełnoekranowy wygląd prawdziwej Facebook Story — obrączkę wokół profilu, imię i znacznik czasu u góry, zdjęcie tła lub gradient, pogrubiony tekst na obrazie oraz pasek odpowiedzi na dole.
Nigdy nie wolno go używać do fabrykowania fałszywych dowodów, nękania lub zniesławiania kogoś, ani do podszywania się pod rzeczywiste posty czy Story konkretnej osoby — w zależności od jurysdykcji może to być niezgodne z prawem.
Wszystko jest generowane lokalnie w Twojej przeglądarce za pomocą HTML Canvas API — nic nigdy nie trafia na żaden serwer.
Dlaczego warto go używać?
- Przygotowujesz slajd na kurs social media marketingu o formacie Story i chcesz pokazać czysty przykład wizualny, bez robienia zrzutu ekranu z prawdziwej Story innej osoby.
- Klient chce z góry zobaczyć, jak będzie wyglądał tekst nałożony na jego kolejną promocyjną Story, zanim jeszcze nakręci wideo albo wybierze ostateczne zdjęcie.
- Tworzysz mema w formacie Story, bo pionowy, pełnoekranowy format sprawia, że żart trafia szybciej niż w zwykłym poście.
- Freelancer-projektant chce dodać do portfolio przykład interfejsu Story w stylu Facebooka, bez użycia prawdziwych treści żadnego klienta.
- Tłumaczysz uczniowi różnicę między zwykłym postem a Story i potrzebujesz wizualnego przykładu pionowego formatu zamiast opisywania go wyłącznie słowami.
Jak używać
- Ustaw imię, znacznik czasu i kolor awatara (albo wgraj zdjęcie).
- Wybierz gradient tła lub wgraj własny obraz.
- Wpisz tekst, który pojawi się blisko dolnej krawędzi Story.
- Obserwuj, jak podgląd na żywo aktualizuje się w pionie, a następnie kliknij "Download PNG", by zapisać obraz.
Przykład
Wejście
Imię: „Sam Whitfield” · Czas: „4h” · Tło: gradient od niebieskiego do różowego · Tekst: „Sunday morning coffee ☕”Wynik
Obraz PNG 360×640 stylizowany na prawdziwą Facebook Story: awatar z obrączką profilu, imię i znacznik czasu, tło z gradientem na całą powierzchnię, pogrubiony wyśrodkowany tekst i pasek odpowiedzi z ikoną serca na dole.Obraz rysuje się natychmiast na płótnie podglądu na żywo i pobiera się jednym kliknięciem — bez czekania, bez łączenia się z serwerem.
Co możesz dostosować
- Imię profilu, znacznik czasu oraz kolor lub zdjęcie awatara.
- Tło: dwukolorowy gradient lub wgrany obraz.
- Pogrubiony tekst wyświetlany blisko dolnej krawędzi Story.
- Szczegóły układu odpowiadające prawdziwemu stylowi wizualnemu Facebook Story.
Odpowiedzialne korzystanie
Ten generator powstał po to, by ułatwić tworzenie wyraźnie fikcyjnych obrazów mockup do celów humorystycznych, opowiadania historii i pracy projektowej. Jeśli udostępniasz obraz stworzony tym narzędziem, rozważ dodanie kontekstu, aby widzowie wiedzieli, że to nie jest prawdziwa Story.
Dlaczego pionowy format ma znaczenie w makiecie Story
W przeciwieństwie do zwykłego posta w kanale, Story zajmuje cały ekran telefonu w pionie — to całkowicie zmienia sposób, w jaki tekst i obrazy są odbierane w porównaniu z formatem poziomym lub kwadratowym. Realistyczna makieta musi zachować te proporcje (9:16), by prawidłowo oddać, jak naprawdę wygląda oglądanie na telefonie.
Dlatego narzędzie nie pozwala dowolnie zmieniać rozmiaru płótna: stałe proporcje 360×640 gwarantują, że każdy element — obrączka profilu, tekst na obrazie, pasek odpowiedzi — pozostaje tam, gdzie spodziewałby się go użytkownik przewijający Story na swoim telefonie.
Najczęściej zadawane pytania
Czy korzystanie z tego narzędzia jest legalne i etyczne?
Samo narzędzie jest całkowicie legalne do celów rozrywkowych, mockupów, prezentacji i pracy projektowej. To, co nie jest legalne ani etyczne, to wykorzystanie wygenerowanego obrazu do oszukania kogoś. Używaj go wyłącznie do wyraźnie fikcyjnych lub ilustracyjnych celów.
Czy narzędzie gdziekolwiek wysyła moje treści?
Nie. Wszystko, co wpiszesz lub wgrasz, pozostaje w pamięci Twojej przeglądarki i jest rysowane bezpośrednio na elemencie canvas za pomocą JavaScriptu. Plik PNG jest tworzony i pobierany na Twoim urządzeniu — nic nigdy nie trafia na serwer.
Czy mogę wgrać własne zdjęcie jako tło Story?
Tak — kliknij link do wgrywania pod "Video background", aby zamiast gradientu użyć własnego obrazu jako tła na całą powierzchnię.
W jakim rozmiarze eksportowany jest obraz?
Eksportowany plik PNG ma rozmiar 360×640, co odpowiada pionowym proporcjom 9:16 stosowanym w prawdziwych Facebook Story.
Czy powinienem użyć tego generatora, czy jednego z innych generatorów mockupów Facebooka?
Jeśli tworzysz pełnoekranową, pionową Story, użyj tego generatora. Jeśli potrzebujesz zamiast tego wątku komentarzy, użyj Facebook Comment Generator; jeśli potrzebujesz całej strony profilu ze zdjęciem w tle i biografią, użyj Facebook Profile Generator.
Czy mogę dodać kilka linijek tekstu na obrazie, czy tylko jedną?
Pole tekstowe przyjmuje wpisaną treść dokładnie tak, jak ją wpiszesz, wraz z ewentualnymi podziałami wiersza — układ jest zoptymalizowany pod krótkie zdanie lub dwie wyśrodkowane linijki, zgodnie z tym, jak tekst zwykle wygląda na prawdziwej Story.
Czy licznik "4h" z przykładu oznacza, że Story naprawdę zniknie po 4 godzinach?
Nie — to tylko statyczny tekst imitujący etykietę czasu, jaką Facebook pokazuje na prawdziwych Story (które faktycznie znikają po 24 godzinach na platformie). Obraz pobrany z tego narzędzia to zwykły, nieruchomy plik PNG bez żadnego terminu ważności ani dynamicznego zachowania.
Czy mogę użyć wygenerowanego obrazu jako prawdziwej treści do publikacji na mojej Facebook Story?
Technicznie tak, bo otrzymujesz zwykły, pobieralny plik PNG, ale narzędzie jest pomyślane do tworzenia makiet i przykładów ilustracyjnych, a nie treści udających prawdziwą aktywność na platformie — używaj go tak, by odbiorca rozumiał kontekst.
Czy muszę koniecznie wybrać gradient, czy mogę zostawić proste, jednolite tło?
Możesz wybrać dowolną kombinację kolorów dostępną w selektorze gradientu albo wgrać cały obraz — nie ma opcji jednolitego tła, ponieważ prawdziwe Facebook Story niemal zawsze pokazują pełnoekranowe zdjęcie lub wideo.