Układa Pan/Pani makietę, wstawia zwykły URL placeholdera, a ten się nie ładuje. Przeglądarka zasypuje ostrzeżeniami o mieszanej zawartości, karta zawiesza się na pół minuty. Brzmi znajomo?

Serwisy-zastępki z początku lat 2010-tych wymierają po cichu: domeny nie są przedłużane, certyfikaty TLS wygasają, rate-limit tnie zapytania. Odkrywać to na godzinę przed deadlinem to dopiero przyjemność.

Ręcznie sprawdziliśmy 14 działających narzędzi: od kolorowych prostokątów po generację AI i deterministyczne awatary. Każde obsługuje HTTPS, ma stabilny uptime i nie zawiedzie, gdy backend nie jest jeszcze gotowy, a układ trzeba już pokazywać.

💡 Szybki przegląd:

• Typologia: kolorowe bloki, wypełnienie zdjęciami, SVG z dostawą Edge, awatary, makiety urządzeń i generacja AI, do każdego zadania własne narzędzie.
• Szybkość: placeholders.dev i placeholdr.dev działają na Cloudflare Workers i dostarczają treść z najbliższego punktu Edge.
• Bezpieczeństwo: wszystkie 14 serwisów działa przez HTTPS. Żadnego ostrzeżenia o mieszanej zawartości.
• Gotowy kod: każdy serwis daje szablon URL, który kopiuje się i wkleja do <img src> w sekundę.

Kryteria wyboru: co czyni serwis odpowiednim do makiet roboczych

Parametry, według których ocenialiśmy każde narzędzie:

• Tylko HTTPS. Mieszana zawartość w 2026 roku to czerwona flaga. Serwisy bez TLS nie trafiły do zestawienia.
• CDN** lub dostawa Edge.** Globalny zasięg oznacza niskie opóźnienia z dowolnej lokalizacji.
• Aktywne wsparcie. Świeże commity lub aktualizacje w ciągu ostatniego roku.
• Przewidywalna składnia URL. Szablon powinien dać się odgadnąć za pierwszym razem, bez czytania dokumentacji.
• Nowoczesne formaty. WebP, AVIF, SVG, bez nich serwis jest niekonkurencyjny.

Tabela porównawcza

1. Placehold.co: złoty standard kolorowych bloków

Zastąpił niestabilny via.placeholder.com i stał się domyślnym wyborem. Kolory HEX, Google Fonts, rozmiar, wszystko w URL. SVG, WebP, PNG. Szablon odgaduje się za pierwszym razem: /600x400/EEE/31343C?text=Hero+Image.

Plusy:

• SVG, WebP, PNG, trzy formaty w jednym serwisie.
• Kolory HEX i Google Fonts bezpośrednio w ciągu zapytania.
• Stabilny CDN, minimalne opóźnienia.

Minusy:

• Tylko kolorowe bloki. Serwis nie generuje zdjęć.

1
<img src="https://placehold.co/600x400" alt="Placeholder">
2
<img src="https://placehold.co/600x400/EEE/31343C?text=Hero+Image" alt="Hero">
3
<img src="https://placehold.co/600x400.webp" alt="WebP format">

🔗 Placehold.co

2. Lorem Picsum: wypełnienie zdjęciami dla żywych makiet

„Lorem Ipsum, ale dla obrazów". Dostarcza prawdziwe zdjęcia ze swojej bazy, idealne, gdy kolorowe kwadraty wyglądają obco. Parametr seed blokuje obraz, co jest niezbędne przy testach UI.

Filtry (grayscale, blur) dodają elastyczności. Atrybucja nie jest wymagana.

Plusy:

• Wysokiej jakości zdjęcia do makiet, a nie stockowy śmieć.
• Filtry rozmycia i odcieni szarości.
• seed dla powtarzalności przy każdym zapytaniu.

Minusy:

• Brak precyzyjnej kontroli nad zawartością zdjęcia. Co wpadło w kadr, to Pan/Pani dostaje.

1
<img src="https://picsum.photos/800/600" alt="Случайное фото">
2
<img src="https://picsum.photos/seed/product/400/300" alt="Фиксированное фото">
3
<img src="https://picsum.photos/800/600?grayscale&blur=2" alt="Фильтрованное">

🔗 Lorem Picsum

3. DummyImage: presety do każdego zadania

Serwis z najszerszą customizacją zastępek tekstowych. Główną zaletą są dziesiątki presetów: formaty reklamowe (Leaderboard, Wide Skyscraper), proporcje obrazu (16:9, 4:3), popularne rozdzielczości. Kolory tła i tekstu przez HEX, formaty PNG, JPEG, GIF.

CDN jest nieobecny, prędkość zależy od geografii. Dla lokalnego developmentu nie jest to krytyczne.

Plusy:

• Dziesiątki presetów dla reklam, ekranów i typowych layoutów.
• Pełna kontrola koloru tła i tekstu.

Minusy:

• Brak CDN. Z Australii czy Japonii opóźnienie jest odczuwalne.

1
<img src="https://dummyimage.com/728x90/000/fff" alt="Leaderboard ad">
2
<img src="https://dummyimage.com/16:9x1080" alt="HD ratio">

🔗 DummyImage

4. Placeholders.dev: SVG z serwerów Edge

Działa na Cloudflare Workers, dostarcza SVG z serwerów Edge. „Super fast" to nie marketing: odpowiedź z najbliższego punktu Cloudflare, opóźnienie rzędu pojedynczych milisekund. SVG daje idealną ostrość na Retina przy dowolnym skalowaniu.

Plusy:

• Generowanie w locie przez Cloudflare Workers.
• Ostrość na każdym ekranie dzięki SVG.
• Dostawa Edge z najbliższego punktu sieci.

Minusy:

• Tylko SVG. Formaty rastrowe nie są obsługiwane.

1
<img src="https://images.placeholders.dev/?width=400&height=300&bgColor=%23f0f0f0&textColor=%23333" alt="SVG placeholder">

🔗 placeholders.dev

5. DiceBear: deterministyczne awatary

Generuje awatary na zasadzie „jeden seed, jeden wynik". Przekaż email lub nazwę użytkownika, otrzymają Państwo ten sam awatar przy każdym żądaniu. Niezastąpione w listach użytkowników i panelach administracyjnych: treść wygląda na wypełnioną bez kłopotu z prawdziwymi zdjęciami.

Ponad dwadzieścia stylów, od pixel artu po realistyczne twarze. Wszystko w SVG. API jest otwarte.

Plusy:

• Dwa tuziny stylów awatarów.
• Generowanie deterministyczne: seed gwarantuje powtarzalność.
• SVG, idealne skalowanie.

Minusy:

• Tylko SVG. Dla awatarów rastrowych potrzebny jest dodatkowy konwerter.

1
<img src="https://api.dicebear.com/9.x/avataaars/[email protected]" alt="Аватар пользователя">

🔗 DiceBear

6. UI Avatars: inicjały zamiast obrazków

Generuje awatary z inicjałami użytkownika na kolorowym tle. Idealne do komentarzy, czatów i paneli administracyjnych, gdzie zdjęcie nie jest potrzebne, a bezosobowe szare kółka irytują. Konfiguracja rozmiaru, czcionki, koloru tła i tekstu, wszystko przez parametry URL.

Usługa jest w pełni otwarta: kod źródłowy na GitHubie, można postawić własną instancję w 10 minut. Dla projektów z wymaganiami dotyczącymi prywatności to istotny plus.

Plusy:

• Inicjały zamiast obrazków, natychmiastowe ładowanie.
• Pełna kontrola koloru tła, tekstu i czcionki.
• Otwarty kod źródłowy na GitHubie.

Minusy:

• Tylko tekst na kolorowym tle. Ilustracje nie są obsługiwane.

1
<img src="https://ui-avatars.com/api/?name=John+Doe&size=128&background=0D8ABC&color=fff" alt="Аватар JD">

🔗 UI Avatars

7. Lorem Flickr: zdjęcia na licencji Creative Commons

Wyszukuje zdjęcia z licencją Creative Commons na Flickrze i udostępnia je jako placeholder’y. W porównaniu z Lorem Picsum jest tu więcej „żywych" kadrów, mniej inscenizowanych kompozycji. Jakość bywa różna, ale dla makiet, gdzie liczy się naturalność, to zaleta.

Parametr lock blokuje obraz. Wyszukiwanie po słowach kluczowych zawęża pulę zdjęć.

Plusy:

• Wyszukiwanie po słowach kluczowych.
• lock dla stałości obrazu.
• Creative Commons, przejrzysta licencja.

Minusy:

• Nieprzewidywalna jakość: od arcydzieła po rozmazane zdjęcie.

1
<img src="https://loremflickr.com/1280/720" alt="Flickr Image">

🔗 Lorem Flickr

8. Placeit: profesjonalne makiety urządzeń

Platforma od Envato z blisko 3000 szablonów makiet: iPhone, Samsung, desktopy, laptopy, tablety. Usługa jest płatna (subskrypcja Envato), ale do prezentacji projektu klientowi lub w portfolio daje rezultat nie do odróżnienia od studyjnego renderu.

Drag-and-drop: wgrywają Państwo zrzut ekranu, wybierają urządzenie, pobierają. Do prezentacji komercyjnych zwraca się od razu.

Plusy:

• Blisko 3000 szablonów urządzeń i scenariuszy.
• Interfejs drag-and-drop, nie wymaga umiejętności projektowych.

Minusy:

• Płatne. Darmowe makiety ze znakiem wodnym.

🔗 Placeit

9. ASSETS.SO: tematyczne placeholder’y z charakterem

Dodaje kontekstu w codziennej pracy składacza. Kategorie: gry, filmy, muzyka, sport, obuwie. Serwis filmowy z prawdziwymi kadrami wygląda bardziej przekonująco niż makieta z kolorowymi kwadratami. API jest proste: /game.jpg?w=1280&h=720.

Plusy:

• Kategorie tematyczne dopasowane do różnych nisz.
• Niezwykle proste API.

Minusy:

• Kontrola nad zawartością jest minimalna.

1
<img src="https://via.assets.so/game.jpg?w=1280&h=720" alt="Game Asset">

🔗 ASSETS.SO

10. RoboHash: roboty-awatary dla danych testowych

Generuje unikalne roboty na podstawie dowolnego tekstu. Zasada działania jest taka sama jak w DiceBear: deterministyczna generacja, ale z charakterem, każdy robot ma własną mimikę i schemat kolorystyczny. Style: klasyczne roboty, potwory, koty-roboty.

Sprawdza się w prototypach, gdzie chcemy dodać indywidualności testowym profilom.

Plusy:

• Deterministyczna generacja na podstawie tekstu.
• Trzy style: roboty, potwory, koty.
• Otwarty kod źródłowy.

Minusy:

• Tylko PNG. SVG nie jest obsługiwane.

1
<img src="https://robohash.org/[email protected]" alt="Робот-аватар">

🔗 RoboHash

11. Bacon Mockup: boczek w dowolnej rozdzielczości

Soczyste zdjęcia boczku w dowolnej rozdzielczości. Do stron restauracji, blogów kulinarnych albo żartów w zespole. Brzmi jak dowcip, ale serwis działa stabilnie już od kilku lat.

Wysoka rozdzielczość, prosty interfejs API. Niszowe, ale zapadające w pamięć.

Plusy:

• Zdjęcia w wysokiej rozdzielczości.
• Niezwykle prosty interfejs API.

Minusy:

• Wąska tematyka. Poza projektami foodowymi bezużyteczne.

1
<img src="https://baconmockup.com/1280/720" alt="Bacon">

🔗 Bacon Mockup

12. Placebeard.it: brutalność w każdym pikselu

Odpowiedź na placekitten, coś bardziej przyziemnego i męskiego. Kolorowe lub czarno-białe zdjęcia brodatych osób w dowolnych proporcjach. Do barbershopów, odzieży męskiej i hipsterskich startupów. Obsługa trybu grayscale. Serwis istnieje od dawna i działa stabilnie.

Plusy:

• Zdjęcia tematyczne, idealne dla segmentu męskiego.
• Obsługa trybu grayscale.

Minusy:

• Wąska tematyka. Nie pasuje do odbiorców kobiecych.

1
<img src="https://placebeard.it/1280x720" alt="Beard">

🔗 Placebeard.it

13. Placebear: naturalna siła

Duże, puchate i czasem niebezpieczne zastępniki obrazów. Świetnie nadaje się do testowania responsywności na zdjęciach o złożonej teksturze: futro, trawa, kora dostarczają bogatego materiału do sprawdzenia kompresji i skalowania.

Zdjęcia w wysokiej rozdzielczości, stabilny czas działania. Nie do każdego projektu, ale warto trzymać w zakładkach.

Plusy:

• Zdjęcia w wysokiej rozdzielczości.
• Stabilny czas działania.

Minusy:

• Specyficzna treść. Nie każdy klient doceni niedźwiedzia w makiecie.

1
<img src="https://placebear.com/1280/720" alt="Bear">

🔗 Placebear

14. Placeholdr.dev: AI-generacja placeholderów

Najświeższy gracz w niszy, AI-generacja przez Flux diffusion model na Cloudflare Workers z cache'owaniem w R2. Pierwsze żądanie renderuje się kilka sekund, kolejne są zwracane natychmiast z cache'a.

Format URL: /{width}x{height}/{prompt}. Style: photographic, artistic, anime, oil-painting, 3d-render, cartoon. seed (1-3) ustala wariant. Bezpłatnie, bez kont.

Plusy:

• AI-generacja: opis w języku naturalnym zamiast kodów HEX.
• Sześć stylów, od fotorealizmu po render 3D.
• Dostarczanie przez Edge (Cloudflare Workers).

Minusy:

• Pierwsze żądanie jest wolne (kilka sekund na render).
• Młody serwis (uruchomiony w styczniu 2026), długoterminowa stabilność stoi pod znakiem zapytania.

1
<img src="https://placeholdr.dev/600x400/minimalist modern office" alt="AI-сгенерированный офис">
2
<img src="https://placeholdr.dev/320x320/cat?style=anime" alt="AI-аниме кот">
3
<img src="https://placeholdr.dev/1024x768/camera?style=3d-render&seed=3" alt="AI 3D-камера">

🔗 placeholdr.dev

Niuanse techniczne: CSP, offline i dlaczego stare URL-e umierają

Nagłówki Content-Security-Policy

Jeśli strona używa restrykcyjnego CSP, zewnętrzne serwisy placeholderów będą domyślnie blokowane przez przeglądarkę. Proszę zaktualizować dyrektywę img-src:

1
Content-Security-Policy: img-src 'self' https://placehold.co https://picsum.photos;

Ważne: proszę usunąć te domeny z CSP przed wdrożeniem na produkcję. Placeholdery są do developmentu, nie na stronę produkcyjną.

Lokalny development bez internetu

Do pracy offline lub projektów z wymogami prywatności:

• Generowanie placeholderów po stronie klienta przez Canvas lub SVG.
• Lokalny skrypt-generator na Node.js.
• Statyczne pliki-placeholdery w repozytorium.

Dlaczego stare URL-e umierają

Większość serwisów z początku lat 2010. była projektami hobbystycznymi: ktoś uruchomił, wspierał parę lat, stracił zainteresowanie. Domena wygasa, certyfikat się przedawnia i URL zamienia się w dynię. Proszę wybierać serwisy ze świeżymi commitami i wsparciem komercyjnym.

⁉️🤔 Często zadawane pytania

Czy można używać placeholderów na produkcji?

Nie. Serwisy placeholderów są tylko do developmentu i prototypowania. Limity żądań, przestoje, opóźnienia pod obciążeniem. Przed releasem proszę zastąpić placeholdery rzeczywistymi assetami.

Dlaczego jedne serwisy działają latami, a inne umierają po paru sezonach?

Różnica leży w modelu utrzymania. Serwisy komercyjne lub sponsorowane mają dedykowane zasoby i są stabilnie aktualizowane. Hobbystyczne projekty pojedynczych osób trzymają się na entuzjazmie. Proszę sprawdzać historię commitów: jeśli ostatni był trzy lata temu, proszę szukać alternatywy.

Jak wymusić ten sam obraz przy każdym przeładowaniu?

Proszę użyć parametru seed. Lorem Picsum: /seed/product/400/300. DiceBear: [email protected]. RoboHash: dowolny tekst w URL. placeholdr.dev: ?seed=1 (trzy warianty). Jeden seed, zawsze jeden rezultat.

Czy koniecznie trzeba aktualizować CSP dla placeholderów?

Tak. Jeśli na stronie skonfigurowano nagłówki Content-Security-Policy, proszę dodać domeny serwisów do dyrektywy img-src, w przeciwnym razie przeglądarka zablokuje ładowanie. Proszę nie zapomnieć usunąć ich przed wdrożeniem.

Czy zewnętrzne placeholdery wpływają na szybkość lokalnego developmentu?

Każdy tag <img> z zewnętrznym URL-em wykonuje żądanie HTTP. Serwisy z CDN i Edge działają szybko, ale dla pełnej autonomii proszę trzymać w repozytorium zestaw statycznych placeholderów.

Jaki format jest lepszy dla placeholderów?

SVG, dla kształtów geometrycznych i tekstu: minimalna waga, idealne skalowanie. WebP, dla fotoplaceholderów: zauważalnie lżejszy od JPEG przy tej samej jakości. PNG, gdy potrzebna jest przezroczystość. AVIF, jeśli obsługują go przeglądarki grupy docelowej.

Czy można używać obrazów z tych serwisów w komercyjnych makietach?

Większość serwisów udostępnia treści bezpłatnie i bez atrybucji. Serwisy oparte na Flickr działają z Creative Commons, proszę sprawdzać licencję zdjęcia. Placeit wymaga subskrypcji Envato do pobierania bez znaków wodnych.

Co dodać do zakładek: podsumowanie dotyczące placeholderów 2026

Nasz wybór do codziennej pracy: Placehold.co do bloków kolorystycznych, Lorem Picsum do fotomakiet i DiceBear do awatarów. Te trzy serwisy pokrywają zdecydowaną większość zadań.

Potrzebna szybkość na Retina, placeholders.dev z Edge-SVG. Chcą Państwo kontekstowego wizualu bez szukania w stockach, placeholdr.dev z AI-generacją. Przygotowują Państwo komercyjną prezentację, Placeit z trzema tysiącami mockupów.

Główna zasada się nie zmienia: placeholdery żyją na serwerze dev. Przed wdrożeniem każdy zewnętrzny URL jest zastępowany rzeczywistym assetem. Proszę trzymać w zakładkach dwa, trzy zapasowe serwisy, ten, który działał wczoraj, jutro może przejść w offline.