मैं छवियों को बेस में बेस 64 के रूप में जोड़ना चाहता हूं। मैं कम्पास पर लॉक कर रहा हूं लेकिन यह भारी और वास्तव में ऐसा नहीं लगता है जिसे मैं ढूंढ रहा हूं। कंपास का उपयोग किये बिना सीएसएस में छवियों या अन्य फ़ाइलों को इनलाइन शामिल करने का कोई अच्छा तरीका है?छवियों को कम्पास के बिना सास में इनलाइन के रूप में शामिल करें?
6
A
उत्तर
1
कम्पास ओपन सोर्स है, बस आपके अनुरूप कोड का हिस्सा प्राप्त करें।
3
आप घुरघुराना का उपयोग करते हैं, तो आप सिर्फ grunt-data-uri कार्य क्रम नियमित यूआरएल() बेस 64 को स्ट्रिंग की बातचीत को प्राप्त करने के लिए उपयोग कर सकते।
dataUri: {
dist: {
src: ['dist/styles/*.css'],
dest: 'dist/styles/',
options: {
target: [
'img/low-res/embeded/*.*'
],
fixDirLevel: true
}
}
},
अनिवार्य रूप से, कार्य आपके .css में एम्बेड किए गए फ़ोल्डर के अंदर मौजूद प्रत्येक छवियों को देखेगा। वहां से, यह url() को base64 में परिवर्तित कर देगा।
संबंधित मुद्दे
- 1. कम्पास/सास
- 2. कम्पास और सास के साथ Shopify थीम
- 3. सास/कम्पास कई स्थानों में संकलित
- 4. सास, कम्पास, सभी सीएसएस फ़ाइल को एक
- 5. सास में छवियों के पथ में एक चर है?
- 6. एसएसआरएस ई-मेल रिपोर्ट में इनलाइन (लिंक नहीं) छवियों को कैसे शामिल करें?
- 7. क्या सास घड़ी और कम्पास के बीच का अंतर
- 8. सास/कम्पास - हेक्स, आरजीबी, या नामित रंग को आरजीबीए
- 9. एक्सएपी में "सामग्री" के रूप में शामिल छवियों की गणना कैसे करें?
- 10. फ़ंक्शन को "इनलाइन" के रूप में घोषित करने के लाभ?
- 11. सामग्री में छवियों को शामिल करें और चिनाई चिनाई
- 12. मैक पर कम्पास/सास के साथ कैसे प्रारंभ करें - अमान्य सीएसएस त्रुटि?
- 13. सास/कंपास
- 14. रेल प्राप्त करने में असमर्थ 3.1, कम्पास, सास, खाका Heroku देवदार पर काम कर
- 15. चयनकर्ता छवियों बदलें प्रोग्राम के रूप में
- 16. gcutil के रूप में छवियों या कर्नेल
- 17. सीएसएस - पृष्ठभूमि छवियों के रूप में स्प्राइट्स
- 18. एंड्रॉइड: बिल्ड में बाहरी जार शामिल करें (ग्रहण के बिना)
- 19. सास/कम्पास CSS3 मिश्रित काम नहीं कर रहे हैं
- 20. जावास्क्रिप्ट छवियों के रूप में पीडीएफ पेजों को पार्स करना
- 21. सामग्री-स्वभाव: इनलाइन हेडर छवियों को इनलाइन नहीं दिखाएगा?
- 22. परिणाम वीडियो के लिए छवियों और ऑडियो में शामिल हों
- 23. HTML में इनलाइन शैलियों के रूप में "संकलित" सीएसएस
- 24. एंड्रॉइड में कम्पास
- 25. कंपास और सास के बीच अंतर?
- 26. इनलाइन शैली के रूप में कार्य करने के लिए: सीएसएस
- 27. बीमर: छवियों को चरण-दर-चरण छवियों के रूप में कैसे दिखाएं
- 28. मिश्रण के बिना सास में कक्षा का पुन: उपयोग कैसे करें?
- 29. एंड्रॉइड में क्यूबाला कम्पास
- 30. लाइन पर लंबवत रूप से केंद्र छवियों को कैसे करें?
आप जानते हैं, बस कम्पास का उपयोग करें। अपने आप पर, यह सास की तुलना में कोई "थोक" नहीं है: आपको कॉन्फ़िगरेशन फ़ाइल का उपयोग करने के बदले में सरल कमांड लाइन मिलती है। किसी भी सहायक कार्यों तक पहुंच प्राप्त करने के लिए आपको कोई आयात करने की आवश्यकता नहीं है: http://compass-style.org/reference/compass/helpers/ – cimmanon
दालचीनी ने क्या कहा। – axoplasm
@cimmanon - यदि आप शुद्ध सास का उपयोग करते हैं, तो आप libsass का उपयोग कर सकते हैं, जो रूबी सास की तुलना में मील तेज है, यह एक अच्छा कारण हो सकता है कि कंपास – callum