Generator obrazów zastępczych

Czym jest Generator obrazów zastępczych?

Generator Obrazów Zastępczych to darmowe narzędzie w przeglądarce dla projektantów i programistów front-end, którzy potrzebują grafik wypełniających przy tworzeniu układów, makiet, reklam i bibliotek komponentów. Zacznij od gotowego ustawienia, takiego jak post na Instagramie, miniatura YouTube, karta OG lub miejsce reklamowe jak leaderboard 728×90, albo wpisz dokładne wymiary w pikselach. Nadaj tłu styl jednego koloru, dwukolorowego gradientu ukośnego lub losowej palety, dodaj wzór ukośny lub siatkę i umieść wieloliniową etykietę w jednym z dziewięciu położeń z czcionką bezszeryfową, szeryfową lub o stałej szerokości. Włącz nakładkę z wymiarami, aby wstawić szerokość i wysokość w rogu, i wyeksportuj jako PNG, JPG, WebP lub kopiowalny SVG, z opcjonalną skalą retina @2x dla formatów rastrowych.

Jak używać Generator obrazów zastępczych

1. Wybierz gotowy rozmiar (media społecznościowe, miniatura lub reklama) albo wpisz dokładną szerokość i wysokość w pikselach.
2. Otwórz Ustawienia, aby ustawić tło: jednolite, dwukolorowy gradient lub kliknij Losuj, aby uzyskać bezpieczne losowe kolory.
3. Opcjonalnie nałóż wzór ukośny lub siatkę i włącz nakładkę z wymiarami.
4. Wpisz etykietę — użyj nowych wierszy dla tekstu wieloliniowego — a następnie ustaw jej położenie, rodzinę czcionek, grubość i rozmiar.
5. Wybierz PNG, JPG, WebP lub SVG i włącz @2x, aby wyeksportować raster w jakości retina.
6. Sprawdź podgląd na żywo i kliknij Pobierz (dla SVG możesz też skopiować znaczniki).

Przykłady

Najczęściej zadawane pytania

Jakie gotowe rozmiary są dostępne?

Rozmiary społecznościowe (post, pion i relacja na Instagramie, okładka Facebooka, post i nagłówek X, baner LinkedIn, miniatura YouTube, karta OG) oraz standardowe jednostki reklamowe (leaderboard, średni prostokąt, szeroki wieżowiec, billboard). Wybierz jeden, aby wypełnić szerokość i wysokość, albo wprowadź dowolny rozmiar niestandardowy.

Jak działają opcje tła i wzoru?

Tło może być jednym kolorem, dwukolorowym gradientem ukośnym lub losową paletą z przycisku Losuj, który korzysta z bezpiecznego generatora liczb losowych przeglądarki. Na wierzchu możesz nałożyć wzór ukośnych linii lub siatkę rysowaną w kolorze tekstu.

Czy etykieta może mieć wiele wierszy i zmieniać położenie?

Tak. Wpisz nowe wiersze w polu etykiety dla tekstu wieloliniowego, umieść blok w jednym z dziewięciu położeń (góra/środek/dół × lewo/środek/prawo) i wybierz czcionkę bezszeryfową, szeryfową lub o stałej szerokości z grubością normalną lub pogrubioną oraz rozmiarem automatycznym lub stałym. Pozostaw etykietę pustą, aby automatycznie wydrukować wymiary.

Co robi eksport @2x?

Dla formatów rastrowych (PNG, JPG, WebP) renderuje płótno w podwójnych wymiarach pikselowych, aby plik pozostawał ostry na ekranach retina i o wysokim DPI. SVG jest już niezależny od rozdzielczości, więc @2x go nie dotyczy.

Czy moje obrazy lub teksty są gdzieś przesyłane?

Nie. Każdy obraz zastępczy jest rysowany w całości w przeglądarce za pomocą interfejsów canvas i SVG, a pobieranie odbywa się lokalnie — nic z tego, co wpiszesz lub wygenerujesz, nie jest wysyłane na serwer, więc działa offline i chroni prywatność Twojej pracy.