නියමිත ප්රමාණයේ placeholder රූපයක් සාදා ගන්නේ කෙසේද?

පළල (px) සහ උස (px) ඇතුළත් කර, වර්ණ හෝ Color theme එකක් තෝරා, ඉන්පසු PNG බාගන්න, JPG බාගන්න හෝ SVG බාගන්න ක්ලික් කරන්න. සාමාන්යයෙන් රූපයේ ලේබලය ලෙස 800 x 600 වැනි මානයන් පෙන්වයි.

ජනනය කළ හැකි විශාලතම placeholder රූප ප්රමාණය කුමක්ද?

පළල සහ උස යන දෙකම පික්සල 1 සහ 4000 අතර විය යුතුය. එම පරාසයෙන් පිටත අගයන් සඳහා පළල සහ උස 1 සහ 4000 px අතර විය යුතුය යන දෝෂය පෙන්වයි.

ගොනුවක් බාගත නොකර placeholder රූපයක් සෘජුවම HTML වෙත ඇතුළත් කරන්නේ කෙසේද?

Data URL ලෙස පිටපත් කරන්න ක්ලික් කර එය img ටැගයක src අගය ලෙස පේස්ට් කරන්න. ඔබට HTML කොටස පිටපත් කරන්න හෝ CSS පසුතලය පිටපත් කරන්න ද භාවිතා කළ හැක. බාහිර රූප සත්කාරක සේවා අවශ්ය නොවේ.

මට සම්මත සමාජ මාධ්ය හෝ වෙබ් ප්රමාණ ජනනය කළ හැකිද?

ඔව්. ගොඩනඟන ලද ප්රමාණ අතරට Instagram පෝස්ට්, Instagram කතාව, Twitter කාඩ්, Open Graph, YouTube කුඩා පිටපත, Facebook ආවරණ සහ විද්යුත්-තැපැල් හිසුර ඇතුළත් වේ. සියලු පෙරනිමි බාගන්න (ZIP) මඟින් එකොළහම PNG ගොනු ලෙස සුරකියි.

ප්ලේස්හෝල්ඩරයට මගේම පෙළ හෝ ඇල ඉරි එක් කරන්නේ කෙසේද?

මානයන් පෙන්වීම වෙනුවට Custom text හි Hero image වැනි ලේබලයක් ටයිප් කරන්න. සිහින් විකර්ණ රේඛා ඇඳීමට විකර්ණ රේඛා (X) පෙන්වන්න තෝරන්න. දිගු පෙළ පළලට ගැළපෙන පරිදි ස්වයංක්රීයව කුඩා වේ.

මෙය සැබැවින්ම නොමිලේද?

ඔව්. සෑම මෙවලමක්ම ගිණුමක් හෝ ක්රෙඩිට් කාඩ්පතක් නොමැතිව නොමිලේ භාවිත කළ හැක. ක්රියාවලිය අපගේ සේවාදායක වෙනුවට ඔබගේම උපාංගය මත ක්රියාත්මක වන අතර, මෙය නොමිලේ පවත්වාගෙන යාමට හැකි වන්නේ එබැවිනි.

ජංගම දුරකථනයේ ක්රියා කරයිද?

ඔව්. එය iOS සහ Android හි වත්මන් ජංගම බ්රවුසරවල ක්රියා කරයි, කිසිවක් ස්ථාපනය කිරීම අවශ්ය නැත.

🖼️

නොමිලේ Placeholder Image සකසන්නා

අභිරුචි මාන, පාඨ සහ වර්ණ සහිත වර්ණ ආදේශ රූප සාදන්න. සමාජ මාධ්‍ය, mockups සහ design comps සඳහා සාමාන්‍ය ප්‍රමාණ.

ඔබේ බ්‍රවුසරයේ ක්‍රියා කරයිලියාපදිංචි වීමක් නැත, පොප්-අප් නැතලොගිනය අවශ්‍ය නැතසදාකාලිකව නොමිලේ

පළල (px)

උස (px)

ගොඩනඟන ලද ප්‍රමාණ

වර්ණ තේමා

පසුබිම

පෙළ / රේඛා

අභිරුචි පෙළ (මිනුම් සඳහා හිස්ව තබන්න)

අභිරුචි පෙළ නොමැති නම් මිනුම් පෙන්වන්නවිකර්ණ රේඛා (X) පෙන්වන්න

💡 HTML mockups සඳහා: 'Data URL ලෙස පිටපත් කරන්න' භාවිත කර <img src='...'> ලෙස inline placeholders ලෙස අලවන්න. Figma / Sketch designs සඳහා, PNG බාගෙන ඇදගෙන ඇතුල් කරන්න.

පොදු භාවිත

ඉතිරි නරඩුවි සඳහා පිටුවල ඉතිරි සිතුවිල්ලFigma, Sketch හෝ වෙබ් නරඩුවි භාවිතා සඳහා ගිණුම ඉතිරි රඩු තනන්න සැබෑ සිතුවිල්ල කිරීම පෙර.
HTML නිරිතර සඳහා ඉතිරි පිටුවල ඉතිරි\'පුස්තකාලයක් දැන ගිණුම URL ඉතිරි\' භාවිතා කරමින් පිටුවල ඉතිරි සිතුවිල්ල කේත බිම ඉතිරි HTML සඳහා.
CMS කන්ටෙන්ට් සඳුවක් සඳහා පිටුවල ඉතිරිCMS සැකිල්ල ප්‍රදර්ශනය කරන, සිතුවිල්ල ඉතිරි සඳහා සැබෑ කන්ටෙන්ට් වැඩිවිසි සිටුවුම.
සිටිතින් මාධ්‍ය සිතුවිල්ල සැකිල්ලInstagram, Facebook, Twitter, LinkedIn සටහන සැකිල්ල සඳහා ඉතිරි ඉතිරි සිතුවිල්ල තනන්න.
CSS වෙබ් ඉතිරි සිතුවිල්ලසිතුවිල්ල අවසර අනුපාතයි කිරීමට ඉතිරි CSS වෙබ් පීඩනය-සිතුවිල්ල තනන්න.

එය ක්‍රියා කරන්නේ කෙසේද

සියල්ල HTML Canvas API සහ අතින් ලියන ලද SVG markup භාවිතයෙන් ඔබේ බ්‍රවුසරයේ සිදුවේ — කිසිදු සේවාදායකයක්, උඩුගත කිරීමක්, තෙවන පාර්ශව සේවාවක් නැත. ඔබ මානයන්, වර්ණ, සහ ලේබල් පෙළ සකසන අතර මෙවලම එම රූපය සජීවීව canvas අංගයක් මතට කෙලින්ම අඳී, පසුව අවශ්‍ය පරිදි එය PNG, JPEG, හෝ SVG බවට serialize කරයි.

1
මානයන් සහ වර්ණ වින්‍යාස කරන්න
පළල සහ උස (එක් එක් 1–4000 px) ටයිප් කරන්න, හෝ පොදු සමාජ මාධ්‍ය සහ නිර්මාණ ප්‍රමාණ ආවරණය කරන පෙරසැකසුම් එකොළහෙන් එකක් තෝරන්න. ගොඩනැගුණු තේමා වලින් හෝ ඕනෑම hex අගයක් සෘජුවම ඇතුළත් කිරීමෙන් පසුබිම් සහ පෙළ වර්ණයක් තෝරන්න; ස්වදේශික වර්ණ තෝරකයක් සහ වලංගුකළ පෙළ ක්ෂේත්‍රයක් සමමුහුර්තව රැඳේ.
2
Canvas API පෙරදසුන ක්ෂණිකව රෙන්ඩර් කරයි
React effect එකක් සෑම වෙනසකදීම drawPlaceholder() ඇමතේ. මෙම ශ්‍රිතය CanvasRenderingContext2D භාවිතයෙන් සෘජකෝණාශ්‍රය පසුබිම් වර්ණයෙන් පුරවා, විකල්පව 15% පාරදෘශ්‍යතාවකින් සියුම් විකර්ණ හරස්-රේඛා අඳී, පසුව ඔබේ ලේබල් පෙළ මනිනු ලබා මධ්‍ය-සකසා — canvas පළලෙන් 90% ක් තුළට ගැලපෙන තෙක් අකුරු ප්‍රමාණය ස්වයංක්‍රීයව හකුළුවයි.
3
PNG, JPEG, හෝ SVG ලෙස අපනයනය කරන්න
PNG සහ JPEG බාගැනීම් canvas.toDataURL() ඇමතී, base64 ප්‍රතිඵලය මතකයේ Blob එකකට පරිවර්තනය කර, iOS Safari හි බාගැනීම් නීති සම්පූර්ණ කිරීමට පරිශීලක ක්‍රියාව තුළ සමමුහුර්තව බාගැනීම ක්‍රියාත්මක කරයි. SVG අපනයනය ගැලපෙන rect එකක්, විකල්ප විකර්ණ රේඛා, සහ පෙළ අංගයක් සහිත ස්වයංපිහිටි SVG තන්තුවක් ගොඩනගා, එය .svg ගොනුවක් ලෙස සුරකියි.
4
කණ්ඩායම් අපනයනය සහ පිටපත් කෙටිමං
'Download all presets' බොත්තම ගතික ලෙස JSZip ආයාත කර, එකම අඳින ශ්‍රිතය භාවිතයෙන් off-screen canvas එකක් මතට එකොළහම පෙරසැකසුම් ප්‍රමාණ නැවත රෙන්ඩර් කර, PNG සියල්ල එක ZIP එකකට ඇසුරුම් කරයි. පිටපත් බොත්තම් PNG data URL එකක්, ඉන්ලයින් SVG img ටැගයක්, හෝ කේතයට ක්ෂණික paste කිරීම සඳහා CSS background-image ප්‍රකාශනයක් නිකුත් කරයි.