Ustawienia placeholdera

Dostosuj rozmiar, tekst i kolory, aby wygenerować gotowy placeholder SVG.

Szerokość

Wysokość

Tekst placeholdera

Kolor tła

Kolor tekstu

Rozmiar czcionki

Promień narożników

Dostosuj ustawienia, aby wygenerować placeholder SVG.

Podgląd na żywo

Podgląd aktualizuje się automatycznie po zmianie ustawień.

Skopiuj znacznik do projektu lub pobierz plik.

Najczęstsze zastosowania tego narzędzia:

Szybkie przygotowanie makiet
Twórz zastępcze grafiki do wireframe'ów, makiet i demonstracji bez szukania tymczasowych obrazów.
Zachowanie właściwych proporcji
Ustal dokładne wymiary banerów, miniaturek i sekcji hero jeszcze przed dostarczeniem finalnych materiałów.
Dokumentowanie miejsc na media
Dodawaj czytelne etykiety do komponentów, aby projektanci i programiści wiedzieli, jaki zasób ma się tam pojawić.
Udostępnianie specyfikacji zespołowi
Skopiuj lub pobierz SVG i dołącz go do ticketu, dokumentacji albo systemu projektowego.
Praca na telefonie lub tablecie
Skonfiguruj placeholder i wyeksportuj go także na urządzeniu mobilnym, gdy nie masz dostępu do desktopu.

Jak utworzyć placeholder?: Wpisz wymiary, opcjonalnie dodaj tekst i kolory, a potem skopiuj wygenerowany SVG lub pobierz plik.
Czy mogę używać wygenerowanego placeholdera produkcyjnie?: Tak. Wygenerowany SVG jest lekki i można go osadzać bezpośrednio w HTML, CSS albo komponentach obrazów.
Czy to narzędzie wysyła moje dane?: Nie. Wszystko działa lokalnie w przeglądarce, więc ustawienia placeholdera pozostają na Twoim urządzeniu.
Dlaczego placeholder się nie aktualizuje?: Sprawdź poprawność szerokości, wysokości, rozmiaru czcionki i kolorów. Narzędzie zachowuje ostatni poprawny SVG, dopóki nowe ustawienia nie przejdą walidacji.
Jak dodać zaokrąglone rogi lub własny tekst?: Użyj pola promienia narożników, aby zaokrąglić prostokąt, oraz pola tekstowego, aby dodać etykietę, np. nazwę banera lub proporcje.