Ugrás a tartalomhoz
100% helyi

Helyőrzőkép-generátor

Helyőrzőkép generálása egyedi mérettel, színekkel és címkével — SVG, data: URI vagy <img> tag formátumban.

0
Kimenet

Helyőrzőkép-generátor

Adjon meg szélességet és magasságot — vagy válasszon egy gyakori képarányt, például 16:9 vagy 4:3 — és ez az eszköz azonnal megrajzol egy helyőrzőképet, amely készen áll a mockupba, a wireframe-be vagy a jelölésbe való beillesztésre, ahol az igazi eszköz még nem érhető el. SVG formátumban jelenik meg, így a kép bármilyen méretben éles marad és méretezéskor nem elmosódott raszter alatt.

Adjon meg háttér- és szövegszínt, majd hagyja alapértelmezettnek a megjelenített méreteket (például "800×600") vagy gépelje be saját feliratát — egy komponens neve, egy töréspont, bármi, ami segít megkülönböztetni az egyik helyőrzőt a másiktól, miközben fejleszt. A betűcsalád és a méret is állítható, és a sarkok lekerekítése vagy egy rács vagy átlós kereszt felülvetítése a helyőrzőkép ismert megjelenését adja ahelyett, hogy egy sima szürke téglalap lenne.

Válassza ki, hogyan jelenjen meg az eredmény: nyers SVG kódot fájlként való mentéshez, százalékosan kódolt vagy base64 data: URI-t CSS hátérhez vagy beágyazott képforráshoz, vagy egy teljes img tagot, amelyet közvetlenül HTML-be másolhat. A nagyon nagy méretek vagy az unreasonably hosszú feliratok korlátozottak a helyett, hogy befagyasztanák a lapot vagy valami olyan lenne, amelyet senki sem tudna használni.

Minden lokálisan rajzolódik meg a böngészőjében az opció megváltoztatásának pillanatában — nincs kép generálva szerveren és semmi, amit gépel, nincs feltöltve sehova. Másolja ki az eredményt, töltse le .txt fájlként, vagy küldje közvetlenül egy másik eszközbe, például az SVG URL kódolóba vagy a színkonverterbe.

Gyakori kérdések

A kép frissül az opciók módosításakor?
Igen. Az előnézet élőben frissül, ahogy a szélességet, magasságot, színeket, a címkét vagy bármilyen más opciót módosítja.
Közvetlenül képforrásaként használhatom a kimenetet?
Igen. Válassza a data: URI vagy base64 formátumot, és másolja az eredményt közvetlenül egy <img src="…"> vagy egy CSS background-image képbe.
Mi történik, ha egyidejűleg beállítok egy képarányt és egy magasságot?
A képarány nyer: a magasság a szélességből kerül újraszámításra, így a kép megtartja azt a pontos arányt.
Van méretkorlát?
A szélesség és magasság maximum 4000 px, és egy rendkívül hosszú egyéni feliraton az eszköz elutasít egy üzenettel, amely arra kéri, hogy rövidítse meg, így az eszköz soha nem próbál olyan nagyságú képet felépíteni, amelyet senki sem tudna használni.
Az adataim feltöltésre kerülnek valahova?
Nem. A helyőrzőkép teljesen a böngészőjében jön létre — semmi nem kerül szerverre.