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.

All packing happens in your browser. Sprites are never uploaded.
Share this tool with othersHelp others discover free tools
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.

Frequently Asked Questions

আমার কোন লেআউট ব্যবহার করা উচিত?
সমান আকারের আইকনগুলির জন্য, গ্রিড ব্যবহার করুন। পরিবর্তনশীল আকারের স্প্রাইটগুলির জন্য, অপচয়িত স্বচ্ছ স্থান কমাতে প্যাকড (বিন-প্যাকিং) ব্যবহার করুন। ক্যারেক্টার অ্যানিমেশনের জন্য হরাইজন্টাল/ভার্টিকাল স্ট্রিপগুলি উপযোগী।
বিন-প্যাকিং কি?
বিন-প্যাকিং বিভিন্ন আকারের আয়তক্ষেত্রগুলিকে ক্ষুদ্রতম সম্ভাব্য বাউন্ডিং বক্সে সাজায়। OptiPix একটি সাধারণ শেল্ফ-প্যাক অ্যালগরিদম ব্যবহার করে যা WebAssembly ওভারহেড ছাড়াই বেশিরভাগ স্প্রাইট সেটের জন্য প্রায়-অপ্টিমাল ফলাফল দেয়।
আমি কি CSS / JSON / SCSS এক্সপোর্ট করতে পারি?
হ্যাঁ - তিনটিই। CSS আপনাকে রেডি-টু-পেস্ট ক্লাস ডেফিনিশন দেয়। JSON আপনাকে গেম ইঞ্জিনগুলির জন্য একটি কোঅর্ডিনেট ম্যাপ দেয়। SCSS আপনাকে মিক্সিন-বান্ধব ভেরিয়েবল দেয়।
কেন একটি স্প্রাইট শীট ব্যবহার করবেন?
স্প্রাইট শীটগুলি এক ডজন ছোট ছবিকে একটি HTTP অনুরোধে বান্ডিল করে, লোড টাইম, অনুরোধের সংখ্যা এবং CDN খরচ নাটকীয়ভাবে হ্রাস করে। আইকন, গেম অ্যাসেট এবং CSS ব্যাকগ্রাউন্ডের জন্য এখনও প্রাসঙ্গিক।
আমার ছবি কি আপলোড করা হয়?
না। স্প্রাইটগুলি একটি স্থানীয় ক্যানভাসে সাজানো হয় এবং একটি PNG হিসাবে এক্সপোর্ট করা হয় - কিছুই কোনও সার্ভারে পাঠানো হয় না।

Related Tools

More Content Creation Tools

All 102 Tools

Image CompressorBackground RemoverVideo CompressorImage UpscalerOCR Text ExtractorFormat ConverterImage ResizerEXIF RemoverFace BlurDepth EstimationQR Code GeneratorWatermark MakerColor Palette ExtractorPhoto FiltersImage to PDFObject DetectionImage ClassifierImage CaptionerAI Image GeneratorMeme GeneratorGIF MakerPhoto Collage MakerImage CropPhoto EffectsImage to SVGColor ChangerNoise RemoverPhoto RestorationColor PickerFavicon GeneratorImage to Base64Image Metadata ViewerImage AnnotatorPassport Photo MakerDocument ScannerASCII Art GeneratorImage ComparisonSprite Sheet GeneratorObject RemoverPanorama MakerWord CounterCase ConverterLorem Ipsum GeneratorUUID GeneratorUnix Timestamp ConverterText DiffURL Encoder / DecoderHTML Entity Encoder / DecoderBase64 Text Encoder / DecoderText to Binary / Hex / OctalHash GeneratorJSON Formatter / ValidatorRandom String GeneratorCSV ↔ JSON ConverterMarkdown EditorUnit ConverterPercentage CalculatorBMI CalculatorAge CalculatorTip CalculatorCSS Gradient GeneratorCSS Box Shadow GeneratorCSS Border Radius GeneratorGlassmorphism GeneratorNeumorphism GeneratorCSS Text Shadow GeneratorFlexbox PlaygroundCSS Grid GeneratorAudio TrimmerAudio ConverterAudio MergerAudio RecorderVideo to Audio ExtractorAudio Speed ChangerAudio Volume BoosterRingtone MakerVocal RemoverText to SpeechSpeech to TextAudio Noise RemoverAudio EqualizerAudio EffectsVideo TrimmerVideo MergerVideo ResizerVideo Speed ChangerVideo RotatorVideo to MP4 ConverterAdd Music to VideoMute VideoVideo LooperReverse VideoVideo ScreenshotAdd Subtitles to VideoVideo WatermarkScreen RecorderWebcam RecorderSlideshow MakerVideo FiltersCron Expression BuilderRegex TesterUnix Timestamp Converter