Jak vytvořím zástupný obrázek přesné velikosti?

Zadejte Šířka (px) a Výška (px), vyberte barvy nebo Barevné schéma a klikněte na Stáhnout PNG, Stáhnout JPG nebo Stáhnout SVG. Ve výchozím nastavení obrázek zobrazuje jako popisek své rozměry, například 800 x 600.

Jaký největší zástupný obrázek mohu vygenerovat?

Šířka a výška musí být každá mezi 1 a 4000 pixely. Hodnoty mimo tento rozsah zobrazí chybu Šířka a výška musí být mezi 1 a 4000 px.

Jak vložím zástupný obrázek přímo do HTML bez souboru?

Klikněte na Kopírovat jako data URL a vložte jej do značky img jako hodnotu src. Můžete také použít Kopírovat HTML snippet nebo Kopírovat CSS pozadí. Není potřeba žádný externí hosting obrázků.

Mohu generovat standardní velikosti pro sociální sítě nebo web?

Ano. Přednastavené velikosti zahrnují Instagram příspěvek, Instagram Story, Twitter karta, Open Graph, YouTube náhled, Titulní fotka na Facebooku a Záhlaví e-mailu. Stáhnout všechny předvolby (ZIP) uloží všech jedenáct jako soubory PNG.

Jak na zástupný obrázek umístím vlastní text nebo diagonální čáry?

Do pole Vlastní text zadejte popisek, například Hlavní obrázek, místo zobrazení rozměrů. Zaškrtněte Zobrazit diagonální čáry (X) pro vykreslení jemných diagonál. Dlouhý text se automaticky zmenší, aby se vešel na šířku.

Je to opravdu zdarma?

Ano. Každý nástroj je zdarma, bez účtu a bez platební karty. Práce probíhá na vašem zařízení, nikoli na našich serverech, což umožňuje jeho bezplatné používání.

Funguje to na mobilu?

Ano. Funguje v aktuálních mobilních prohlížečích na iOS a Androidu a nic se neinstaluje.

🖼️

Generátor zástupných obrázků zdarma

Generujte barevné zástupné obrázky s vlastními rozměry, textem a barvami. Standardní velikosti pro sociální média, makety a designové návrhy.

Běží ve vašem prohlížečiBez registrace, bez vyskakovacích okenNení nutné přihlášeníZdarma navždy

Šířka (px)

Výška (px)

Přednastavené velikosti

Barevná témata

Pozadí

Text / čáry

Vlastní text (prázdné = rozměry)

Zobrazit rozměry bez vlastního textuZobrazit diagonální čáry (X)

💡 Pro HTML mockupy: použijte „Kopírovat jako data URL“ a vložte do <img src="..."> pro vložené zástupné obrázky. Pro návrhy ve Figmě / Sketchi stáhněte PNG a přetáhněte ho dovnitř.

Běžná použití

Obrázky zástupného symbolu pro návrhy mockupůGenerujte obarvené pole velikosti pro použití v Figmě, Sketchech nebo webových návrhu mockupů před tím, než budou skutečné obrázky připraveny.
Vložené zástupné symboly pro HTML prototypyPomocí Kopírovat jako data-URL vložte obrázky zástupného symbolu přímo do HTML pro rychlé prototypy.
Zástupné symboly pro sloty obsahu CMSPři prezentaci šablony CMS použijte obrázky zástupného symbolu místo skutečného obsahu pro citlivé náhledy.
Šablony obrázků sociálních médiíGenerujte správně velké zástupné symboly pro Instagram, Facebook, Twitter, šablony příspěvků LinkedIn.
Obrázky testování rozložení CSSGenerujte obrázky při extrémních poměrech stran pro zátěžové testování citlivých rozložení CSS.

Jak to funguje

Vše se odehrává ve vašem prohlížeči pomocí HTML Canvas API a ručně napsaného značení SVG — bez serveru, bez nahrávání, bez služby třetí strany. Nastavíte rozměry, barvy a text popisku a nástroj obrázek vykreslí přímo na prvek plátna v reálném čase, poté jej na vyžádání serializuje do PNG, JPEG nebo SVG.

1
Nastavte rozměry a barvy
Zadejte šířku a výšku (1–4000 px každá), nebo vyberte jedno z jedenácti přednastavení pokrývajících běžné velikosti pro sociální sítě a design. Zvolte barvu pozadí a textu z vestavěných motivů nebo zadejte přímo jakoukoli hex hodnotu; nativní výběr barvy a ověřené textové pole zůstávají synchronizované.
2
Canvas API vykresluje náhled okamžitě
Efekt Reactu volá drawPlaceholder() při každé změně. Tato funkce používá CanvasRenderingContext2D k vyplnění obdélníku barvou pozadí, volitelně nakreslí slabé diagonální kříže s 15% neprůhledností, poté změří a vystředí váš text popisku — automaticky zmenšuje písmo, dokud se nevejde do 90 % šířky plátna.
3
Export jako PNG, JPEG nebo SVG
Stažení PNG a JPEG volá canvas.toDataURL(), převádí výsledek v base64 na Blob v paměti a spouští stažení — vše synchronně uvnitř uživatelského gesta, aby byla splněna pravidla stahování iOS Safari. Export SVG sestavuje samostatný řetězec SVG s odpovídajícím obdélníkem, volitelnými diagonálními čarami a prvkem text a poté jej uloží jako soubor .svg.
4
Hromadný export a zkratky pro kopírování
Tlačítko „Stáhnout všechna přednastavení“ dynamicky importuje JSZip, znovu vykreslí každou z jedenácti přednastavených velikostí na skryté plátno pomocí stejné kreslicí funkce a zabalí všechny PNG do jediného ZIP. Tlačítka kopírovat vydávají datové URL PNG, vložený tag img se SVG, nebo deklaraci CSS background-image pro okamžité vložení do kódu.