Sut mae creu delwedd dal-lle o union faint?

Teipiwch y Lled (px) a'r Uchder (px), dewiswch liwiau neu thema lliw, ac yna cliciwch ar Llwytho PNG, Llwytho JPG neu Llwytho SVG i lawr. Yn ddiofyn, mae'r ddelwedd yn dangos ei dimensiynau, fel 800 x 600, fel label.

Beth yw'r ddelwedd dal-lle fwyaf y gallaf ei chynhyrchu?

Rhaid i'r lled a'r uchder fod rhwng 1 a 4000 o bicseli'r un. Mae gwerthoedd y tu allan i'r ystod honno yn dangos y gwall Rhaid i'r lled a'r uchder fod rhwng 1 a 4000 px.

Sut mae rhoi delwedd dal-lle yn uniongyrchol mewn HTML heb ffeil?

Cliciwch ar Copïo fel data URL a'i ludo i mewn i dag img fel y gwerth src. Gallwch hefyd ddefnyddio Copïo darn HTML neu Copïo cefndir CSS. Nid oes angen gwesteiwr delweddau allanol.

A allaf gynhyrchu meintiau safonol ar gyfer cyfryngau cymdeithasol neu'r we?

Gallwch. Mae Meintiau rhagosodiad yn cynnwys Postiad Instagram, Stori Instagram, Cerdyn Twitter, Graff Agored, Llun uchafbwynt YouTube, Clawr Facebook a Pennawd e-bost. Mae Llwytho pob gosodiad ymlaen i lawr (ZIP) yn cadw pob un o'r un ar ddeg fel ffeiliau PNG.

Sut mae rhoi fy nhestun fy hun neu linellau croeslin ar y ddelwedd dal-lle?

Teipiwch label yn Custom text, er enghraifft Hero image, yn lle dangos dimensiynau. Ticiwch Dangos llinellau croeslin (X) i dynnu croesliniau gwan. Mae testun hir yn crebachu'n awtomatig i ffitio'r lled.

A yw'n rhad ac am ddim go iawn?

Ydy. Mae pob offeryn yn rhad ac am ddim i'w ddefnyddio, heb gyfrif a heb gerdyn credyd. Mae'r gwaith yn rhedeg ar eich dyfais yn hytrach nag ar ein gweinyddion ni, a dyna sy'n caniatáu iddo fod yn rhad ac am ddim i'w redeg.

A yw'n gweithio ar ffôn symudol?

Gall. Mae'n rhedeg ym mhorwyr symudol cyfredol iOS ac Android, heb ddim i'w osod.

🖼️

Generadur Delwedd Dal-lle am ddim

Cynhyrchwch ddelweddau dal-lle lliwgar gyda dimensiynau, testun, a lliwiau personol. Meintiau safonol ar gyfer cyfryngau cymdeithasol, modelau, a chomps dylunio.

Yn rhedeg yn eich porwrDim cofrestru, dim ffenestri naidNid oes angen mewngofnodiAm ddim am byth

Lled (px)

Uchder (px)

Meintiau rhagosodiad

Themâu lliw

Cefndir

Testun / llinellau

Testun wedi'i bersonoli (gadewch yn wag ar gyfer dimensiynau)

Dangos dimensiynau os nad oes testun wedi'i bersonoliDangos llinellau croeslin (X)

💡 Ar gyfer mociau HTML: defnyddiwch yr opsiwn 'Copïo fel data URL' a gludwch mewn <img src="..."> ar gyfer lleinwyr mewnosod. Ar gyfer dyluniadau Figma / Sketch, llwythwch y PNG a'i lusgo i mewn.

Defnyddiau cyffredin

Delweddau Lle-dal ar gyfer Mockups DylunioCynhyrchu blychau melyn ar faint i'w defnyddio mewn Figma, Sketch, neu mockups dylunio gwe cyn bod delweddau go iawn yn barod.
Lle-dalwyr Allinol ar gyfer HTML PrototypesDefnyddio 'Copïo fel URL data' i roi delweddau lle-dal yn llinol yn uniongyrchol i HTML ar gyfer prototypes cyflym.
Lle-dalwyr ar gyfer Slotiau Cynnwys CMSWrth ddangos templed CMS, defnyddio delweddau lle-dal yn lle cynnwys go iawn ar gyfer rhagolygon sensitif.
Templedi Delweddu Cyfryngau CymdeithasolCynhyrchu lle-dalwyr wedi'u maint yn gywir ar gyfer templedau postiau Instagram, Facebook, Twitter, LinkedIn.
Delweddau Profi Cynllun CSSCynhyrchu delweddau ar cymharebau agwedd eithafol i brofi cynllun CSS ymatebol.

Sut Mae'n Gweithio

Mae popeth yn digwydd yn eich porwr gan ddefnyddio'r HTML Canvas API a marciad SVG wedi'i ysgrifennu â llaw — dim gweinydd, dim llwytho, dim gwasanaeth trydydd parti. Rydych yn gosod dimensiynau, lliwiau, a thestun label, ac mae'r offeryn yn peintio'r ddelwedd yn uniongyrchol ar elfen cynfas mewn amser real, yna'n ei serialu i PNG, JPEG, neu SVG ar alwad.

1
Ffurfweddu dimensiynau a lliwiau
Teipiwch led ac uchder (1–4000 px bob un), neu ddewis un o un rhagosodiad ar ddeg sy'n cwmpasu meintiau cyffredin cyfryngau cymdeithasol a dylunio. Dewiswch liw cefndir a thestun o'r themâu adeiledig neu roi unrhyw werth hecs yn uniongyrchol; mae dewisydd lliw brodorol a maes testun wedi'i ddilysu'n aros yn gydamserol.
2
Mae Canvas API yn rendro'r rhagolwg ar unwaith
Mae effaith React yn galw drawPlaceholder() ar bob newid. Mae'r ffwythiant hwn yn defnyddio CanvasRenderingContext2D i lenwi'r petryal â'r lliw cefndir, yn dewisol yn tynnu llinellau croes-groes lledraidd gwan â 15% didreiddedd, yna'n mesur ac yn canoli-alinio eich testun label — yn crebachu'r ffont yn awtomatig hyd nes ei fod yn ffitio o fewn 90% o led y cynfas.
3
Allforio fel PNG, JPEG, neu SVG
Mae lawrlwythiadau PNG a JPEG yn galw canvas.toDataURL(), yn trosi'r canlyniad base64 yn Blob mewn cof, ac yn tanio'r lawrlwythiad — pob un yn gydamserol y tu mewn i'r ystum defnyddiwr fel bod rheolau lawrlwytho iOS Safari yn cael eu bodloni. Mae allforio SVG yn adeiladu llinyn SVG hunangynhwysol â rect cyfatebol, llinellau croeslinol dewisol, ac elfen testun, yna'n ei gadw fel ffeil .svg.
4
Allforio swp a llwybrau byr copïo
Mae'r botwm 'Lawrlwytho pob rhagosodiad' yn mewnforio JSZip yn ddeinamig, yn ail-rendro pob un o'r un rhagosodiad ar ddeg ar gynfas oddi-ar-sgrin gan ddefnyddio'r un ffwythiant tynnu, ac yn pecynnu pob PNG i mewn i un ZIP. Mae botymau copïo'n allyrru URL data PNG, tag img SVG mewn-lein, neu ddatganiad background-image CSS ar gyfer gludo ar unwaith i mewn i god.