Gineadóir Íomhá Sealbhóra Áite saor in aisce
Gin íomhánna sealbhóra áite daite le toisí, téacs, agus dathanna saincheaptha. Méideanna caighdeánacha le haghaidh meáin shóisialta, maicíochtaí, agus comhdhéanamh dearaidh.
Méideanna réamhshocraithe
Téamaí dathanna
💡 Le haghaidh samhaltuithe HTML: úsáid an rogha 'Cóipeáil mar data URL' agus greamaigh in <img src="..."> le haghaidh áitsealbhóirí inlíne. Le haghaidh dearaí Figma / Sketch, íoslódáil an PNG agus tarraing isteach.
Úsáidí coitianta
- Íomhánna Soláthair i gcomhair Mockups DhearcGiniúigh dásanna dathach ar méid i gcomhair úsáide in Figma, Sketch, nó mockups dearc gréine sula bhíonn íomhánna fíor réidh.
- Soláthair Inlíneaithe do HTML FrumhgeartaBain úsáid as 'Cóip mar URL sonraí' chun íomhánna soláthair a líneáil go díreach i HTML i gcomhair fomhurcartaí gasta.
- Soláthair i gcomhair Spásanna Ábhair CMSNuair atá samhail CMS á thaibhsiú, bain úsáid as íomhánna soláthair in ionad ábhair fíor i gcomhair réamhbhreachta mothúcháin.
- Samhluachta Íomhánaí Meáin ShóisialtaGiniúigh soláthair ar dheas-chóir i gcomhair Instagram, Facebook, Twitter, LinkedIn samhluachta poist.
- Íomhánna Tástála Leagan CSSGiniúigh íomhánna ar chóimheasa géire chun CSS leagan freagarach a thriail.
Conas a Oibríonn sé
Tarlaíonn gach rud i do bhrabhsálaí ag baint úsáide as an API Canvas HTML agus marcáil SVG lámhscríofa — gan freastalaí, gan uaslódáil, gan seirbhís tríú páirtí. Socraíonn tú toisí, dathanna, agus téacs lipéid, agus péinteálann an t-uirlis an íomhá go díreach ar eilimint chanbháis i bhfíor-am, ansin sraithíonn sé í go PNG, JPEG, nó SVG ar iarratas.
- 1Cumraigh toisí agus dathannaClóscríobh leithead agus airde (1–4000 px an ceann), nó roghnaigh ceann de aon phréamhshocrú déag a chlúdaíonn méideanna coitianta meán sóisialta agus dearaidh. Roghnaigh dath cúlra agus téacs ó na téamaí ionsuite nó cuir isteach aon luach heics go díreach; fanann roghnóir datha dúchasach agus réimse téacs bailíochtaithe sioncronaithe.
- 2Rindreálann an API Canvas an réamhamharc láithreachGlaonn éifeacht React ar drawPlaceholder() ar gach athrú. Úsáideann an fheidhm seo CanvasRenderingContext2D chun an dronuilleog a líonadh leis an dath cúlra, líne chrosaireachta fánach fhánach roghnach a tharraingt ag 15% teimhneacht, ansin do théacs lipéid a thomhas agus a lárailíniú — ag laghdú an chló go huathoibríoch go dtí go n-oireann sé laistigh de 90% de leithead an chanbháis.
- 3Easpórtáil mar PNG, JPEG, nó SVGGlaonn íoslódálacha PNG agus JPEG ar canvas.toDataURL(), tiontaíonn siad an toradh base64 go Blob i gcuimhne, agus spreagann siad an íoslódáil — go léir go sioncrónach laistigh de ghotha an úsáideora ionas go gcomhlíontar rialacha íoslódála Safari iOS. Tógann easpórtáil SVG teaghrán SVG féinchuimsitheach le rect meaitseála, línte fánacha roghnacha, agus eilimint téacs, ansin sábháileann sé mar chomhad .svg é.
- 4Easpórtáil baisc agus aicearraí cóipeálaIompórtálann an cnaipe 'Íoslódáil gach réamhshocrú' JSZip go dinimiciúil, atairgeann sé gach ceann de na haon phréamhshocrú déag ar chanbhás as radharc ag baint úsáide as an bhfeidhm tarraingthe chéanna, agus pacálann sé gach PNG isteach in aon ZIP amháin. Astaíonn cnaipí cóipeála URL sonraí PNG, clib íomhá SVG inlíne, nó dearbhú CSS background-image le haghaidh greamú láithreach isteach i gcód.
Uirlisí Gaolmhara
Gineadóir Lorem Ipsum
Gin téacs sealbhóra áite Lorem Ipsum. Roghnaigh focail, abairtí, nó mír. Cóipeáil le haon chliceáil.
Comhbhrúiteoir Íomhá
Comhbhrúigh íomhánna JPG, PNG, WebP, agus AVIF. Féach roimh/i ndiaidh comparáide.
Athmhéadaitheoir Íomhá
Athraigh méid íomhánna de réir toisí nó céatadán. Coinnigh cóimheas gné, roghnaigh formáid aschuir, gan aon chaillteanas cáilíochta.