Sări la conținut
Complet local

Generator de imagini placeholder

Generaţi o imagine SVG placeholder cu dimensiuni, culori şi etichetă personalizate — ca SVG, data: URI sau tag <img>.

0
Ieșire

Generator de imagini placeholder

Alegeţi o lăţime şi o înălţime — sau un raport de aspect obişnuit cum ar fi 16:9 sau 4:3 — şi acest instrument desenează o imagine placeholder pe loc, gata de a fi plasată într-un mockup, un plan de sârmă sau într-o locaţie din marcajul dvs. unde activul real nu este încă gata. Se redă ca SVG, deci caseta rămâne clară la orice dimensiune şi se scalează fără o raster neclară în spate.

Alegeţi o culoare de fundal şi text, şi lăsaţi eticheta să nu fie implicit dimensiunile redate (cum ar fi "800×600") sau tastaţi propria legendă — un nume de componentă, un punct de întrerupere, orice care vă ajută să distingem un placeholder de altul în timp ce construiţi. Familie de fonturi şi dimensiune sunt de asemenea ajustabile, iar rotunjirea colţurilor sau suprapunerea unei grile sau a unei cruci diagonale dă casetei aspectul familiar "acesta este un placeholder" în loc de un simplu dreptunghi gri.

Alegeţi modul în care rezultatul iese: marcaj SVG brut pentru a salva ca fişier, o data: URI codificată în procente sau una în bază64 pentru un fundal CSS sau o sursă de imagine inline, sau o etichetă img completă pe care o puteţi lipi direct în HTML. Dimensiunile foarte mari sau o etichetă de etichă pe care nimeni n-ar putea-o folosi.

Tot ceea ce se desenează local în browserul dvs. în momentul în care modificaţi o opţiune — nicio imagine nu este generată pe un server şi nimic din ceea ce tastaţi nu este încărcat nicăieri. Copiaţi rezultatul, descărcaţi-l ca fişier .txt, sau trimitere-l direct unui alt instrument, cum ar fi codul SVG encoder sau convertor de culori.

FAQ

Imagine se actualizează pe măsură ce schimb opţiunile?
Da. Previzualizarea se regenerează în timp real pe măsură ce ajustaţi lăţimea, înălţimea, culorile, eticheta sau orice altă opţiune.
Pot folosi ieşirea direct ca sursă de imagine?
Da. Alegeţi formatul data: URI sau bază64 şi lipiţi rezultatul direct într-o etichetă <img src="..."> sau o imagine de fundal CSS.
Ce se întâmplă dacă setez un raport de aspect şi o înălţime în acelaşi timp?
Raportul de aspect câştigă: înălţimea este recalculată din lăţime, deci imaginea menţine exact acel raport.
Există o limită de dimensiune?
Lăţimea şi înălţimea sunt limitate la 4000px fiecare, iar o etichetă personalizată extrem de lungă este respingă cu un mesaj cerând să o scurtaţi, deci instrumentul nu încearcă niciodată să construiască o imagine inutilizabil de mare.
Datele mele sunt încărcate undeva?
Nu. Imaginea placeholder este generată în întregime în browserul dvs. — nimic nu este trimis unui server.