Kako ustvarim nadomestno sliko točno določene velikosti?

Vnesite Širina (px) in Višina (px), izberite barve ali Barvno temo in kliknite Prenesi PNG, Prenesi JPG ali Prenesite SVG. Privzeto slika prikazuje svoje dimenzije, na primer 800 x 600, kot oznako.

Katera je največja nadomestna slika, ki jo lahko ustvarim?

Širina in višina morata biti med 1 in 4000 slikovnih pik. Vrednosti izven tega obsega prikažejo napako Širina in višina morata biti med 1 in 4000 px.

Kako dam nadomestno sliko neposredno v HTML brez datoteke?

Kliknite Kopiraj kot URL podatkov in jo prilepite v značko img kot vrednost src. Uporabite lahko tudi Kopiraj HTML odlomek ali Kopiraj CSS ozadje. Zunanje gostovanje slik ni potrebno.

Ali lahko ustvarim standardne velikosti za družbena omrežja ali splet?

Da. Prednastavljene velikosti vključujejo Objava Instagrama, Zgodba Instagrama, Twitterjeva kartica, Open Graph, YouTube sličica, Naslovnica Facebooka in Glava e-pošte. Prenesite vse prednastavke (ZIP) shrani vseh enajst kot datoteke PNG.

Kako na nadomestno sliko dodam svoje besedilo ali diagonalne črte?

V polje Besedilo po meri vnesite oznako, na primer Glavna slika, namesto prikaza dimenzij. Obkljukajte Pokaži diagonalne črte (X), da narišete blage diagonale. Dolgo besedilo se samodejno pomanjša, da ustreza širini.

Ali je res brezplačno?

Da. Vsako orodje je brezplačno za uporabo, brez računa in kreditne kartice. Delo poteka na vaši napravi in ne na naših strežnikih, kar omogoča brezplačno delovanje.

Ali deluje na mobilniku?

Da. Deluje v sodobnih mobilnih brskalnikih na iOS in Androidu, brez namestitve.

🖼️

Generator nadomestnih slik — brezplačno

Ustvarite barvne nadomestne slike s prilagojenimi dimenzijami, besedilom in barvami. Standardne velikosti za družbena omrežja, makete in dizajnerske kompozicije.

Deluje v vašem brskalnikuBrez registracije, brez pojavnih okenPrijava ni potrebnaBrezplačno za vedno

Širina (px)

Višina (px)

Prednastavljene velikosti

Barvne teme

Ozadje

Besedilo / črte

Besedilo po meri (pustite prazno za mere)

Pokaži mere, če ni besedila po meriPokaži diagonalne črte (X)

💡 Za HTML makete: uporabite možnost «Kopiraj kot URL podatkov» in prilepite v <img src=\"...\"> za vdelane nadomestne slike. Za Figma / Sketch oblikovanje prenesite PNG in ga povlecite noter.

Pogosta področja uporabe

Slike rezervnih mest za oblikovanje maketeUstvari usmerjene barvne okvirje za uporabo v Figmi, Sketch ali maketi spletnega oblikovanja, preden so prave slike pripravlje.
Vstavljena rezervna mesta za HTML maketeUporabite 'Kopiraj kot URL podatkov', da direktno vstavite slike rezervnih mest v HTML za hitre makete.
Rezervna mesta za CMS reže vsebinePri demonistraciji CMS predlog uporabite slike rezervnega mesta namesto pravega vsebine za občutljive prikaze.
Predloge slik za družabne medijeUstvari pravilno velikostna rezervna mesta za Instagram, Facebook, Twitter, LinkedIn predlog objave.
CSS slike testiranja izkopaUstvari slike z ekstremnimi razmerji aspektor za test obremenitve odzivnega CSS izkopa.

Kako deluje

Vse se dogaja v vašem brskalniku z uporabo HTML Canvas API in ročno napisanih oznak SVG — brez strežnika, brez nalaganja, brez storitve tretje osebe. Nastavite mere, barve in besedilo oznake, orodje pa v realnem času nariše sliko neposredno na element platna, nato jo na zahtevo serializira v PNG, JPEG ali SVG.

1
Konfigurirajte mere in barve
Vtipkajte širino in višino (1–4000 px vsaka), ali izberite eno od enajstih prednastavitev, ki pokrivajo pogoste velikosti za socialna omrežja in oblikovanje. Izberite barvo ozadja in besedila iz vgrajenih tem ali neposredno vnesite katero koli šestnajstiško vrednost; nativen izbirnik barv in preverjeno besedilno polje ostajata sinhronizirana.
2
Canvas API takoj izriše predogled
React učinek ob vsaki spremembi pokliče drawPlaceholder(). Ta funkcija uporablja CanvasRenderingContext2D za polnjenje pravokotnika z barvo ozadja, izbirno nariše rahle diagonalne križne črte pri 15 % prosojnosti, nato izmeri in centrira vaš tekst oznake — samodejno zmanjšuje pisavo, dokler se ne prilega znotraj 90 % širine platna.
3
Izvoz kot PNG, JPEG ali SVG
Prenosi PNG in JPEG kličejo canvas.toDataURL(), pretvorijo rezultat base64 v Blob v pomnilniku in sprožijo prenos — vse sinhrono znotraj uporabniške geste, tako da so izpolnjena pravila prenosa iOS Safari. Izvoz SVG zgradi samostojen niz SVG z ujemajočim pravokotnikom, izbirnimi diagonalnimi črtami in besedilnim elementom, nato ga shrani kot datoteko .svg.
4
Množičen izvoz in bližnjice za kopiranje
Gumb 'Prenesi vse prednastavitve' dinamično uvozi JSZip, znova izriše vsako od enajstih prednastavljenih velikosti na platno zunaj zaslona z uporabo iste risalne funkcije in zapakira vse PNG v en ZIP. Gumbi za kopiranje ustvarijo podatkovni URL PNG, vrstično oznako img SVG ali deklaracijo CSS background-image za takojšnje lepljenje v kodo.