Ako vytvorím zástupný obrázok presnej veľkosti?

Zadajte Šírka (px) a Výška (px), vyberte farby alebo Tému farieb a potom kliknite na Stiahnuť PNG, Stiahnuť JPG alebo Stiahnuť SVG. V predvolenom nastavení obrázok zobrazuje svoje rozmery, napríklad 800 x 600, ako popis.

Aký najväčší zástupný obrázok môžem vygenerovať?

Šírka a výška musia byť každá medzi 1 a 4000 pixelmi. Hodnoty mimo tohto rozsahu zobrazia chybu Šírka a výška musia byť medzi 1 a 4000 px.

Ako vložím zástupný obrázok priamo do HTML bez súboru?

Kliknite na Kopírovať ako data URL a vložte ho do značky img ako hodnotu src. Môžete tiež použiť Kopírovať HTML úryvok alebo Kopírovať CSS pozadie. Nie je potrebný žiadny externý hosting obrázkov.

Môžem generovať štandardné veľkosti pre sociálne siete alebo web?

Áno. Prednastavené veľkosti zahŕňajú Príspevok na Instagrame, Príbeh Instagramu, Karta Twitteru, Open Graph, Miniatúra YouTube, Obal Facebooku a Hlavička e-mailu. Stiahnuť všetky predvoľby (ZIP) uloží všetkých jedenásť ako súbory PNG.

Ako vložím vlastný text alebo uhlopriečne čiary na zástupný obrázok?

Namiesto zobrazenia rozmerov zadajte popis do poľa Vlastný text, napríklad Hlavný obrázok. Začiarknite Zobraziť uhlopriečne čiary (X), aby sa vykreslili slabé uhlopriečky. Dlhý text sa automaticky zmenší, aby sa zmestil na šírku.

Je to naozaj zadarmo?

Áno. Každý nástroj je zadarmo, bez účtu a bez kreditnej karty. Práca prebieha vo vašom zariadení, nie na našich serveroch, vďaka čomu je jej prevádzka bezplatná.

Funguje to na mobile?

Áno. Funguje v aktuálnych mobilných prehliadačoch na iOS a Androide, bez inštalácie.

🖼️

Generátor zástupných obrázkov zadarmo

Generujte farebné zástupné obrázky s vlastnými rozmermi, textom a farbami. Štandardné veľkosti pre sociálne médiá, makety a dizajnové podklady.

Beží vo vašom prehliadačiBez registrácie, bez vyskakovacích okienPrihlásenie nie je potrebnéZadarmo navždy

Šírka (px)

Výška (px)

Prednastavené veľkosti

Farebné témy

Pozadie

Text / čiary

Vlastný text (ponechajte prázdne pre rozmery)

Zobraziť rozmery bez vlastného textuZobraziť uhlopriečne čiary (X)

💡 Pre HTML makety: použite možnosť „Kopírovať ako data URL" a vložte do <img src=\"...\"> pre vložené zástupné obrázky. Pre Figma / Sketch dizajny stiahnite PNG a presuňte ho.

Bežné použitia

Obrázky zástupcu pre mockupy návrhuGenerujte veľkostné farebné boxy na použitie v Figme, Sketch alebo mockupoch webového dizajnu pred tým, ako sú skutočné obrázky pripravené.
Vložené zástupcu pre mockupy HTMLPoužite 'Kopírovať ako URL dáta' na priame vloženie zástupných obrázkov do HTML na rýchle mockupy.
Zástupcovia pre CMS sloty obsahuPri demonštrácii šablón CMS používajte zástupné obrázky namiesto skutočného obsahu na citlivé ukážky.
Šablóny obrázkov sociálnych médiíGenerujte správne veľkosť zástupcu pre Instagram, Facebook, Twitter, LinkedIn šablóny príspevkov.
CSS obrázky testovania rozloženiaGenerujte obrázky s extrémnymi pomermi strán na testovanie zaťaženia reaktívneho CSS rozloženia.

Ako to funguje

Všetko sa deje vo vašom prehliadači pomocou HTML Canvas API a ručne napísaných značiek SVG — bez servera, bez nahrávania, bez služby tretej strany. Nastavíte rozmery, farby a textový popis a nástroj vykreslí obrázok priamo na element canvas v reálnom čase a potom ho na požiadanie serializuje do PNG, JPEG alebo SVG.

1
Nastavte rozmery a farby
Napíšte šírku a výšku (1–4000 px každá), alebo si vyberte jednu z jedenástich predvolieb pokrývajúcich bežné veľkosti pre sociálne siete a dizajn. Vyberte farbu pozadia a textu z vstavaných tém alebo zadajte priamo akúkoľvek hex hodnotu; natívny výber farby a overené textové pole zostávajú synchronizované.
2
Canvas API okamžite vykresľuje náhľad
React efekt volá drawPlaceholder() pri každej zmene. Táto funkcia používa CanvasRenderingContext2D na vyplnenie obdĺžnika farbou pozadia, voliteľne nakreslí jemné diagonálne krížové čiary pri 15 % priehľadnosti, potom zmeria a vycentruje váš textový popis — automaticky zmenší písmo, kým sa nezmestí do 90 % šírky plátna.
3
Export ako PNG, JPEG alebo SVG
Stiahnutia PNG a JPEG volajú canvas.toDataURL(), prevedú výsledok base64 na Blob v pamäti a spustia stiahnutie — všetko synchrónne v rámci gesta používateľa, aby boli splnené pravidlá sťahovania iOS Safari. Export SVG zostaví samostatný reťazec SVG so zodpovedajúcim obdĺžnikom, voliteľnými diagonálnymi čiarami a textovým elementom, a potom ho uloží ako súbor .svg.
4
Hromadný export a klávesové skratky kopírovania
Tlačidlo 'Stiahnuť všetky predvoľby' dynamicky importuje JSZip, znovu vykreslí každú z jedenástich predvolených veľkostí na mimoobrazovkové plátno pomocou tej istej kresliacej funkcie a zabalí všetky PNG do jediného ZIP. Tlačidlá kopírovania vytvárajú dátovú URL PNG, inline tag img SVG alebo CSS deklaráciu background-image na okamžité vloženie do kódu.