সিএসএস স্প্রিট তৈরির সরঞ্জাম? [বন্ধ]

Question

সিএসএস স্প্রাইট তৈরির জন্য কি কোনও ভাল সরঞ্জাম আছে?

মূলত আমি এগুলি ইমেজগুলির একটি ডিরেক্টরি এবং একটি বিদ্যমান। সিএসএস ফাইল দিতে চাই যা এই চিত্রগুলিকে বোঝায় এবং এটি একটি ছোট চিত্র তৈরি করে সমস্ত ছোট চিত্রের সাথে অনুকূল হয়ে যায় এবং সেই চিত্রগুলিকে উল্লেখ করতে আমার .css ফাইলটি পরিবর্তন করতে পারে।

কমপক্ষে আমি চাই যে এটি চিত্রগুলির একটি ডিরেক্টরি নেবে এবং একটি বৃহত স্প্রাইট তৈরি করতে এবং প্রতিটি ব্যাকগ্রাউন্ড হিসাবে ব্যবহার করার জন্য প্রয়োজনীয় সিএসএস তৈরি করতে পারে।

এটি করার জন্য কোনও ভাল ফটোশপ প্লাগইন বা পুরোপুরি ফুটিয়ে তোলা অ্যাপস রয়েছে?

Comments

আরও দেখুন stackoverflow.com/questions/519774/...

— tehvan

আপনি কি দয়া করে আরও কিছুটা ব্যাখ্যা করতে পারেন, আপনি কি আরও বড় আকারের সমস্ত স্প্রাইট সংকলন করার চেষ্টা করছেন এবং তারপরে ডান স্প্রিট যুক্ত চিত্রটির অংশটি প্রদর্শন করতে CSS ব্যবহার করুন use (সহচরী দরজা কৌশল)

— teh_noob

পটভূমির রঙ পরিবর্তন করার কোনও উপায় আছে যাতে আমি স্প্রিটপ্যাডে আমার সাদা আইকন দেখতে পারি?

— জিম

সত্যিই বুঝতে পারছি না কেন এটি বন্ধ ছিল ?? অনেক ভাল দরকারী উত্তর আছে বলে মনে হচ্ছে। এটি যুক্তিযুক্তভাবে একটি সুপারস্যার প্রশ্ন হওয়া উচিত কারণ আমি কোনও বিশেষ প্রোগ্রামিং ভাষার উল্লেখ করি না তবে আমি যে উত্তর পেয়েছি তা পছন্দ করি এবং সেগুলি স্পষ্টতই অনেকের পক্ষে কার্যকর হয়েছে।

— সাইমন_উইভার

দয়া করে godশ্বর এই প্রশ্নটি মুছবেন না, এটি এই সমস্যার জন্য ইন্টারনেটে সবচেয়ে সহায়ক তালিকা এবং এটি অবশ্যই প্রোগ্রামিংয়ের সাথে সম্পর্কিত (যদিও এটি প্রতি-কথার কোনও প্রোগ্রামিং প্রশ্ন নাও) । এটি অবশ্যই একটি রায়-আহ্বান, এবং মোডগুলি দ্বারা জোর করে বন্ধ করা উচিত নয় ; সম্প্রদায়ের ভোট-সমাপ্তি ব্যবস্থার জন্য

— এটিই

Answer 1

এটি আপনার জন্য 90% কাজ করবে: সিএসএস স্প্রাইট জেনারেটর । আপনাকে এখনও নিয়মগুলি নিজে সম্পাদনা করতে হবে, তবে সরঞ্জামটি আপনাকে নতুন সিএসএস ফাইলের জন্য প্রয়োজনীয় কোড টুকরো দেবে।

Comments

@ নিখুঁত! ধরে

— নিচ্ছি

আমি এই সরঞ্জামটির সাথে কিছুটা অসন্তুষ্ট তাই আমি এটিকে আমার নির্বাচিত উত্তর হিসাবে আনচোজ করি। এটি আমার চিত্রটি

— কাটছে

আমি এই সমাধানটি পছন্দ করি না, যদিও আমি অনুমান করি যে এটি ঠিক আছে। স্প্রেটমি মনে হয় আরও ভাল কাজ করছে।

— চক লে বাট

এই সরঞ্জামটির সাথে সমস্যাটি হ'ল চিত্রগুলি সম্পূর্ণ মানের নয়।

— জিম

Answer 2

তাত্ক্ষণিক স্প্রাইট হ'ল একটি ব্রাউজার সিএসএস স্প্রাইট জেনারেটর আমি কাজ করছি। এটি সত্যিই দ্রুত, তবে অন্যদের মতো বেশ কয়েকটি বৈশিষ্ট্য নেই। এটি বর্তমানে ফায়ারফক্স বা ক্রোমে কাজ করে, কারণ এটি আপলোড ছাড়াই ওয়েব ব্রাউজারের ভিতরে স্প্রিট তৈরি করতে জাভাস্ক্রিপ্ট ফাইলরেডার এবং এইচটিএমএল ক্যানভাস ব্যবহার করে।

Comments

বাহ, কি দুর্দান্ত সরঞ্জাম। ধন্যবাদ!

— ভিভিয়ান নদী

আপনি এখানে পোস্ট করার পরেও আমি আপনার সরঞ্জামটি কিছু উত্পাদন ওয়েবসাইটগুলিতে কাজ করার জন্য ব্যবহার করেছি। এটি খুব সহজ এবং সহজ।

— ভিভিয়ান নদী

+1 টি। আপনার সরঞ্জামটি আমি যে চেষ্টা করেছি তার চেয়ে অনেক ভাল।

— এড বেয়িয়েটস

এটি এখনও সবচেয়ে স্বজ্ঞাত এক ... ধন্যবাদ ... (যদিও, এতে পারফরম্যান্সের সমস্যাগুলি কমাতে স্প্রিটের "স্মার্ট" লেআউটটি অন্তর্ভুক্ত করা উচিত)

— কুমারহর্ষস

ধন্যবাদ সবাইকে! @ হর্ষ, আমি লেআউটটি সম্পর্কে একমত - আমি বেশ কিছুক্ষণ আগে এটি নিয়ে পরীক্ষা-নিরীক্ষা শুরু করেছিলাম কিন্তু কখনই এটি কাজ করে নি: github.com/bgrins/InstantSprite/tree/bin-pack

— ব্রায়ান গ্রিনস্টেড

Answer 3

স্টিভ সাউডারস দ্বারা এখন স্প্রাইট মি। এটি চেষ্টা করে দেখুন এবং এটি বেশ ভালভাবে কাজ করছে বলে মনে হচ্ছে।

এখানে লিঙ্কটি http://spriteme.org/ এবং এখানে এটির ঘোষণা করা ব্লগ পোস্ট।

http://www.stevesouders.com/blog/2009/09/14/spriteme/

Comments

+1 এটি আশ্চর্যজনকভাবে ব্যবহার করা সহজ: আপনি যে পৃষ্ঠায় চান তা স্রেফ নেভিগেট করুন এবং স্প্রিটমি বুকমার্কলেট ক্লিক করুন ... এটি চিত্রগুলি এবং সিএসএস স্বয়ংক্রিয়ভাবে তৈরি করে!

— চক লে বাট

এটি একটি দুর্দান্ত সরঞ্জাম, তবে এটির জন্য আপনার চিত্রগুলির একটি জিপ ফাইল প্রয়োজন এবং এটি আপনার স্প্রিটগুলিকে যে ক্রমটি রাখে তা হ'ল জিপ ক্রম। ব্রায়ানের নীচের সরঞ্জামটি আপনাকে ফাইলগুলি আপলোড করতে এবং ক্রম পরিবর্তন করতে ড্রাগ এবং ড্রপ এনে মঞ্জুরি দেয়।

— এড বায়িয়েটস

আমি চাই এটা সহজলভ্য সোর্স কোড আছে যা

— lkraav

Answer 4

এটি আশাব্যঞ্জক দেখাচ্ছে:

http://csssprites.org/

এছাড়াও আমি এই নিবন্ধটি পেয়েছি যা কিছু দরকারী তথ্য আছে, এবং এমনকি কিছু পাঠকের মন্তব্য পড়ার জন্য।

এছাড়াও স্পষ্টতই গুগল ওয়েব টুলকিটের কিছু আছে - তাই আপনি যদি এটি ব্যবহার করেন তবে এটি চেক করার মতো হতে পারে।

Comments

মনে হচ্ছে পৃষ্ঠাটি আর কাজ করে না ...

— বব

smartsprites.osinski.name এর নামকরণ করা হয়েছে csssprites.org , সুতরাং আমি এটি আপনার জন্য সম্পাদনা করেছি। আমি এখানে যা দেখেছি সেগুলি থেকে বিল্ড প্রক্রিয়ায় একীভূত হতে পারে এমন কয়েকটি বিকল্পের মধ্যে এটি অন্যতম বলে মনে হচ্ছে।

— রিপার 234

Answer 5

এটা চেষ্টা কর:

http://spritepad.wearekiss.com/

Comments

এটি অবশ্যই বৈধ। সংরক্ষিত স্প্রিটম্যাপস আইএমএইচও একটি কী, তাই প্রতিটি চিত্রের সামগ্রীর পরিবর্তনের সাথে পুরো স্থানাঙ্ক সেটটিকে পুনরায় গণনার পরিবর্তে কেবল প্রাসঙ্গিক চিত্র এবং কোডের লাইনগুলি সময়ের সাথে সাথে পরিবর্তন করতে হবে change

— lkraav

Answer 6

জিরোস্প্রিটস হ'ল একটি সিএসএস স্প্রাইটস জেনারেটর যা ভিএলএসআই ফ্লোরপ্ল্যানিং অ্যালগরিদমগুলি ব্যবহার করে অঞ্চল হ্রাসকরণের লক্ষ্য।

Answer 7

এটি একটি খুব দ্রুত পেয়েছে যে 500 কে আপলোড সীমাটি ব্যথা হতে পারে। উত্স কোড এখানে উপলব্ধ

Comments

500kb আপলোড কেন ব্যথা হবে? আমি সম্ভবত কখনই>

— 100kb

আমি বলেছিলাম এটি 'ব্যথা' হতে পারে। এটা কোন আবেদনের উপর নির্ভর করে? .. মাঝারি আকারের পিএনজিতে পূর্ণ একটি জিপ ফাইল, উদাহরণস্বরূপ, একটি বৃহত আকারের গ্রিডে number ~ পারে this এই সংখ্যার কাছাকাছি চলে। যদি এটির সমস্ত সামান্য বিটম্যাপ হয় তবে নিশ্চিত / কোনও প্রোব নয়।

— স্কট এভারেনডেন

হ্যাঁ, তবে সিএসএস স্প্রাইটের পুরো পয়েন্টটি হ'ল প্রচুর অনুরোধের সাথে প্রচুর ছোট ছবি লোড হওয়া রোধ করা। যদি আপনার কাছে সত্যিই এমন অনেক ছোট স্প্রিট থাকে তবে লোড করতে এটি অনেক সময় নিতে পারে যে সময়টিতে কোনওটি প্রদর্শিত হবে না। এগুলি বজায় রাখার পক্ষে সেরা আমি সর্বাধিক 100kb ভাবি think আপনি সর্বদা বেশ কয়েকটি করতে পারেন

— সাইমন_উইভার

আমি ছবি নিয়ে অনেক কাজ করি। হয়তো সামান্য সিএসএস বিটম্যাপস নয়। তাই সম্ভবত আমি ক্যাভেটটি দিয়েছিলাম। আপনার চাহিদা আলাদা / ঠিক আছে। 500kb বেশিরভাগ ব্রডব্যান্ডগুলিতে এক সেকেন্ডে আসবে। আমি প্রথমে আপনার প্রশ্নের উত্তর গৃহীত করেছি এবং আমি এখানে আছি ~ আমার ভাষাকে ভোট দিয়েছি এবং রক্ষা করছি? যাই হোক না কেন ...

— স্কট এভারেন্ডেন

এটি আমার জন্য বেদনাদায়ক ছিল, যেহেতু আমি যে চিত্রগুলি দিয়ে শুরু করেছি সেগুলি সীমাটির চেয়ে বড় আকারের একটি বান্ডিল হয়ে গেছে, তাই আমি এটি ব্যবহার করার আগেই আমাকে কাটা বা অনুকূল করতে হয়েছিল।

— Kzqai

Answer 8

টন্ট্টু হ'ল অ্যাডোব আকাশ ভিত্তিক অ্যাপ্লিকেশন যা শক্তিশালী সিএসএস স্প্রাইটস চিত্র তৈরির জন্য সহজ ইন্টারফেস সরবরাহ করে। আপনি ফিল্ডইউথ এবং ফিল্ডহাইট বা বাছাই করা চিত্রগুলি নির্দিষ্ট করতে পারেন।
টন্ট্টু ডেস্কটপ সরঞ্জাম দিয়ে সিএসএস স্প্রিটস চিত্র তৈরি করুন

Answer 9

এটি এএসপি.এনইটি মূল কাঠামোতে পরিণত করবে কিনা তা এখনও পরিষ্কার নয় তবে এখানে সিএসএসপ্রাইটের জন্য একটি মাইক্রোসফ্ট কোডপ্লেক্স প্রকল্প রয়েছে:

http://aspnet.codeplex.com/releases/view/50869

আপনি যদি এটি পছন্দ করেন - এটি ব্যবহার করুন - বা ঠিক মত ধারণার পরে একটি মন্তব্য যুক্ত করুন। আমি মনে করি এএসপি.এনইটি কাঠামোর মধ্যে থাকা এটি দুর্দান্ত জিনিস হবে। ব্যক্তিগতভাবে এটি ব্যবহার করেন নি (আমাকে চাকাটি নিজে আবিষ্কার করতে হয়েছিল) তবে এটির ভাল পর্যালোচনা পাওয়া গেছে।

---

এটিতে নিম্নলিখিত উপাদানগুলি অন্তর্ভুক্ত রয়েছে:

• স্প্রিটস এবং ইনলাইন চিত্রগুলি স্বয়ংক্রিয়ভাবে উত্পন্ন করার জন্য এপিআই
• নিয়ন্ত্রণ এবং সহায়ক যারা এপিআইতে কল করার সুবিধাজনক উপায় সরবরাহ করে

বৈশিষ্ট্যগুলি দ্বিতীয় প্রকাশে যুক্ত করা হয়েছে:

• ওয়েব ফর্মগুলির জন্য একটি সিএসএস লিঙ্কিং নিয়ন্ত্রণ (ব্যবহারকারীর ব্রাউজারের জন্য সঠিক সিএসএস ফাইল নির্বাচন করে তবে কোনও চিত্র প্রদর্শন করে না)
• App_Sprites ব্যতীত কাস্টম ফোল্ডার পাথ ব্যবহার করা
• স্প্রাইট চিত্রগুলির টাইলিং দিক পরিবর্তন করা
• উত্পন্ন সিএসএস ব্যবহারকারীর নিজস্ব সিএসএসের সাথে মার্জ করা

ভবিষ্যতের প্রকাশের জন্য বিবেচনাধীন বৈশিষ্ট্যগুলি:

• সর্বাধিক দক্ষ স্প্রাইট ব্যাকগ্রাউন্ডের রঙটি স্বয়ংক্রিয়ভাবে নির্বাচন করা
• স্বয়ংক্রিয়ভাবে রেন্ডার করা সিএসএস হ্রাস করা হচ্ছে
• .NET 3.5 এর বিপরীতে সংকলন করা হচ্ছে

Answer 10

কেবল http://sprites.scherpontwikkeling.nl/ ব্যবহার করুন এটি ওয়েবসাইট ইউআরএল থেকেও স্প্রাইট তৈরি করতে পারে ... আপনি নিজের ওয়েবসাইট বিকাশের পরে আপনার স্প্রিটকে একীভূত করতে পারেন। এটি ব্যবহার করা খুব সহজ;)

Answer 11

সরাসরি উত্তর নয় তবে আমার সহযোগী বিকাশকারী এবং ওয়েব ইন্টিগ্রেটারদের কাছে প্রতিটি স্প্রিটকে কেবল দু'জনের শক্তিতে প্রান্তিককরণ বিবেচনা করুন; যেমন একটি 16 পিক্সেল বা 32 পিক্সেল গ্রিড। এটি সিএসএস ফাইলে অফসেটগুলি গণনা করা আরও সহজ করে তোলে। জিআইএফডি এবং পিএনজি ফর্ম্যাটগুলি যে খুব ভালভাবে সংকোচিত হয় সেগুলির মধ্যে সমস্ত সাদা স্থান গুরুত্বপূর্ণ নয়।

Comments

ভাল টিপ, যদিও আমি মূলত পাঠ্য শিরোনামগুলি (প্রতিটি 1-2-2 কেবি) একক ফাইলে একত্রিত করার চেষ্টা করছি। আমি সাদা স্থান সম্পর্কে খুব বেশি চিন্তিত নই কারণ আমি জানি যে এটি সংকুচিত হয়ে যাবে - আমি

— স্প্রেটিস

এটির জন্য একটি সতর্কতা - যখন চিত্রটির শ্বেত স্থানটি পরিবহণের জন্য সংকুচিত হবে, তখন এটি প্রসারিত হবে এবং ব্রাউজারটি লোড করার সময় স্মৃতি দখল করে। স্বয়ংক্রিয় স্প্রাইট জেনারেশন সরঞ্জামগুলির অন্ধ ব্যবহার কিছু বিশাল চিত্রের দিকে নিয়ে যেতে পারে, যা সেই পৃষ্ঠাগুলিতে মেমরির ব্যবহারকে স্পাইক করতে পারে। এটিকে যুক্তিসঙ্গত সীমানার মধ্যে রাখার জন্য স্প্রাইট শিটগুলি তৈরি করতে চিত্রগুলি গোষ্ঠীকরণে কিছু যত্নের প্রয়োজন।

— স্যাম ফস্টার

স্যাম: সত্য! এটি পরে খুঁজে পেয়েছি। স্প্রাইট চিত্রটি যদি খুব প্রশস্ত বা লম্বা হয় তবে এটি বিবেচনার জন্য কিছু! বিশেষত মোবাইল ফোন অ্যাপসের জন্য (কম স্মৃতিশক্তি)। সাইমন: সাদা স্থান সম্ভবত সিএসএসের সীমাবদ্ধতার কারণে। এমনকি আপনি যখন কোনও পটভূমিতে নো-রিপিট ব্যবহার করেন, স্প্রাইট চিত্রটি প্যাডিং, লাইন-উচ্চতা এবং মূলত মার্জিন এবং সীমানা ব্যতীত সমস্ত উপাদানটির পটভূমি অঞ্চল দিয়ে প্রদর্শিত হবে। উদাহরণস্বরূপ বলুন আপনার কাছে একটি লিঙ্কের আইকন রয়েছে। লিঙ্কটি যদি একচেটিয়া রেখাগুলি ছড়িয়ে দেয় তবে স্প্রাইটের অন্যান্য আইকনগুলি এর মাধ্যমে প্রদর্শিত হতে পারে। পর্যাপ্ত পরিমাণের সাদা অংশ যুক্ত করা এটি আরও "স্থিতিস্থাপক" করে তোলে।

@Simon_Weaver - এখানে সবার মতামতের উপর ভিত্তি করে, আমি একটি পরী টুল যে সহজ পোস্ট stackoverflow.com/a/13281578/1162141

— technosaurus

Answer 12

কম্পাস সিএসএস ফ্রেমওয়ার্কের স্বয়ংক্রিয় স্প্রিট জেনারেশন রয়েছে ।

Comments

স্প্রেট জেনারেশনের জন্য কম্পাস ব্যবহার না করা পরিমাণে আমি স্তম্ভিত। কম্পাস এর জন্য জন্মগ্রহণ করেছিল ...

— justnorris

Answer 13

আপনি যদি জাভা পছন্দ করেন তবে আপনি জিডব্লিউটি 1.5+ ব্যবহার করতে পারেন যা " ইমেজবান্ডেল " নামে কিছু নিয়ে আসে । GWT সংকলক আপনার জন্য সমস্ত কদর্য বিবরণ পরিচালনা করবে। এমনকি আপনাকে জাভাস্ক্রিপ্টের একটি লাইন কোড করতে বা কোনও সিএসএস লিখতে হবে না।

Answer 14

এখানে এমন একটি স্ক্রিপ্ট যা ফটোশপ স্ক্রিপ্টের মাধ্যমে চিত্রগুলিকে সিএসএস স্প্রাইটে যুক্ত করে । আপনি যেমন জিজ্ঞাসা করেছিলেন এটি কোনও স্প্রিট মানচিত্রটি করবে না, তবে এটি দুটি আকারের (2, 4, 8) একরকম হবে যদি তারা একই আকার হয়। আমি একই ফাইলের (সাধারণ, হোভার, নির্বাচিত, নির্বাচিতের পিতামাতা) একত্রিত করতে পছন্দ করি সমস্ত ফটোগুলি একটি ফাইলে থাকার চেয়ে।

Answer 15

আপনি যদি রেলগুলিতে রবি ব্যবহার করছেন, তবে CSS স্প্রাইট তৈরি করতে লাইব্রেরি ইনস্টল করা সহজ।

http://github.com/aberant/spittle

Answer 16

অ্যাক্টিভস্প্রিটস নামে একটি নতুন সরঞ্জাম আছে যা অ্যাক্টিভ_সেটস রত্নের অংশ।

গিথুব: http://bitly.com/eRTwU4

আপনি আপনার স্প্রাইটগুলি সংজ্ঞায়িত করতে একটি রুবি ডিএসএল ব্যবহার করেন এবং তারপরে "রাক স্প্রাইটস" করেন এবং স্প্রাইটস এবং সংশ্লিষ্ট স্টাইলশিট উত্পন্ন হয়।

এটা রেড!

এখানে কিছু নমুনা কোড রয়েছে,

# config/sprites.rb
Rails.application.sprites do
  sprite 'sprites/sprite1.png' => 'sprites/sprite1.css' do
    _'sprite_images/sprite1/1.png' => 'a.one'
    _'sprite_images/sprite1/2.png' => 'span.two'
  end
end

Answer 17

https://github.com/northpoint/SpeedySprite

এই সরঞ্জামটি একটি অভিনব দৃষ্টিভঙ্গি গ্রহণ করে যাতে এটি একটি অনুরোধ হিসাবে আপনার অনুরোধ করা চিত্রগুলিকে ফ্লাইতে একটি HTTP পরিষেবা হিসাবে একত্রিত করে। এটি পুরো প্রক্রিয়াটিকে বেশ সহজ করে তোলে (কোনও প্রিপ্রোসেসিং প্রয়োজন হয় না, চিত্রগুলি কোনও সময় পরিবর্তন করুন): আপনি পরিষেবাটি শুরু করেন এবং তারপরে আপনার এইচটিএমএলে যা ইমেজ চান তা উল্লেখ করুন:

<link href="css/my-images-dir/" rel="stylesheet">
<div class="my-image-name-here" />

এটি গতিশীল হওয়ার কারণে, আপনি এমনকি থাম্বনেল পৃষ্ঠার মতো চিত্রগুলির গতিশীল সেট থেকে স্প্রিট তৈরি করতে পারেন। যদিও জেপিজি সমর্থন করে না, তবে পিএনজি এবং জিআইএফ দুর্দান্ত কাজ করে।

Answer 18

আমি আপনাকে স্প্রাইট মাস্টার ওয়েব ব্যবহার করার পরামর্শ দিচ্ছি । আমি স্প্রিট শিটগুলি স্বয়ংক্রিয়ভাবে উত্পন্ন করি এবং আপনার জন্য সিএসএস কোড রফতানি করি। এটি সর্বদা উন্নত অ্যালগরিদমের সাহায্যে ক্ষুদ্রতম স্প্রিট শীট তৈরি করার চেষ্টা করে।

এখানে একটি স্ক্রিনশট এবং ইউটিউব ভিডিও রয়েছে

Comments

লক্ষ্যণীয়, এটি কোনও ফ্রি বা ওপেন সোর্স অ্যাপ্লিকেশন নয় তবে মোটামুটি দাম $ 3.99। এটি ভাল নির্মিত এবং ভাল পিএনজি সংকোচন করে।

— t.mikael.d

শুধুমাত্র ম্যাক। বামার, এটি এক আশাব্যঞ্জক লাগছিল।

— মাহন

Answer 19

এই সরঞ্জামগুলির মধ্যে কোনওটিই আমার প্রয়োজনীয়তা পূরণ করেনি, তাই আমি একটি লিখেছিলাম যা মার্ক টাইলারের ক্ষুদ্র চিত্র গ্রন্থাগার, এমটিপিক্সেল (এখন এমটিসেল্লেডের অংশ) ব্যবহার করে ) এটি বিস্তৃত নয় তবে এটি এমটিপিক্সেলের বিল্ট ফাংশনগুলির মধ্যে সহজেই বর্ধনযোগ্য যা এইগুলি অন্তর্ভুক্ত করে: গ্রেস্কেল, রঙ বিপরীত , ঘূর্ণন, তীক্ষ্ণ, কোয়ান্টিজ, পোস্টেরাইজ, ফ্লিপ (উল্লম্ব এবং অনুভূমিক), রূপান্তর, rgb-> সূচী, সূচী-> আরজিবি, প্রান্ত সনাক্তকরণ, এম্বোস, অঙ্কন বহুভুজ, পাঠ্য এবং আরও অনেক কিছু।

আপনি যা করেন তা এগ্রোগ হিসাবে একটি চিত্রের সেট (পিএনজি, জিআইএফ এবং জেপিগ সমর্থন করে) এবং এটি স্ট্রেডআউটে দরকারী ইমেজ স্লাইসিং ডেটা সহ স্প্রেট.পিএনজি নামক একটি আরজিবি পিএনজি আউটপুট দেয়। আমি এটি ব্যাশের স্ক্রিপ্টগুলিতে ইমেজগুলির একটি সম্পূর্ণ ডিরেক্টরি স্প্রেটিফ করতে ব্যবহার করি এবং সিএসএসের স্বয়ংক্রিয় প্রজন্মের জন্য স্লাইসিং ডেটা আউটপুট করে (শেষ পর্যন্ত এটিকে কিছুটা ক্রিয়েটিভ সেড / অ্যাজকের সাথে স্বয়ংক্রিয়ভাবে বিদ্যমান ইমগ ট্যাগগুলি প্রতিস্থাপন করতে সক্ষম করে তোলে)

কুকুরছানা লিনাক্সের জন্য বাইনারি প্যাকেজগুলি এখানে থাকবে:

http://murga-linux.com/puppy/viewtopic.php?t=82009

আমার ব্যবহারের ক্ষেত্রে চিত্রগুলি উল্লম্বভাবে একটি নতুন পিএনজিতে বিভক্ত করা প্রয়োজন, যাতে এটি হয় তবে আমার উত্স কোডটি পাবলিক ডোমেন এবং mtcelledit লাইব্রেরি gpl3। এমটিপিক্সেল স্ট্যাটিকালি লিঙ্কযুক্ত, বাইনারিটি <100 কিলোবাইট (ডায়নামিকভাবে সংযুক্ত থাকাকালীন কয়েক কিলোবাইট) এবং কেবলমাত্র অন্যান্য নির্ভরতাগুলি হ'ল লিবিপং, লিবজেপেইগ এবং লিবিজিফ (এবং অফিসিয়াল এমটিপিক্সেলের সাথে ফ্রিটাইপ, তবে আমার পাঠ্য সমর্থনটির প্রয়োজন নেই, তাই আমি স্ট্যাটিক বিল্ডে ফ্রিটাইপ বিটগুলি মন্তব্য করেছে)

আপনার নিজের প্রয়োজনের জন্য নির্দ্বিধায় নির্দ্বিধায়:

#include <stdlib.h> 
#include <stdio.h> 
#include <string.h> 
#include <mtpixel.h> 

int main( int argc, char *argv[] ){ 
int i=0,height=0,width=0,y=0; 
mtpixel_init(); 
mtImage *imglist[argc]; 
argc--; 
do{   imglist[i] = mtpixel_image_load( argv[i+1] ); 
   height+=imglist[i]->height; 
   if (imglist[i]->width > width) width=imglist[i]->width; 
} while (++i < argc); 
imglist[argc]=mtpixel_image_new_rgb(width,height); 
imglist[argc]->palette.trans=0; 
i=0; 
do{   if (imglist[i]->type == MTPIXEL_IMAGE_INDEXED) 
      mtpixel_image_paste(imglist[argc],mtpixel_image_to_rgb(imglist[i]),mtpixel_brush_new(),0 ,y); 
   else mtpixel_image_paste(imglist[argc],imglist[i],mtpixel_brush_new(),0 ,y); 
   printf("name=%s;width=%d;height=%d;y_offset=%d\n",argv[i+1],imglist[i]->height,imglist[i]->width,y); 
   y+=imglist[i]->height; 
   mtpixel_image_destroy( imglist[i] ); 
}while (++i < argc); 
   mtpixel_image_save( imglist[argc], "sprite.png", MTPIXEL_FILE_TYPE_PNG, 5 ); 
mtpixel_quit(); 
return 0; 
}

Answer 20

আপনি যদি নেট ব্যবহার করে থাকেন তবে http://www.RequestReduce.com দেখুন । এটি কেবলমাত্র স্বয়ংক্রিয়ভাবে স্প্রাইট ফাইল তৈরি করে না, তবে এটি একটি সিটিএসএস মার্জ এবং মাইনাইফ করার পাশাপাশি একটি এইচটিপিডমডুলের মাধ্যমে উড়ে যায়। এটি কোয়ান্টাইজেশন এবং লসলেস সংকোচনের সাহায্যে স্প্রিট চিত্রটিকে অনুকূল করে এবং এটি সর্বোত্তম ব্রাউজার ক্যাচিং নিশ্চিত করার জন্য ইটাগগুলি এবং মেয়াদোত্তীর্ণ শিরোনাম ব্যবহার করে উত্পন্ন ফাইলগুলির পরিবেশন পরিচালনা করে। সেটআপটি কেবল একটি সাধারণ ওয়েবকনফিগ পরিবর্তনের সাথে জড়িত তুচ্ছ। মাইক্রোসফ্ট ভিজ্যুয়াল স্টুডিও এবং এমএসডিএন নমুনা গ্যালারী দ্বারা এটি গ্রহণ সম্পর্কে আমার ব্লগ পোস্টটি দেখুন ।

Answer 21

আমি সম্প্রতি এই সরঞ্জামগুলি পাই: স্প্রাইটরাইট http://spriterightapp.com/

স্প্রাইটরাইট ম্যাকের জন্য একটি সিএসএস স্প্রিটশিট জেনারেটর যা আপনাকে আপনার বিদ্যমান চিত্র বা স্টাইলশিট আমদানি করতে দেয়। আপনার সাইটগুলি দ্রুত লোড করুন, ব্যান্ডউইথের ব্যয় কেটে দিন এবং সাশ্রয় করুন। স্প্রাইটরাইট এমনকি ফ্লাইতে সিএসএস কোড উত্পন্ন করে।

Comments

লক্ষ্যণীয়, এটি কোনও ফ্রি বা ওপেন সোর্স অ্যাপ্লিকেশন নয় তবে মোটামুটি মূল্য priced 4.99। এটি ভাল নির্মিত এবং ভাল পিএনজি সংকোচন করে, উপরের "স্প্রাইট মাস্টার ওয়েব" এর চেয়ে বেশি কার্যকারিতা।

— t.mikael.d

এবং এটি ম্যাক শুধুমাত্র aswell।

— মাহন