Imagine SVG substituent la dimensiunile dorite

Îi ajută pe designeri și dezvoltatori în timpul construirii unei machete, când este necesară o imagine cu dimensiuni exacte.

Produce un fișier SVG la dimensiunile dorite pentru o machetă sau un test de aspect. Obții imediat un substituent potrivit spațiului ales.

Cum se folosește

Introduceți lățimea de care aveți nevoie pe prima linie, apoi înălțimea pe a doua.
Tastați un text opțional pe a treia linie dacă doriți să fie afișat în imaginea generată.
Rulați generarea pentru a produce SVG la dimensiunea solicitată.
Copiați codul din zona rezultatului și lipiți-l în pagină sau în fișierul de design.
Modificați valorile și generați din nou de câte ori aveți nevoie.

Exemplu

Exemplul solicită o lățime de 800, o înălțime de 450 și textul Banner. După generare, verificați că rezultatul este într-adevăr cod SVG și că dimensiunile corespund celor solicitate, deoarece aceste valori decid cât spațiu ocupă imaginea substituent în aspectul dumneavoastră.

Date de intrare

800
450
Banner

Limite și formate

Rezultatul este un desen vectorial, nu o fotografie, deci se potrivește în machete, nu în grafica finală.
Totul provine din ceea ce introduceți: dimensiunea și, opțional, un fragment de text.
Păstrați lățimea și înălțimea ca numere întregi pozitive.
Uitați-vă cum se afișează în browser înainte de a-l adăuga la o pagină activă.

Unde are loc procesarea

Imaginea vectorială este descrisă și asamblată de pagină în browser, folosind dimensiunea și textul pe care le furnizați. Niciun fișier nu este încărcat și nimic nu este transmis în timpul generării. Codul rămâne pe ecran până îl ștergeți sau părăsiți pagina.

Întrebări frecvente

Pentru ce este folosită de fapt o imagine substituent?

Ține locul graficii care nu este încă pregătită. Puteți vedea dacă un aspect se susține și dacă proporțiile planificate arată bine, fără a aștepta imaginea finală de la un designer sau fotograf.

Ce conține SVG-ul generat?

Descrie un cadru la dimensiunea solicitată, plus textul tastat, dacă ați tastat unul. Nimic altceva nu este adăugat, așa că știți întotdeauna ce conține codul înainte de a-l lipi undeva.

Ar trebui să îl păstrez pe un site activ?

Mai bine tratați-l ca pe un instrument de machetă, deoarece semnalează că o imagine lipsește încă. Înlocuiți-l cu imaginea finală înainte de publicare, altfel vizitatorii vor vedea imaginea substituent în loc de o fotografie.