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 ফাইল + ওয়েব ম্যানিফেস্ট তৈরি করুন।