CodeKitHub
Narzędzia generujące

Generator Czatu Messenger

Ostatnia aktualizacja:

Stwórz fałszywy zrzut ekranu konwersacji Facebook Messenger w przeglądarce — wpisz wiadomości dla obu stron, przełączaj się między jasnym a ciemnym motywem, ustaw znaczniki czasu i potwierdzenia odczytania, prześlij prawdziwe zdjęcie lub wybierz kolor awatara, a następnie pobierz gotowy obraz jako PNG. Wszystko jest rysowane lokalnie na płótnie (canvas); nic nigdy nie jest przesyłane na serwer. To narzędzie służy do rozrywki, memów, prezentacji, prototypowania UI/UX i treści społecznościowych — nie do tworzenia fałszywych dowodów ani podszywania się pod prawdziwe osoby.

⚠️ Wyłącznie do rozrywki i makiet projektowych

To narzędzie generuje fikcyjne zrzuty ekranu czatu, przeznaczone wyłącznie do rozrywki, memów, prezentacji, prototypów UI/UX i treści na media społecznościowe. Surowo zabrania się używania go do fabrykowania fałszywych dowodów, nękania lub zniesławiania kogoś, ani do podszywania się pod prawdziwe wiadomości realnej osoby — w zależności od jurysdykcji może to być nielegalne. Wszystko jest generowane lokalnie w Twojej przeglądarce; nic nie jest wysyłane na serwer.

Kontakt i pasek stanu

Wiadomości

Czym jest to narzędzie?

Generator Czatu Messenger to działające w przeglądarce narzędzie do tworzenia makiet, które odtwarza interfejs Facebook Messenger — charakterystyczne niebieskie dymki wychodzących wiadomości z zaokrąglonymi rogami, pasek nagłówka z nazwą kontaktu i informacją o statusie aktywności oraz pasek stanu telefonu — dzięki czemu możesz wpisać własną rozmowę i wyeksportować ją jako obraz do udostępnienia.

Wychodzące dymki w Messengerze mają charakterystyczny jednolity niebieski kolor, a ten generator domyślnie odwzorowuje ten wygląd, natomiast przełącznik motywu jasny/ciemny dopasowuje otoczenie interfejsu do jednego z dwóch trybów wyświetlania Messengera.

Wyłącznie do celów rozrywkowych i projektowych: to narzędzie jest przeznaczone do żartów, memów, scenek, slajdów prezentacji, prototypów UI/UX oraz treści w mediach społecznościowych. Nigdy nie wolno go używać do fabrykowania fałszywych dowodów, nękania lub zniesławiania kogoś, ani do podszywania się pod prawdziwe wiadomości danej osoby — może to być nielegalne w zależności od jurysdykcji i stanowczo narusza przeznaczenie tego narzędzia.

Nic, co wpiszesz, nigdy nie opuszcza Twojego urządzenia — cała konwersacja jest renderowana za pomocą HTML Canvas API bezpośrednio w przeglądarce, a plik PNG jest generowany i pobierany lokalnie. Nie ma przesyłania na serwer, konta ani śledzenia treści Twoich wiadomości.

Dlaczego warto go używać?

  • Montujesz zabawny filmik, w którym dwoje znajomych wymienia absurdalne wiadomości — piszesz obie kwestie, eksportujesz PNG i wklejasz jako klatkę do montażu, bez wysyłania tych wiadomości do kogokolwiek.
  • Klient poprosił o makietę tego, jak wyglądałoby powiadomienie push w Messengerze — budujesz konwersację z dokładnym znacznikiem czasu i statusem odczytania, który chcesz pokazać na slajdzie.
  • Piszesz scenariusz lub komiks, w którym postać sprawdza telefon — generujesz zrzut w ciemnym motywie do nocnej sceny i w jasnym do dziennej.
  • Musisz pokazać w poradniku UX, jak wygląda status "Odczytano" w porównaniu do nieodczytanej wiadomości — tworzysz dwa warianty tej samej konwersacji, zmieniając tylko status ostatniej wiadomości.
  • Chcesz sprawdzić, jak Twoja nazwa użytkownika wygląda z przesłanym awatarem zamiast zwykłego kółka z inicjałami — wgrywasz próbne zdjęcie i od razu widzisz przycięcie do koła w podglądzie.
  • Przygotowujesz treść do posta "czego NIE robić na czacie" i potrzebujesz fikcyjnego, ale realistycznego przykładu — piszesz konwersację, dodajesz dopisek "makieta" w podpisie i pobierasz PNG.

Jak używać

  1. Ustaw nazwę kontaktu, tekst statusu (np. "Aktywny/a teraz") i wybierz ciemny lub jasny motyw.
  2. Prześlij zdjęcie do awatara lub pozostaw kolorowe kółko z inicjałami.
  3. Dodaj wiersze wiadomości: wpisz tekst, wybierz stronę (oni/ja) i znacznik czasu.
  4. Dla własnych wiadomości wybierz status potwierdzenia odczytania.
  5. Dostosuj pasek stanu (godzina, bateria, sygnał) według uznania.
  6. Obserwuj podgląd w kształcie telefonu aktualizujący się na żywo, a następnie kliknij "Pobierz PNG", aby zapisać obraz.

Przykład

Wejście

Kontakt: "Alex" · Status: "Aktywny teraz" · Wiadomość 1 (oni): "Nadal się widzimy dziś wieczorem?" · Wiadomość 2 (ja, odczytano): "Tak! Do zobaczenia o 20:00 😊"

Wynik

Obraz PNG 375×812 przedstawiający ekran w stylu Messenger: nagłówek z "Alex" i "Aktywny teraz", jasnoszary dymek po lewej z pierwszą wiadomością oraz zaokrąglony niebieski dymek po prawej z odpowiedzią.

Obraz jest generowany natychmiast w płótnie podglądu na żywo i pobierany jednym kliknięciem — bez oczekiwania, bez przesyłania.

Co możesz dostosować

  • Nazwa kontaktu, tekst statusu oraz motyw ciemny/jasny.
  • Awatar: prześlij prawdziwe zdjęcie (przycinane do koła) lub wybierz kolor zastępczy.
  • Nieograniczona liczba wierszy wiadomości, każdy z własnym tekstem, stroną (oni/ja) i znacznikiem czasu.
  • Status potwierdzenia odczytania dla każdej wysłanej wiadomości.
  • Pasek stanu telefonu: godzina, procent baterii i siła sygnału.

Odpowiedzialne użytkowanie

Ten generator istnieje po to, aby ułatwić tworzenie wyraźnie fikcyjnych obrazów czatu do celów humorystycznych, narracyjnych i projektowych. Nie jest to narzędzie do fabrykowania dowodów, inscenizowania nękania ani wprowadzania kogokolwiek w błąd, że fałszywa rozmowa jest prawdziwa. Jeśli planujesz udostępnić obraz stworzony za pomocą tego narzędzia, rozważ dodanie kontekstu (np. "fałszywe" lub "makieta"), aby widzowie rozumieli, że to nie jest rzeczywista rozmowa.

Główne ustawienia w skrócie

Oto szybkie zestawienie każdego elementu, który można dostosować, i miejsca, gdzie go znaleźć w edytorze.

ElementGdzie ustawianeEfekt na finalnym obrazie
Nazwa kontaktu i statusPola u góry edytoraWidoczne w nagłówku, nad dymkami
Motyw jasny/ciemnyPrzełącznik obok nazwyZmienia tło i kolor dymka przychodzącego
AwatarPrzycisk "Prześlij zdjęcie" lub kolor domyślnyKółko w lewym górnym rogu, przycinane automatycznie
Strona wiadomości (oni/ja)Selektor przy każdym wierszu wiadomościDecyduje, czy dymek pojawia się po lewej (szary) czy prawej (niebieski)
Status odczytaniaOpcja przy wiadomościach wysłanych jako "ja"Dodaje podpis "Odczytano" pod ostatnią wiadomością
Pasek stanu telefonuOsobna sekcja na dole edytoraGodzina, bateria i sygnał widoczne u góry obrazu

Najczęściej zadawane pytania

Czy korzystanie z tego narzędzia jest legalne lub etyczne?

Samo narzędzie jest legalne do użytku rozrywkowego, do makiet, prezentacji i pracy projektowej. Niezgodne z prawem i nieetyczne jest wykorzystywanie wygenerowanego obrazu do oszukiwania kogoś — na przykład przedstawianie go jako prawdziwej rozmowy w celu popełnienia oszustwa, nękania lub zniesławienia osoby, albo podszywanie się pod czyjeś prawdziwe wiadomości. Prosimy używać tego wyłącznie w celach wyraźnie fikcyjnych lub ilustracyjnych.

Czy narzędzie przesyła moje wiadomości lub zdjęcie gdziekolwiek?

Nie. Każda wiadomość, nazwa, zdjęcie i ustawienie, które wprowadzisz, pozostaje w pamięci przeglądarki i jest rysowane bezpośrednio na elemencie canvas za pomocą JavaScript. Plik PNG jest generowany i pobierany na Twoim urządzeniu — nic nigdy nie jest wysyłane na żaden serwer.

Czy powinienem/powinnam użyć tego, czy generatora czatu WhatsApp / Signal?

Jeśli scena, którą tworzysz, dotyczy konkretnie Facebook Messenger — z jego niebieskimi dymkami i informacją "Aktywny teraz" — użyj tego narzędzia, aby otoczenie interfejsu było zgodne. Jeśli potrzebujesz po prostu ogólnego zrzutu ekranu wiadomości do mema bez oznaczeń Messengera, Generator Niestandardowego Czatu pozwala wybrać własne kolory dymków; jeśli scena ma wyglądać konkretnie jak WhatsApp lub Signal, użyj tych dedykowanych generatorów, aby szczegóły platformy (kolory, znaczniki, styl nagłówka) odpowiadały oczekiwaniom widzów.

Czy mogę przesłać prawdziwe zdjęcie jako awatar?

Tak. Kliknij "Prześlij zdjęcie", aby użyć dowolnego obrazu z Twojego urządzenia jako awatara kontaktu — jest on automatycznie przycinany do koła. Jeśli pominiesz ten krok, awatarem będzie domyślnie kolorowe kółko z inicjałami kontaktu. Zdjęcie jest wykorzystywane wyłącznie lokalnie w Twojej przeglądarce i nigdy nie jest nigdzie przesyłane.

Jaki rozmiar obrazu jest eksportowany?

Podgląd i eksportowany plik PNG mają proporcje ekranu telefonu (domyślnie 375×812), co wygląda naturalnie przy udostępnianiu w mediach społecznościowych lub osadzaniu w prezentacji.

Czy mogę edytować znacznik czasu każdej wiadomości osobno, czy jest generowany automatycznie?

Każdy wiersz wiadomości ma własne, ręcznie edytowalne pole czasu, więc możesz ustawić realistyczną sekwencję czasową (albo celowo dziwną, dla komicznego efektu) zamiast polegać na automatycznym znaczniku.

Co się stanie, jeśli nie prześlę żadnego zdjęcia do awatara?

Narzędzie automatycznie generuje kolorowe kółko z inicjałami imienia kontaktu, które ustawiłeś — dokładnie tak, jak robi to Messenger, gdy użytkownik nie ma zdjęcia profilowego.

Czy mogę mieć więcej niż dwóch uczestników rozmowy, jak w czacie grupowym?

Narzędzie jest zaprojektowane dla konwersacji dwuosobowej, z wiadomościami podzielonymi tylko na "oni" i "ja". Aby zasymulować czat grupowy, możesz użyć różnych imion w samym tekście wiadomości, ale dymek nadal będzie przypisany do jednej z dwóch stron.

Czy czcionka i rozmiar tekstu odpowiadają dokładnie prawdziwej aplikacji Messenger?

Narzędzie odwzorowuje ogólny styl wizualny — zaokrąglone niebieskie dymki, nagłówek z nazwą i statusem, pasek stanu telefonu — ale jest to makieta odtworzona przez Canvas, a nie pikselowo idealny klon kodu źródłowego oficjalnej aplikacji.

Powiązane narzędzia