Obraz zastępczy SVG o wybranych wymiarach

Pomaga projektantom i programistom podczas budowy makiety, gdy potrzebna jest grafika o dokładnych wymiarach bez szukania gotowego pliku.

Utwórz obraz zastępczy SVG o zadanych wymiarach i od razu użyj go w makiecie lub teście układu. Otrzymasz plik pasujący do wskazanego miejsca.

Jak używać

Wpisz potrzebną szerokość w pierwszym wierszu, a wysokość w drugim.
W trzecim wierszu wpisz opcjonalny tekst, jeśli chcesz, aby był wyświetlany w wygenerowanym obrazie.
Uruchom generowanie, aby utworzyć SVG w żądanym rozmiarze.
Skopiuj kod z obszaru wyników i wklej go do swojej strony lub pliku projektu.
Zmieniaj wartości i generuj ponownie tyle razy, ile potrzebujesz.

Przykład

Przykład prosi o szerokość 800, wysokość 450 i tekst Banner. Po wygenerowaniu sprawdź, czy wynik rzeczywiście jest znacznikiem SVG i czy wymiary zgadzają się z podanymi, ponieważ te wartości decydują, ile miejsca zastępczy obraz zajmuje w układzie.

Dane wejściowe

800
450
Banner

Ograniczenia i formaty

Wynikiem jest rysunek wektorowy, a nie fotografia, więc nadaje się do makiet, a nie do finalnej grafiki.
Wszystko pochodzi z tego, co wpiszesz: rozmiaru i opcjonalnie jednego fragmentu tekstu.
Szerokość i wysokość podawaj jako dodatnie liczby całkowite.
Zobacz, jak renderuje się w Twojej przeglądarce, zanim dodasz go do działającej strony.

Gdzie odbywa się przetwarzanie

Obraz wektorowy jest opisywany i składany przez stronę w Twojej przeglądarce na podstawie podanego rozmiaru i tekstu. Żaden plik nie jest wysyłany i nic nie jest przesyłane podczas generowania. Znaczniki pozostają na ekranie, dopóki ich nie wyczyścisz lub nie opuścisz strony.

Częste pytania

Do czego właściwie służy obraz zastępczy?

Zastępuje grafikę, która nie jest jeszcze gotowa. Możesz sprawdzić, czy układ się trzyma i czy zaplanowane proporcje wyglądają dobrze, bez czekania na finalny obraz od projektanta lub fotografa.

Co zawiera wygenerowany SVG?

Opisuje ramkę w podanym rozmiarze oraz tekst, jeśli go wpisałeś. Nic więcej nie jest dodawane, więc zawsze wiesz, co zawiera kod, zanim wkleisz go gdzieś indziej.

Czy powinienem zostawić go na działającej stronie internetowej?

Lepiej traktować go jako narzędzie do makiet, ponieważ sygnalizuje, że brakuje jeszcze grafiki. Zamień go na finalny obraz przed publikacją, w przeciwnym razie odwiedzający zobaczą obraz zastępczy zamiast zdjęcia.