Przejdź do treści
100% lokalnie

Generator obrazów zastępczych

Wygeneruj zastępczy obraz SVG o niestandardowym rozmiarze, kolorach i opisie — jako SVG, data: URI lub tag <img>.

0
Wynik

Generator obrazów zastępczych

Wybierz szerokość i wysokość — lub wspólne proporcje, takie jak 16:9 lub 4:3 — a to narzędzie narysuje obraz zastępczy na miejscu, gotowy do wstawienia do szkicu, druciarki lub miejsca w kodzie, gdzie rzeczywisty obraz nie jest jeszcze gotowy. Renderuje się jako SVG, więc pole pozostaje ostre w dowolnym rozmiarze i skaluje się bez rozmytego rastru poniżej.

Ustaw kolor tła i tekstu, a następnie pozwól opisowi domyślnemu na wyświetlenie wymiarów (takich jak "800×600") lub wpisz własny opis — nazwę komponentu, urządzenie, cokolwiek, co pomoże Ci odróżnić jeden obraz zastępczy od drugiego podczas budowy. Rodzina i rozmiar czcionki są również regulowane. Zaokrąglenie narożników lub nałożenie siatki lub linii ukośnej nadaje polu znajomy wygląd "to jest obraz zastępczy" zamiast zwykłego szarego prostokąta.

Wybierz sposób wyjścia wyniku: surowy kod SVG do zapisania jako plik, zakodowany procentowo lub base64 data: URI dla tła CSS lub obrazu inline, lub kompletny tag img, który możesz wkleić bezpośrednio do HTML. Bardzo duże wymiary lub niewłaściwie długi opis są ograniczone, aby nie zamrozić karty ani nie tworzyć czegoś, czego nie można by było użyć.

Wszystko jest rysowane lokalnie w przeglądarce w momencie zmiany jakiejkolwiek opcji — żaden obraz nie jest generowany na serwerze i nic, co napiszesz, nigdzie nie jest wysyłane. Skopiuj wynik, pobierz go jako plik .txt lub wyślij go bezpośrednio do innego narzędzia, takiego jak koder SVG URL lub konwerter kolorów.

Częste pytania

Czy obraz aktualizuje się, gdy zmieniam opcje?
Tak. Podgląd regeneruje się na żywo, gdy zmieniasz szerokość, wysokość, kolory, opis lub inną opcję.
Czy mogę użyć wyjścia bezpośrednio jako źródła obrazu?
Tak. Wybierz format data: URI lub base64 i wklej wynik bezpośrednio do <img src="…"> lub CSS background-image.
Co się stanie, jeśli ustawię proporcje i wysokość w tym samym czasie?
Proporcje mają pierwszeństwo: wysokość jest przywracana z szerokości, tak aby obraz zachowywał dokładny stosunek.
Czy istnieje jakiś limit wielkości?
Szerokość i wysokość są ograniczone do 4000px każdy, a niezwykle długi opis niestandardowy jest odrzucany z komunikatem proszącym o jego skrócenie, więc narzędzie nigdy nie spróbuje tworzyć bezużytecznie dużego obrazu.
Czy moje dane są wysyłane gdziekolwiek?
Nie. Obraz zastępczy jest generowany całkowicie w przeglądarce — nic nie jest wysyłane na serwer.