सीएसएस स्प्राइट बनाने के लिए उपकरण? [बन्द है]


126

क्या सीएसएस स्प्राइट बनाने के लिए कोई अच्छा उपकरण हैं?

वास्तव में मैं इसे छवियों की एक निर्देशिका और एक मौजूदा .css फ़ाइल देना चाहता हूं जो उन छवियों को संदर्भित करता है और यह सभी छोटी छवियों के साथ अनुकूलित एक बड़ी छवि बनाता है और उन छवियों को संदर्भित करने के लिए मेरी .css फ़ाइल को परिवर्तित करता है।

कम से कम मैं यह चाहूंगा कि यह एक डायरेक्टरी ऑफ इमेज ले और एक बड़ा स्प्राइट और .css को बैकग्राउंड के रूप में उपयोग करने के लिए आवश्यक हो।

क्या ऐसा करने के लिए कोई अच्छा फ़ोटोशॉप प्लगइन्स या पूरी तरह से उड़ाए गए एप्लिकेशन हैं?



क्या आप कृपया थोड़ा और विस्तृत कर सकते हैं, क्या आप सभी स्प्राइटों को एक बड़ी छवि पर संकलित करने की कोशिश कर रहे हैं और फिर सही स्प्राइट वाले चित्र के भाग को प्रदर्शित करने के लिए सीएसएस का उपयोग करें। (स्लाइडिंग डोर तकनीक)
teh_noob

1
क्या पृष्ठभूमि रंग बदलने का कोई तरीका है ताकि मैं स्प्राइटपैड पर अपने सफेद आइकन देख सकूं?
जिम

24
मैं वास्तव में समझ में नहीं आता कि यह क्यों बंद किया गया था ?? लगता है बहुत सारे अच्छे उपयोगी उत्तर हैं। यकीनन यह एक सुपरसुअर प्रश्न होना चाहिए क्योंकि मैं किसी विशेष प्रोग्रामिंग भाषा का उल्लेख नहीं करता हूं, लेकिन मुझे जो उत्तर मिले हैं वे मुझे पसंद हैं और वे स्पष्ट रूप से बहुतों के लिए उपयोगी हैं।
सिमोन_विवर

3
कृपया भगवान इस प्रश्न को न हटाएं, यह इस समस्या के लिए इंटरनेट पर सबसे सहायक सूची है, और निश्चित रूप से प्रोग्रामिंग से संबंधित है (भले ही यह प्रति प्रोग्रामिंग सवाल न हो) । यह निश्चित रूप से एक निर्णय-कॉल है, और मॉड द्वारा बल-बंद नहीं किया जाना चाहिए था ; वह है जो समुदाय के वोट-बंद करने की प्रणाली के लिए है ....
ब्लूराजा - डैनी पफ्लुगुएफ्ट

जवाबों:


46

यह आपके लिए 90% काम करेगा: सीएसएस स्प्राइट जेनरेटर । आपको अभी भी नियमों को स्वयं संपादित करने की आवश्यकता होगी, लेकिन टूल आपको नई सीएसएस फ़ाइल के लिए आवश्यक कोड टुकड़े देगा।


@ परफेक्ट! यह मानते हुए काम करता है ;-)
साइमन_वेवर

1
मैं इस टूल से थोड़ा असंतुष्ट हूं इसलिए मैं इसे अपने चयनित उत्तर के रूप में अनचेक करता हूं। यह मेरी छवि को समाप्त कर रहा है और यह बहुत अच्छी तरह से समझाता है कि यह छवियों के बीच बड़े अंतराल को क्यों छोड़ता है
साइमन_वेर

मुझे यह समाधान पसंद नहीं है, हालांकि मुझे लगता है कि यह ठीक काम करता है। SpriteMe बहुत बेहतर काम करता है।
चक ले बट

2
इस उपकरण के साथ समस्या यह है कि चित्र पूर्ण गुणवत्ता पर नहीं हैं।
जिम

50

इंस्टेंट स्प्राइट एक इन-ब्राउज़र CSS स्प्राइट जनरेटर है जिस पर मैं काम कर रहा हूं। यह वास्तव में तेज़ है, लेकिन इनमें से कुछ के रूप में कई विशेषताएं नहीं हैं। यह वर्तमान में केवल फ़ायरफ़ॉक्स या क्रोम में काम करता है, क्योंकि यह अपलोड के माध्यम से वेब ब्राउज़र के अंदर स्प्राइट्स को उत्पन्न करने के लिए जावास्क्रिप्ट फाइलरीडर और एचटीएमएल कैनवस का उपयोग करता है।


1
वाह, क्या बढ़िया उपकरण है। धन्यवाद!
विवियन नदी

जब से आप यहाँ पोस्ट किए हैं मैंने आपके टूल का उपयोग कुछ उत्पादन वेब साइटों पर काम करने के लिए किया है। यह बहुत सरल और आसान है।
विवियन नदी

7
+1। आपका उपकरण मेरे द्वारा किए गए बाकी प्रयासों से कहीं बेहतर है।
Ed Bayiates

3
यह अभी तक सबसे सहज है ... धन्यवाद ... (हालांकि, इसमें प्रदर्शन के मुद्दों को कम करने के लिए स्प्राइट्स के "स्मार्ट" लेआउट शामिल होना चाहिए)
कुमारहर्ष

2
सबको धन्यवाद! @Harsh, मैं लेआउट के बारे में सहमत हूँ - मैं काफी कुछ समय पहले कि के साथ प्रयोग शुरू किया, लेकिन कभी नहीं काफी यह काम कर रहा है: github.com/bgrins/InstantSprite/tree/bin-pack
ब्रायन Grinstead

31

स्टीव सॉडर्स द्वारा अब स्प्राइट मी है। बस यह कोशिश करता है और यह बहुत अच्छी तरह से काम करने लगता है।

यहां लिंक http://spriteme.org/ दिया गया है और यहां ब्लॉग पोस्ट की घोषणा की गई है।

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


2
+1 यह उपयोग करने के लिए आश्चर्यजनक रूप से आसान है: बस उस पृष्ठ पर नेविगेट करें जिसे आप चाहते हैं और स्प्राइटमाइट बुकमार्कलेट पर क्लिक करें ... यह चित्र और सीएसएस स्वचालित रूप से बनाता है!
चक ले बट

यह एक अच्छा उपकरण है, लेकिन, इसे आपकी छवियों की ज़िप फ़ाइल की आवश्यकता होती है और यह आपके स्प्राइट्स को जिस क्रम में डालता है वह ज़िप क्रम है। नीचे ब्रायन का टूल आपको फ़ाइलों को अपलोड करने और ऑर्डर बदलने के लिए ड्रैग एंड ड्रॉप करने की अनुमति देता है।
एड बेयेट्स 12

मुझे यह पसंद है कि इसका स्रोत कोड स्वतंत्र रूप से उपलब्ध है
lkraav

13

यह आशाजनक लग रहा है:

http://csssprites.org/

इसके अलावा मुझे यह लेख मिला जिसमें कुछ उपयोगी जानकारी है, और यहां तक ​​कि कुछ पाठक टिप्पणियाँ पढ़ने लायक भी हैं।

जाहिरा तौर पर Google वेब टूलकिट में कुछ है - इसलिए यदि आप इसका उपयोग कर रहे हैं तो यह जांचने लायक हो सकता है।


लगता है जैसे पेज अब काम नहीं करता ...
Bob

smartsprites.osinski.name नाम दिया गया था csssprites.org , तो मैं यह तुम्हारे लिए संपादित। यह उन कुछ विकल्पों में से एक प्रतीत होता है जिन्हें बिल्ड प्रक्रिया में एकीकृत किया जा सकता है, जो मैंने यहां देखा है।
ripper234

9

इसे इस्तेमाल करे:

http://spritepad.wearekiss.com/


यह निश्चित रूप से वैध है। सहेजे गए spritemaps IMHO एक कुंजी हैं, इसलिए प्रत्येक छवि सामग्री परिवर्तन के साथ पूरे समन्वय सेट को पुनर्गठित करने के बजाय केवल प्रासंगिक छवियों और कोड की लाइनों को समय के साथ बदलना होगा।
3

7

ज़ीरोस्प्रिट्स एक सीएसएस स्प्राइट जनरेटर है जिसका उद्देश्य वीएलएसआई फ़्लोरप्लानिंग एल्गोरिदम का उपयोग करके क्षेत्र को कम करना है।


6

यह एक बहुत तेजी से कि 500K अपलोड सीमा एक दर्द हो सकता है पाया। स्रोत कोड यहाँ उपलब्ध है


क्यों 500kb अपलोड एक दर्द होगा? मैं शायद कभी भी अपलोड नहीं करना चाहूंगा> 100kb
सिमोन_वेर

मैंने कहा कि यह 'दर्द' हो सकता है। यह क्रमांक आवेदन संख्या पर निर्भर करता है? .. मध्यम आकार के PNG से भरी एक ज़िप फ़ाइल, उदाहरण के लिए, एक बड़े आकार के ग्रिड पर ~ ~ इस नंबर के करीब दौड़ सकती है। अगर इसके सभी छोटे बिटमैप तो निश्चित / कोई संभावना नहीं है।
स्कॉट एवरडेन

1
हाँ, लेकिन सीएसएस स्प्राइट्स का पूरा बिंदु कई अनुरोधों के साथ बहुत सारी छोटी छवियों को लोड करने से रोकने के लिए है। यदि आप वास्तव में ऐसा करते हैं, तो कई छोटे स्प्राइट्स को लोड करने में लंबा समय लगेगा, जिसमें कोई भी समय प्रदर्शित नहीं होगा। उन्हें रखने के लिए सबसे अच्छा मुझे सबसे अधिक 100kb पर लगता है। आप हमेशा कई कर सकते हैं
सिमोन_विवर

मैं छवियों के साथ बहुत काम करता हूं। शायद कम सीएसएस बिटमैप्स नहीं। तो शायद इसीलिए मैंने कैविएट दिया। आपकी जरूरतें अलग / ठीक हैं। 500kb अधिकांश ब्रॉडबैंड पर एक सेकंड में पहुंचेगा। मैं पहली बार आपके प्रश्न के स्वीकृत उत्तर की आपूर्ति करने वाला था और यहाँ मैं नीचे हूँ ~ मतदान किया और अपनी भाषा का बचाव कर रहा हूँ? जो भी हो ...
स्कॉट एवरडेन

यह मेरे लिए एक दर्द था, क्योंकि जिन छवियों के साथ मैंने शुरुआत की थी, वे उस सीमा से अधिक आकार में एक बंडल थीं, इसलिए मुझे इसका उपयोग करने से पहले ही कट या ऑप्टिमाइज़ करना पड़ा।
काज़काई

4

Tonttu Adobe AIR आधारित एप्लीकेशन है जो शक्तिशाली CSS स्प्राइट इमेज बनाने के लिए आसान इंटरफ़ेस प्रदान करता है। आप FiledWidth और FieldHeight निर्दिष्ट कर सकते हैं या छवियों को सॉर्ट कर सकते हैं।
Tonttu डेस्कटॉप टूल के साथ CSS स्प्राइट छवियां बनाएं


4

अभी तक यह स्पष्ट नहीं है कि यह कोर ASP.NET फ्रेमवर्क में बना देगा लेकिन यहाँ csssprites के लिए Microsoft कोडप्लेक्स प्रोजेक्ट है:

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

यदि आप इसे पसंद करते हैं - इसका उपयोग करें - या केवल विचार की तरह तो एक टिप्पणी जोड़ें। मुझे लगता है कि ASP.NET फ्रेमवर्क में यह बहुत अच्छी बात होगी। व्यक्तिगत रूप से इसका उपयोग नहीं किया है (मुझे स्वयं पहिया का आविष्कार करना था) लेकिन इसकी अच्छी समीक्षा मिली।


इसमें निम्नलिखित घटक शामिल हैं:

  • स्वचालित रूप से स्प्राइट और इनलाइन छवियों को उत्पन्न करने के लिए एपीआई
  • नियंत्रण और सहायक जो एपीआई में कॉल करने का एक सुविधाजनक तरीका प्रदान करते हैं

सेकंड रिलीज़ में जोड़े गए फ़ीचर:

  • वेब फॉर्म के लिए एक सीएसएस लिंकिंग कंट्रोल (उपयोगकर्ता के ब्राउज़र के लिए उचित सीएसएस फ़ाइल का चयन करता है, लेकिन एक छवि प्रदर्शित नहीं करता है)
  • App_Sprites के अलावा कस्टम फ़ोल्डर पथ का उपयोग करना
  • स्प्राइट छवियों की टाइलिंग दिशा बदलना
  • उपयोगकर्ता के स्वयं के सीएसएस के साथ उत्पन्न सीएसएस को जोड़ना

भविष्य में रिलीज के लिए विचारधीन विशेषताएं:

  • स्वचालित रूप से सबसे कुशल स्प्राइट पृष्ठभूमि रंग का चयन करना
  • स्वचालित रूप से प्रदान किए गए CSS को छोटा करना
  • .NET 3.5 के खिलाफ संकलन

4

बस http://sprites.scherpontwikkeling.nl/ का उपयोग करें यह वेबसाइट के URL से स्प्राइट उत्पन्न कर सकता है ... आप अपनी वेबसाइट को विकसित करने के बाद अपने स्प्राइट को एकीकृत कर सकते हैं। इसका उपयोग करना बहुत आसान है;)


3

प्रत्यक्ष उत्तर नहीं, लेकिन मेरे साथी डेवलपर्स और वेब इंटीग्रेटर्स पर, प्रत्येक स्प्राइट को दो की शक्तियों के साथ संरेखित करने पर विचार करें; उदाहरण के लिए 16 पिक्सेल या 32 पिक्सेल ग्रिड। यह CSS फ़ाइल में ऑफ़सेट्स की गणना करना अधिक आसान बनाता है। के बीच के सभी सफेद स्थान के रूप में कोई फर्क नहीं पड़ता कि gifd और png प्रारूप बहुत अच्छी तरह से संपीड़ित करते हैं।


अच्छा टिप, हालांकि मैं मुख्य रूप से एक ही फ़ाइल में पाठ हेडर (1-2kb प्रत्येक) को संयोजित करने की कोशिश कर रहा हूं। मैं सफेद स्थान के बारे में बहुत ज्यादा चिंतित नहीं हूं क्योंकि मुझे पता है कि यह संकुचित हो जाएगा - मैं अभी पूरी तरह से समझ नहीं पाया हूं कि स्प्राइट बनाने के लिए उपकरण इतना अधिक क्यों बनाते हैं
साइमन_वेर

इसके लिए एक चेतावनी - जबकि छवि में व्हाट्सएप परिवहन के लिए संकुचित हो जाएगा, यह ब्राउज़र को लोड करने पर मेमोरी का विस्तार और कब्जा कर लेता है। स्वचालित स्प्राइट जेनरेशन टूल्स के अंधा उपयोग से कुछ विशाल चित्र बन सकते हैं, जो उन पृष्ठों पर मेमोरी के उपयोग को बढ़ा सकते हैं। उचित सीमा के भीतर स्प्राइट शीट बनाने के लिए छवियों को समूहीकृत करने में कुछ देखभाल की आवश्यकता होती है।
सैम फोस्टर

सैम: सच! बाद में यह पता चला। यदि स्प्राइट छवि बहुत चौड़ी या लम्बी है, जिस पर विचार करना है! विशेष रूप से मोबाइल फोन एप्लिकेशन (कम मेमोरी) के लिए। साइमन: सफेद स्थान शायद सीएसएस की सीमाओं के कारण है। यहां तक ​​कि जब आप एक पृष्ठभूमि पर नो-रिपीट का उपयोग करते हैं, तो स्प्राइट छवि को पैडिंग, लाइन-ऊंचाई और मूल रूप से मार्जिन और सीमाओं को छोड़कर सभी तत्व की पृष्ठभूमि क्षेत्र के माध्यम से दिखाई देगा। उदाहरण के लिए कहें कि आपके पास लिंक के लिए एक आइकन है। यदि लिंक उत्परिवर्ती लाइनों को फैलाएगा तो स्प्राइट के अन्य आइकन के माध्यम से दिखा सकते हैं। पर्याप्त व्हाट्सएप जोड़ने से यह और अधिक "लचीला" हो जाता है।

@Simon_Weaver - यहाँ सभी की प्रतिक्रिया के आधार पर, मैं एक स्प्राइट उपकरण है जो है सरल तैनात stackoverflow.com/a/13281578/1162141
technosaurus

3

कम्पास सीएसएस फ्रेमवर्क में स्वचालित स्प्राइट पीढ़ी है


2
मैं स्प्रैट जनरेशन के लिए कंपास का उपयोग नहीं करने वाले लोगों की राशि से दंग हूं। इसके लिए कंपास का जन्म हुआ ...
justnorris

2

यदि आपको जावा पसंद है, तो आप GWT 1.5+ का उपयोग कर सकते हैं, जो " ImageBundle " नामक कुछ के साथ आता है । GWT कंपाइलर आपके लिए सभी नॉटी डिटेल्स को हैंडल करेगा। आपको जावास्क्रिप्ट की एक भी लाइन कोड करने या कोई सीएसएस लिखने की आवश्यकता नहीं होगी।


2

यहाँ एक स्क्रिप्ट है जो सीएसएस स्प्राइट में फ़ोटोशॉप स्क्रिप्ट के माध्यम से छवियों को जोड़ती है । जैसा कि आपने पूछा था, यह एक प्रेत का नक्शा नहीं करेगा, लेकिन यह दो (2, 4, 8) के गुणकों में छवियों को संयोजित करेगा यदि वे समान आकार के हैं। मैं एक ही फाइल में सभी छवियों को रखने की तुलना में समान छवियों (सामान्य, होवर, चयनित, माता-पिता के संयोजन) को पसंद करता हूं।


2

यदि आप रेल पर रूबी का उपयोग कर रहे हैं, तो सीएसएस स्प्राइट उत्पन्न करने के लिए पुस्तकालय स्थापित करना आसान है।

http://github.com/aberant/spittle


2

ActiveSprites नामक एक नया टूल है, जो सक्रिय_सेट्स रत्न का हिस्सा है।

गीथब: 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

2

https://github.com/northpoint/SpeedySprite

यह टूल एक उपन्यास दृष्टिकोण लेता है जिसमें यह एक http सेवा के रूप में मक्खी पर आपके अनुरोधित चित्रों को इकट्ठा करता है। यह पूरी प्रक्रिया को बहुत सरल बनाता है (किसी भी पूर्वप्रक्रम की आवश्यकता नहीं है, किसी भी समय चित्र बदलें): आप सेवा शुरू करते हैं और फिर अपने एचटीएमएल में जो भी चित्र चाहते हैं उसका संदर्भ देते हैं:

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

क्योंकि यह गतिशील है, आप किसी थम्बनेल पेज जैसे छवियों के गतिशील सेट से स्प्राइट भी बना सकते हैं। हालांकि JPEG का समर्थन नहीं करता है, लेकिन PNG और GIF ठीक काम करता है।


1

मेरा सुझाव है कि आप स्प्राइट मास्टर वेब का उपयोग करें । मैं स्वचालित रूप से स्प्राइट शीट उत्पन्न करता हूं और आपके लिए CSS कोड निर्यात करता हूं। यह हमेशा उन्नत एल्गोरिदम के साथ सबसे छोटी स्प्राइट शीट उत्पन्न करने की कोशिश करता है।

यहाँ एक स्क्रीनशॉट और यूट्यूब वीडियो है

यहाँ छवि विवरण दर्ज करें


वर्थ नोटिंग, यह एक स्वतंत्र या ओपन सोर्स ऐप नहीं है, लेकिन इसकी कीमत $ 3.99 है। यह अच्छी तरह से बनाया गया है और अच्छा पीएनजी संपीड़न करता है।
t.mikael.d

केवल मैक। Bummer, यह एक आशाजनक लग रहा था।
महन

1

इन उपकरणों में से कोई भी मेरी आवश्यकताओं को पूरा नहीं करता था, इसलिए मैंने एक लिखा जो मार्क टायलर की छोटी छवि पुस्तकालय, mtpixel (अब mtcelledit का हिस्सा ) का उपयोग करता है यह सुपर व्यापक नहीं है, लेकिन यह आसानी से mtpixel द्वारा निर्मित कार्यों में शामिल है, जिसमें शामिल हैं: ग्रेस्केल, रंग व्युत्क्रम , रोटेशन, पैनापन, बढ़ाएँ, पोस्टराइज़, फ्लिप (ऊर्ध्वाधर और क्षैतिज), रूपांतर, आरजीबी- अनुक्रमित, अनुक्रमित-> आरजीबी, एज डिटेक्शन, एम्बॉस, ड्राइंग बहुभुज, पाठ और अधिक।

आप सभी इसे आर्ग्स (png, gif और jpeg का समर्थन करते हुए) के रूप में छवियों का एक सेट पास करते हैं और यह एक rgb png आउटपुट करेगा, जिसे sprite.png कहा जाता है। मैं इसका उपयोग बैश स्क्रिप्ट में छवियों की एक पूरी निर्देशिका को फैलाने और सीएसएस के स्वचालित पीढ़ी के लिए स्लाइसिंग डेटा को आउटपुट करने के लिए करता हूं (अंततः आशा के साथ यह मौजूदा img टैग को स्वचालित रूप से थोड़ी सी रचनात्मक sed / awk के साथ बदलने में सक्षम बनाता है)

पिल्ला लिनक्स के लिए बाइनरी पैकेज यहां होंगे:

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

मेरे उपयोग के मामले में केवल छवियों को एक नए png में लंबित करने की आवश्यकता होती है, इसलिए यह सब होता है, लेकिन मेरा स्रोत कोड सार्वजनिक डोमेन है और mtcelledit लाइब्रेरी gpl3 है। Mtpixel स्टैटिकली लिंक के साथ, बाइनरी है <100kb (केवल कुछ kb जब डायनेमिकली लिंक्ड है) और केवल अन्य निर्भरता libpng, libjpeg और libgif हैं (और आधिकारिक mtpixel के साथ freetype हैं, लेकिन मुझे टेक्स्ट सपोर्ट की आवश्यकता नहीं है, इसलिए मुझे इसकी आवश्यकता नहीं है) स्थैतिक निर्माण में freetype बिट्स पर टिप्पणी की)

अपनी आवश्यकताओं के लिए संशोधित करने के लिए स्वतंत्र महसूस करें:

#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; 
}

0

यदि आप .net का उपयोग कर रहे हैं, तो http://www.RequestReduce.com देखें । यह न केवल स्प्राइट फ़ाइल बनाता है, बल्कि यह सभी सीएसएस को मर्ज करने और छोटा करने के साथ-साथ एक HttpModule के माध्यम से उड़ान भरता है। यह मात्रात्मकता और दोषरहित संपीड़न का उपयोग करके स्प्राइट छवि का अनुकूलन करता है और यह इष्टतम ब्राउज़र कैशिंग सुनिश्चित करने के लिए ईटैग्स और एक्सपायर हेडर का उपयोग करके उत्पन्न फ़ाइलों की सेवा को संभालता है। सेटअप तुच्छ है जिसमें केवल एक साधारण web.config परिवर्तन शामिल है। Microsoft Visual Studio और MSDN नमूने गैलरी द्वारा इसके गोद लेने के बारे में मेरा ब्लॉग पोस्ट देखें ।


0

मुझे हाल ही में यह उपकरण मिले हैं: SpriteRight http://spriterightapp.com/

SpriteRight मैक के लिए एक सीएसएस स्प्राइटशीट जनरेटर है जो आपको अपनी मौजूदा छवियों या स्टाइलशीट को आयात करने देता है। अपनी साइटों को तेज़ी से लोड करें, बैंडविड्थ की लागत में कटौती करें और समय बचाएं। स्प्राइट राइट उड़ान भरने पर सीएसएस कोड भी बनाता है।


वर्थ नोटिंग, यह एक स्वतंत्र या ओपन सोर्स ऐप नहीं है, लेकिन इसकी कीमत $ 4.99 है। यह अच्छी तरह से बनाया गया है और उपरोक्त "स्प्राइट मास्टर वेब" की तुलना में अच्छा पीएनजी संपीड़न, अधिक कार्यक्षमता देता है।
t.mikael.d 11

और यह मैक केवल aswell है।
माहन
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.