सुविधाजनक छवि प्रतिस्थापन सेवा

डेमो सामग्री सहायक

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



आपको केवल छवि के स्रोत के रूप में URL पता (उदाहरण के लिए, cambelt.co/468x60 ) निर्दिष्ट करना होगा, जो वांछित आकार को दर्शाता है। आप लेबल और विभिन्न रंगों को बनाने के लिए पाठ का उपयोग भी कर सकते हैं।


यहां आधिकारिक साइट के मुख्य पृष्ठ का एक उद्धरण है

आपकी साइट के लिए एक छवि बनाना इतना आसान हो गया, बस इस साइट से लिंक को "src" टैग में डालें और उन आयामों को निर्दिष्ट करें जिनकी आपको ज़रूरत है

उदाहरण

अब सबसे महत्वपूर्ण बात है उदाहरण!

1. सामान्य छवि

   
   यह वास्तव में आसान है, आपको बस इतना करना है कि आप जिन आकारों का उपयोग करना चाहते हैं उन्हें लिंक में इंगित करें। आप या तो केवल एक 300 मान निर्दिष्ट कर सकते हैं जो आपको एक वर्ग छवि देगा, या आकृति को नियंत्रित करने के लिए दो 300x200 मान:
   

   <img src="http://cambelt.co/300x200" alt="image" /> 

   
   
   

2. कस्टम पाठ

   
   यह भी बहुत सरल है - आपके द्वारा आयाम निर्दिष्ट करने के बाद, उस पाठ को जोड़ें जिसे आप छवि में देखना चाहते हैं। आपको रिक्त स्थान को + से बदलना होगा। ध्यान रखें कि छवि की चौड़ाई से अधिक न हो।
   

    <img src="http://cambelt.co/300x200/Habrahabr" alt="image" /> 

   
   
   

3. पृष्ठभूमि का रंग

   
   आप कस्टम रंगों को जोड़कर सेट कर सकते हैं ? क्वेरी के अंत में रंग = 25d54e लाइन - इस तरह
   

    <img src="http://cambelt.co/300x200/Colors?color=25d54e"alt="image" /> 

   
   
   

4. पाठ का रंग

   
   आप तत्वों के लिए एक कस्टम रंग निर्दिष्ट कर सकते हैं ? रंग = क्वेरी स्ट्रिंग भी। केवल अग्रभूमि रंग सेट करने के लिए, आपको उपसर्ग , (अल्पविराम) और HTML रंग कोड की आवश्यकता होगी:
   

    < img src="http://cambelt.co/300x200/Habrahabr?color=,987423" alt="image"/> 

   
   
   

5. दोनों प्रकार के रंग को मिलाएं

   
   इस प्रकार, पृष्ठभूमि रंग के साथ अपने स्वयं के अग्रभूमि रंग को संयोजित करने और उपयोग करने के लिए, आपको बस दोनों हिस्सों को सम्मिलित करने की आवश्यकता है ? रंग = पंक्ति में, कुछ इस तरह से:
   

    <img src="http://cambelt.co/300x200/Habrahabr?color=234653,eeeeee" alt="image" /> 

   
   
   

6. हम फोंट का उपयोग करते हैं

   
   आप छवि के अंदर पाठ प्रदर्शित करने के लिए साइट पर प्रदान किए गए विस्तृत चयन से एक विशेष फ़ॉन्ट भी निर्दिष्ट कर सकते हैं। उपलब्ध फोंट की पूरी सूची के लिए, फॉन्ट शोकेस टैब पर जाएं। उनका उपयोग करने के लिए, आपको बस फ़ॉन्ट निर्दिष्ट करने की आवश्यकता है =? :
   

    <img src="http://cambelt.co/300x200/Habrahabr?font=Homestead-Display" /> 

   
   
   

7. फ़ॉन्ट आकार

   
   क्या आप अनुरोध में font_size = पैरामीटर पास करके एक कस्टम फ़ॉन्ट आकार सेट कर सकते हैं ?:
   

    <img src="http://cambelt.co/300x200/Habrahabr?font_size=12" alt="image" /> 

   
   
   

8. फ़ाइल प्रारूप

   
   आप 3 स्वरूपों में से एक में छवि का अनुरोध कर सकते हैं। सेवा डिफ़ॉल्ट रूप से सभी पीएनजी फाइलें प्रदान करती है, लेकिन यदि आप दूसरों (जेपीजी, जीआईएफ) को पसंद करते हैं, तो आप आवश्यक फाइल प्राप्त करने के लिए प्रारूप = पैरामीटर का उपयोग कर सकते हैं।
   

    <img src="http://cambelt.co/300x200/JPG?format=jpg" alt="image" /> 

   
   
   

9. दोनों प्रकार के रंग को मिलाएं

   
   आप अपनी छवियों को एक सुरक्षित HTTPS कनेक्शन पर प्राप्त कर सकते हैं - सुरक्षित वेब पृष्ठों पर उपयोग के लिए:
   

    <img src="https://cambelt.herokuapp.com/300x200/Secure" alt="image" />