ठूंठ चित्र बनाना

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



सेवा को पंजीकरण की आवश्यकता नहीं है - और सामान्य तौर पर आप इसका उपयोग करने के लिए साइट पर नहीं जा सकते। अपने कोड में तुरंत लिखें, उदाहरण के लिए:

< img src = "http://placehold.it/350x50" / >

और:





अद्यतन। K0rv1n के प्रयासों के लिए धन्यवाद, इस सेवा का एक संस्करण पाया गया , केवल बेहतर :)

सबसे पहले, सिरिलिक का समर्थन किया जाता है। दूसरे, विभिन्न भाषाओं के लिए स्रोत कोड के लिंक हैं।

Dummyimage.com के लेखक प्लेसहोल्ड के रूप में एक ही रसेल हेमलिच हैं । प्लेसहोल्ड.इट के पास एक और लेखक है , लेकिन हम यह मान लेंगे कि उसने डिजाइन किया था (डिजाइन वास्तव में वहां कूलर है, लेकिन जाहिर है कि सिर्फ पोंटिक फ़ॉन्ट यूनिकोड बाहर नहीं आया था)।



मैंने placehold.it से dummyimage.com के उदाहरण (हबक्रैट के तहत देखें) को बदल दिया, क्योंकि यह अधिक कार्यात्मक है ...

तो उदाहरण हैं:



1. एक वर्ग ठूंठ के लिए, एक संख्या पर्याप्त है:

< img src = "http://dummyimage.com/ 120 " / >

< img src = "http://dummyimage.com/ 100 " / >

< img src = "http://dummyimage.com/ 80 " / >

परिणाम:





2. रंग बदलें (हमेशा आकार के बाद जाना चाहिए, अन्यथा यह काम नहीं करेगा):

< img src = "http://dummyimage.com/150x60/ c0c0c0 " / >

< img src = "http://dummyimage.com/150x60/ 00dd00 " / >

< img src = "http://dummyimage.com/150x60/6a6ff" / >

परिणाम:





3. प्रारूप बदलें (url के किसी भी भाग में एक्सटेंशन जोड़ें; 3 प्रारूप समर्थित हैं - gif, jpg / jpeg, png):

< img src = "http://dummyimage.com/150x60/99cccc .gif " / >

< img src = "http://dummyimage.com/150x60 .jpg / 99cccc" / >

< img src = "http://dummyimage.com/150x60/99cccc .jpeg " / >

< img src = "http://dummyimage.com/150x60 .png / 99cccc" / >

परिणाम:





4. पाठ जोड़ें (अंतरिक्ष के बजाय प्लस):

< img src = "http://dummyimage.com/150x60/99cccc.gif & text = The + image! " >

< img src = "http://dummyimage.com/150x60/99cccc.jpg & text = The + image! " >

< img src = "http://dummyimage.com/150x60.png/99cccc & text = The + image! " >

< img src = "http://dummyimage.com/150x60.png/99cccc और पाठ = सिरिल " >

परिणाम:





5. पाठ का रंग बदलें (यह स्टब के रंग के बाद चला जाता है):

< img src = "http://dummyimage.com/150x60/99cccc/ ffffff .gif & text = The + image!" / >

< img src = "http://dummyimage.com/150x60/99cccc.jpg/ 0b0b0b & text = The + image!" / >

< img src = "http://dummyimage.com/150x60.png/99cccc/ aa00aa & text = The + image!" / >

परिणाम:





PS " प्लेसहोल्डर " शब्द का पर्याप्त अनुवाद कौन दे सकता है? नोक ने एक ठूंठ का सुझाव दिया :)



पीपीएस प्लेसहोल्ड.इट सर्विस ( ब्रेंट और रसेल ) के लेखक वहां लिखते हैं कि उन्होंने ऐसा किसी क्रम में किया (जैसा कि उन्हें उम्मीद है) किसी को थोड़ा समय बचाने के लिए।