Zbuduj adres URL obrazu zastępczego
Wpisz rozmiar, wybierz format, ustaw tekst, kolory i rozmiar czcionki, a potem skopiuj adres URL albo znacznik img.
Miejsce zaplanowane w makiecie, wypełnione prawdziwymi danymi
Placeholder trzyma miejsce, dopóki powstaje układ strony, a każde takie miejsce w końcu musi pokazać prawdziwy obraz, osobny dla każdego produktu lub użytkownika. DynaPictures rysuje go z szablonu w zaplanowanych wymiarach: wysyłasz wartości jako JSON, a w odpowiedzi dostajesz hostowany plik do podlinkowania.
- Jedno żądanie JSON, jeden hostowany plik
- Dowolny rozmiar, pod który zaprojektowano układ
- Pliki w formacie PNG, JPEG, WEBP lub AVIF
Jak utworzyć obraz zastępczy
Ustaw wymiary
Wpisz szerokość i wysokość w pikselach, np. 600x400 albo 1200x630. Zadziała każdy rozmiar do 4000 × 4000 px.
Wybierz tekst i kolory
Dodaj etykietę, np. rozmiar albo nazwę produktu, potem ustaw kolor tła (bg) i tekstu (fg) w zapisie HEX oraz, jeśli chcesz, rozmiar czcionki.
Skopiuj adres URL
Wybierz PNG, JPG, WebP albo SVG i skopiuj link lub gotowy znacznik img do kodu HTML, CSS albo narzędzia do projektowania.
Dlaczego warto korzystać z tego generatora placeholderów
Wszystko w adresie URL
Rozmiar, format, tekst i kolory to parametry zapytania, więc link napiszesz ręcznie albo wygenerujesz w pętli.
Cztery formaty
PNG, JPG, WebP albo SVG z tego samego wzorca adresu, wystarczy zmienić rozszerzenie.
Do 4000 × 4000 px
Wystarczy na sekcje hero, makiety do druku i testowe obrazy w rozdzielczości retina.
Stałe linki
Adresy placeholderów nie mają limitu wyświetleń ani daty wygaśnięcia, więc dane testowe i makiety dalej działają.
Od razu wiadomo, co to za obraz
Adres URL mówi dokładnie, jaki to obraz: bez przesyłania plików, bez kont i bez znaku wodnego.
Jak działa adres URL placeholdera
Ścieżka określa rozmiar i format (/tools/placeholder/600x400.png), a parametry zapytania wygląd: text= to etykieta, bg= i fg= to kolor tła i tekstu w zapisie HEX bez znaku #, a osobny parametr ustawia rozmiar czcionki. Kreator na tej stronie działa w Twojej przeglądarce i tylko składa link; sam obraz generują na żądanie nasze serwery. Placeholdery są stałe i nie mają limitu wyświetleń, obowiązuje jedynie limit żądań na adres IP. Gdy makieta zamienia się w prawdziwe zdjęcie produktu, platforma DynaPictures generuje obrazy z Twoich własnych szablonów, ze zdjęciami, czcionkami i aktualnymi danymi, przez API, Zapier albo Make.
Limity
Rozmiary do 4000 × 4000 px w formacie PNG, JPG, WebP lub SVG. Bez dziennego limitu i limitu wyświetleń, jedynie z ograniczeniem liczby żądań na adres IP.
Od placeholdera do prawdziwego obrazu
Platforma DynaPictures rozwija ten sam pomysł do dynamicznych obrazów z Twojego projektu, generowanych przez API, Zapier albo z arkuszy kalkulacyjnych.
Kolory i tekst
Podawaj kolory HEX z 3 lub 6 cyfr bez znaku #, a tekst ze spacjami koduj, zamieniając spację na %20.
<img src="https://api.dynapictures.com/tools/placeholder/600x400.png?text=Hello&bg=e2e8f0&fg=1e293b" width="600" height="400" alt="Placeholder">
Najczęściej zadawane pytania
Do 4000 × 4000 px w każdym z czterech formatów. Mniejsze rozmiary, np. 300x250 czy 1200x630, działają tak samo.