Creation
اسپرائٹ شیٹ جنریٹر
ڈویلپرز کے لیے CSS، JSON، اور SCSS آؤٹ پٹ کے ساتھ متعدد امیجز کو ایک اسپرائٹ شیٹ میں ضم کریں۔
Your files stay on your device - processed locally via WebAssembly, never uploaded
Drop sprites (PNG, JPEG, WebP)
Drop multiple files at once. Add more anytime.
Embed this tool on your website
Copy this code to add the اسپرائٹ شیٹ جنریٹر to your site for free. It runs entirely in your visitors' browsers - no API key, no usage limits.
<iframe src="https://optipix.art/embed/sprite-sheet" width="100%" height="600" style="border:1px solid #e4e4e7;border-radius:8px;" title="اسپرائٹ شیٹ جنریٹر by OptiPix" loading="lazy"></iframe> <p style="font-size:12px">Free tool by <a href="https://optipix.art/sprite-sheet">OptiPix اسپرائٹ شیٹ جنریٹر</a></p>
❤️ Love this tool? Support our team.
No ads, no tracking, no limits. Tips keep 104 tools free for everyone.
Secure payment via Stripe · No account needed
About اسپرائٹ شیٹ جنریٹر
Last updated: May 2026
OptiPix Sprite Sheet Generator آپ کی متعدد تصاویر کو ایک آپٹیمائزڈ اسپرائٹ شیٹ میں یکجا کرتا ہے، جس میں CSS، JSON کوآرڈینیٹس، اور SCSS ویری ایبلز پیسٹ کرنے کے لیے تیار ہیں۔ ایک لے آؤٹ منتخب کریں: افقی پٹی، عمودی پٹی، گرڈ ( کسٹم کالم گنتی)، یا پیکڈ (کم سے کم ضائع شدہ جگہ کے لیے بن-پیکڈ)۔ کناروں کے لیک ہونے سے بچنے کے لیے اسپرائٹس کے درمیان پیڈنگ سیٹ کریں۔ آؤٹ پٹ ایک واحد PNG اسپرائٹ شیٹ ہے جس میں ہر اسپرائٹ کے لیے تیار کردہ CSS ('.sprite-icon-home { background-position: -0px -0px; … }')، ایک JSON کوآرڈینیٹ میپ، اور SCSS ویری ایبلز شامل ہیں۔ ریٹنا @1x اور @2x اسکیلنگ کی حمایت حاصل ہے۔ ہر اسپرائٹ کا نام اس کی سورس فائل نام سے رکھا گیا ہے۔ سب کچھ مقامی طور پر چلتا ہے - آپ کی تصاویر کبھی بھی آپ کے آلے سے باہر نہیں جاتیں۔ گیم ڈویلپرز، CSS اسپرائٹس استعمال کرنے والے ویب ڈویلپرز، اور کوئی بھی جو چھوٹی آئیکنز کو ایک نیٹ ورک ریکوسٹ میں بنڈل کرنا چاہتا ہے، ان کے لیے بنایا گیا ہے۔
How It Works
ہر ان پٹ امیج کو میموری میں لوڈ کیا جاتا ہے؛ منتخب لے آؤٹ الگورتھم (اسٹرپ، گرڈ، یا شیلف بن-پیک) فی اسپرائٹ (x, y, w, h) کوآرڈینیٹس کا حساب لگاتا ہے؛ اسپرائٹ شیٹ کو ایک کینوس پر رینڈر کیا جاتا ہے؛ CSS / JSON / SCSS اسی کوآرڈینیٹ میپ سے تیار کیے جاتے ہیں۔
Use Cases
- •UI آئیکنز کو ایک PNG + CSS اسپرائٹ شیٹ میں بنڈل کریں
- •Phaser یا Pixi کے لیے 2D گیم کے لیے اسپرائٹ اٹلس بنائیں
- •تیز تر سائٹ کے لیے سوشل میڈیا آئیکنز کو ایک CSS اسپرائٹ میں یکجا کریں
- •کریکٹر اینیمیشن فریمز کو ایک افقی پٹی میں پیک کریں
- •سورس امیجز سے ریٹنا-ریڈی @2x اسپرائٹ شیٹ بنائیں
You Might Also Like
If you find اسپرائٹ شیٹ جنریٹر useful, check out these related tools: Image Crop, Image Resizer, and Format Converter. All tools run entirely in your browser with no uploads or signups required.
Explore more: Browse all tools · Step-by-step guides · Tips & tutorials · Compare tools
Frequently Asked Questions
مجھے کون سا لے آؤٹ استعمال کرنا چاہیے؟
بن-پیکنگ کیا ہے؟
کیا میں CSS / JSON / SCSS ایکسپورٹ کر سکتا ہوں؟
اسپرائٹ شیٹ کیوں استعمال کریں؟
کیا میری تصاویر اپ لوڈ کی جاتی ہیں؟
Related Tools
امیج کراپ
کسی بھی اسپیکٹ ریشو یا شکل - دائرہ، دل، ستارہ، ہیکساگون - کے ساتھ روٹیٹ اور سیدھا کرنے کے ساتھ کراپ کریں۔
امیج ری سائز
Instagram، Twitter، LinkedIn، اور مزید کے لیے امیجز کا سائز تبدیل کریں۔
فارمیٹ کنورٹر
JPEG، PNG، WebP، اور مزید کے درمیان امیجز کو کنورٹ کریں۔
فیو آئیکن جنریٹر
کسی بھی امیج، ٹیکسٹ، یا ایموجی سے ہر فیو آئیکن سائز + ICO فائل + ویب مینی فیسٹ تیار کریں۔