> For the complete documentation index, see [llms.txt](https://docs.roboflow.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.roboflow.com/workflows/hi/blocks/blocks/visualize-predictions/icon-visualization.md).

# आइकन दृश्यांकन

छवियों पर कस्टम आइकन छवियाँ या तो निश्चित स्थानों (स्टैटिक मोड) पर, या पता लगाए गए ऑब्जेक्ट्स पर गतिशील रूप से (डायनामिक मोड) रखें; यह वॉटरमार्क, लेबल, बैज, या दृश्य चिह्नों के लिए उपयोगी है।

## यह ब्लॉक कैसे काम करता है

यह ब्लॉक एक छवि और वैकल्पिक रूप से डिटेक्शन प्रेडिक्शन लेता है, फिर छवि पर एक कस्टम आइकन छवि रखता है। यह ब्लॉक दो मोडों का समर्थन करता है:

**स्टैटिक मोड** (वॉटरमार्क और निश्चित स्थिति के लिए):

1. इनपुट के रूप में एक छवि और एक आइकन छवि लेता है
2. आइकन को छवि पर निश्चित x और y निर्देशांकों पर रखता है
3. दाएँ या नीचे के किनारों से स्थिति निर्धारित करने के लिए ऋणात्मक निर्देशांकों का समर्थन करता है
4. निर्दिष्ट स्टैटिक स्थान पर आइकन के साथ एक एनोटेटेड छवि लौटाता है

**डायनामिक मोड** (डिटेक्शन-आधारित स्थिति निर्धारण के लिए):

1. इनपुट के रूप में एक छवि, एक आइकन छवि, और डिटेक्शन प्रेडिक्शन लेता है
2. चयनित एंकर बिंदु (केंद्र, कोने, किनारे, या द्रव्यमान केंद्र) के आधार पर आइकन को प्रत्येक पता लगाए गए ऑब्जेक्ट पर स्थित करता है
3. प्रत्येक डिटेक्शन के सापेक्ष आइकन को समान स्थान पर रखता है
4. पता लगाए गए ऑब्जेक्ट्स पर ओवरले किए गए आइकनों के साथ एक एनोटेटेड छवि लौटाता है

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

## सामान्य उपयोग के मामले

* **वॉटरमार्क और ब्रांडिंग**: सामग्री संरक्षण, कॉपीराइट मार्किंग, या ब्रांड पहचान के लिए छवियों या वीडियो पर निश्चित स्थानों (स्टैटिक मोड) पर लोगो, वॉटरमार्क, या ब्रांडिंग तत्व रखें
* **आइकनों के साथ ऑब्जेक्ट लेबलिंग**: ऑब्जेक्ट्स को दृश्य संकेतकों के साथ श्रेणीबद्ध, लेबल, या चिह्नित करने के लिए पता लगाए गए ऑब्जेक्ट्स (डायनामिक मोड) पर कस्टम आइकन रखें (जैसे, असुरक्षित ऑब्जेक्ट्स पर चेतावनी आइकन, उत्पादों के लिए श्रेणी आइकन, स्थिति बैज)
* **दृश्य स्थिति संकेतक**: वर्गीकरण परिणामों, विश्वास स्तरों, या कस्टम लॉजिक के आधार पर, त्वरित दृश्य प्रतिक्रिया के लिए पता लगाए गए ऑब्जेक्ट्स पर स्थिति आइकन (जैसे, चेकमार्क, चेतावनी संकेत, सूचना बैज) प्रदर्शित करें
* **उत्पाद चिह्नांकन और श्रेणीकरण**: रिटेल, ई-कॉमर्स, या इन्वेंट्री प्रबंधन वर्कफ़्लोज़ में पता लगाए गए उत्पादों पर श्रेणी आइकन, उत्पाद प्रकार संकेतक, या कस्टम मार्कर रखें
* **कस्टम एनोटेशन सिस्टम**: विनिर्माण या निरीक्षण वर्कफ़्लोज़ में गुणवत्ता नियंत्रण, दोष चिह्नांकन, या अनुपालन ट्रैकिंग के लिए विशेष आइकनों के साथ कस्टम एनोटेशन वर्कफ़्लोज़ बनाएं
* **इंटरएक्टिव UI तत्व**: यूज़र इंटरफेस, डैशबोर्ड, या इंटरएक्टिव अनुप्रयोगों के लिए छवियों या वीडियो में आइकन-आधारित दृश्य तत्व जोड़ें, जहाँ कस्टम आइकन सहज दृश्य संकेत देते हैं

## अन्य ब्लॉकों से जोड़ना

इस ब्लॉक की एनोटेटेड छवि को इससे जोड़ा जा सकता है:

* **अन्य दृश्यकरण ब्लॉक** (जैसे, लेबल विज़ुअलाइज़ेशन, बॉउंडिंग बॉक्स विज़ुअलाइज़ेशन, पॉलिगन विज़ुअलाइज़ेशन) ताकि आइकन प्लेसमेंट को अतिरिक्त एनोटेशन के साथ मिलाकर व्यापक विज़ुअलाइज़ेशन किया जा सके
* **डेटा संग्रहण ब्लॉक** (जैसे, लोकल फ़ाइल सिंक, CSV फ़ॉर्मैटर, Roboflow डेटासेट अपलोड) ताकि दस्तावेज़ीकरण, रिपोर्टिंग, या आर्काइविंग के लिए आइकनों वाली छवियाँ सहेजी जा सकें
* **Webhook ब्लॉक** आइकनों सहित विज़ुअलाइज़्ड परिणामों को डैशबोर्ड या मॉनिटरिंग टूल में प्रदर्शन के लिए बाहरी सिस्टम, API, या वेब अनुप्रयोगों को भेजने के लिए
* **सूचना ब्लॉक** (जैसे, ईमेल सूचना, Slack सूचना) ताकि अलर्ट या रिपोर्ट में दृश्य साक्ष्य के रूप में आइकनों वाली एनोटेटेड छवियाँ भेजी जा सकें
* **वीडियो आउटपुट ब्लॉक** लाइव मॉनिटरिंग, ट्रैकिंग विज़ुअलाइज़ेशन, या पोस्ट-प्रोसेसिंग विश्लेषण के लिए आइकनों वाले एनोटेटेड वीडियो स्ट्रीम या रिकॉर्डिंग बनाने के लिए

### प्रकार पहचानकर्ता

स्टेप में निम्नलिखित पहचानकर्ता का उपयोग करें `"type"` फील्ड: `roboflow_core/icon_visualization@v1` अपने वर्कफ़्लो में ब्लॉक को एक स्टेप के रूप में जोड़ने के लिए।

### गुण

| **नाम**        | **प्रकार** | **विवरण**                                                                                                                                                                                                                                                                                                                                           | संदर्भ |
| -------------- | ---------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ |
| `name`         | `str`      | इस स्टेप के लिए एक अद्वितीय पहचानकर्ता दर्ज करें..                                                                                                                                                                                                                                                                                                  | ❌      |
| `copy_image`   | `bool`     | दृश्यकरण के लिए इनपुट छवि की एक प्रति बनाने और मूल को सुरक्षित रखने के लिए इस विकल्प को सक्षम करें। जब आप कई दृश्यकरणों को एक साथ जोड़ रहे हों, तब इसका उपयोग करें..                                                                                                                                                                                | ✅      |
| `मोड`          | `str`      | आइकन रखने का मोड। 'static' मोड आइकन को निश्चित x,y निर्देशांकों पर रखता है (वॉटरमार्क या निश्चित-स्थिति तत्वों के लिए उपयोगी)। 'dynamic' मोड आइकनों को उनकी स्थिति के आधार पर पता लगाए गए ऑब्जेक्ट्स पर रखता है (ऑब्जेक्ट लेबलिंग या श्रेणीकरण के लिए उपयोगी)।.                                                                                     | ✅      |
| `आइकन चौड़ाई`  | `int`      | आइकन की चौड़ाई पिक्सेल में। यदि ऊँचाई भी निर्दिष्ट है, तो पहलू अनुपात बनाए रखते हुए आइकन छवि का आकार इस चौड़ाई के अनुसार बदला जाएगा।.                                                                                                                                                                                                               | ✅      |
| `आइकन ऊँचाई`   | `int`      | आइकन की ऊँचाई पिक्सेल में। यदि चौड़ाई भी निर्दिष्ट है, तो पहलू अनुपात बनाए रखते हुए आइकन छवि का आकार इस ऊँचाई के अनुसार बदला जाएगा।.                                                                                                                                                                                                                | ✅      |
| `स्थिति`       | `str`      | प्रत्येक डिटेक्शन के बाउंडिंग बॉक्स के सापेक्ष आइकन रखने के लिए एंकर स्थिति (केवल डायनामिक मोड)। विकल्पों में शामिल हैं: CENTER (बॉक्स का केंद्र), कोने (TOP\_LEFT, TOP\_RIGHT, BOTTOM\_LEFT, BOTTOM\_RIGHT), किनारों के मध्यबिंदु (TOP\_CENTER, CENTER\_LEFT, CENTER\_RIGHT, BOTTOM\_CENTER), या CENTER\_OF\_MASS (ऑब्जेक्ट का द्रव्यमान केंद्र)।. | ✅      |
| `X निर्देशांक` | `int`      | स्टैटिक मोड स्थिति निर्धारण के लिए X निर्देशांक। धनात्मक मान छवि के बाएँ किनारे से स्थिति निर्धारित करते हैं। ऋणात्मक मान दाएँ किनारे से स्थिति निर्धारित करते हैं (उदा., -10 आइकन को दाएँ किनारे से 10 पिक्सेल दूर रखता है)।.                                                                                                                      | ✅      |
| `Y निर्देशांक` | `int`      | स्टैटिक मोड स्थिति निर्धारण के लिए Y निर्देशांक। धनात्मक मान छवि के ऊपरी किनारे से स्थिति निर्धारित करते हैं। ऋणात्मक मान निचले किनारे से स्थिति निर्धारित करते हैं (उदा., -10 आइकन को निचले किनारे से 10 पिक्सेल दूर रखता है)।.                                                                                                                    | ✅      |

यह **संदर्भ** कॉलम यह दर्शाता है कि प्रॉपर्टी को गतिशील मानों के साथ पैरामीटराइज़ किया जा सकता है, जो `वर्कफ़्लो` रनटाइम में उपलब्ध हैं। अधिक जानकारी के लिए देखें *Bindings* ।

### इनपुट और आउटपुट बाइंडिंग्स

उपलब्ध कनेक्शन उसके बाइंडिंग प्रकारों पर निर्भर करते हैं। जाँचें कि कौन-से बाइंडिंग प्रकार `आइकन दृश्यीकरण` संस्करण में `v1` है।

<details>

<summary>इनपुट और आउटपुट बाइंडिंग्स</summary>

* इनपुट
  * `image` ([*`image`*](/workflows/hi/developer-guide/developer-guide/kinds/image.md)): जिस छवि पर दृश्यकरण करना है..
  * `copy_image` ([*`boolean`*](/workflows/hi/developer-guide/developer-guide/kinds/boolean.md)): दृश्यकरण के लिए इनपुट छवि की एक प्रति बनाने और मूल को सुरक्षित रखने के लिए इस विकल्प को सक्षम करें। जब आप कई दृश्यकरणों को एक साथ जोड़ रहे हों, तब इसका उपयोग करें..
  * `आइकन` ([*`image`*](/workflows/hi/developer-guide/developer-guide/kinds/image.md)): इनपुट छवि पर रखने के लिए आइकन छवि। सर्वोत्तम परिणामों के लिए पारदर्शिता (अल्फ़ा चैनल) वाले PNG प्रारूप की अनुशंसा की जाती है, क्योंकि यह आइकन को पृष्ठभूमि के साथ स्वाभाविक रूप से मिश्रित होने देता है। आइकन का आकार निर्दिष्ट चौड़ाई और ऊँचाई के अनुसार बदला जाएगा।.
  * `मोड` ([*`स्ट्रिंग`*](/workflows/hi/developer-guide/developer-guide/kinds/string.md)): आइकन रखने का मोड। 'static' मोड आइकन को निश्चित x,y निर्देशांकों पर रखता है (वॉटरमार्क या निश्चित-स्थिति तत्वों के लिए उपयोगी)। 'dynamic' मोड आइकनों को उनकी स्थिति के आधार पर पता लगाए गए ऑब्जेक्ट्स पर रखता है (ऑब्जेक्ट लेबलिंग या श्रेणीकरण के लिए उपयोगी)।.
  * `भविष्यवाणियाँ` (*Union\[*[*`instance_segmentation_prediction`*](/workflows/hi/developer-guide/developer-guide/kinds/instance-segmentation-prediction.md)*,* [*`keypoint_detection_prediction`*](/workflows/hi/developer-guide/developer-guide/kinds/keypoint-detection-prediction.md)*,* [*`object_detection_prediction`*](/workflows/hi/developer-guide/developer-guide/kinds/object-detection-prediction.md)*,* [*`rle_instance_segmentation_prediction`*](/workflows/hi/developer-guide/developer-guide/kinds/rle-instance-segmentation-prediction.md)*]*): जिन पर आइकन रखने हैं, उनके लिए मॉडल प्रेडिक्शन (डायनामिक मोड के लिए आवश्यक)। चयनित स्थिति एंकर बिंदु के आधार पर आइकन प्रत्येक पता लगाए गए ऑब्जेक्ट पर स्थित किए जाएंगे।.
  * `आइकन चौड़ाई` ([*`integer`*](/workflows/hi/developer-guide/developer-guide/kinds/integer.md)): आइकन की चौड़ाई पिक्सेल में। यदि ऊँचाई भी निर्दिष्ट है, तो पहलू अनुपात बनाए रखते हुए आइकन छवि का आकार इस चौड़ाई के अनुसार बदला जाएगा।.
  * `आइकन ऊँचाई` ([*`integer`*](/workflows/hi/developer-guide/developer-guide/kinds/integer.md)): आइकन की ऊँचाई पिक्सेल में। यदि चौड़ाई भी निर्दिष्ट है, तो पहलू अनुपात बनाए रखते हुए आइकन छवि का आकार इस ऊँचाई के अनुसार बदला जाएगा।.
  * `स्थिति` ([*`स्ट्रिंग`*](/workflows/hi/developer-guide/developer-guide/kinds/string.md)): प्रत्येक डिटेक्शन के बाउंडिंग बॉक्स के सापेक्ष आइकन रखने के लिए एंकर स्थिति (केवल डायनामिक मोड)। विकल्पों में शामिल हैं: CENTER (बॉक्स का केंद्र), कोने (TOP\_LEFT, TOP\_RIGHT, BOTTOM\_LEFT, BOTTOM\_RIGHT), किनारों के मध्यबिंदु (TOP\_CENTER, CENTER\_LEFT, CENTER\_RIGHT, BOTTOM\_CENTER), या CENTER\_OF\_MASS (ऑब्जेक्ट का द्रव्यमान केंद्र)।.
  * `X निर्देशांक` ([*`integer`*](/workflows/hi/developer-guide/developer-guide/kinds/integer.md)): स्टैटिक मोड स्थिति निर्धारण के लिए X निर्देशांक। धनात्मक मान छवि के बाएँ किनारे से स्थिति निर्धारित करते हैं। ऋणात्मक मान दाएँ किनारे से स्थिति निर्धारित करते हैं (उदा., -10 आइकन को दाएँ किनारे से 10 पिक्सेल दूर रखता है)।.
  * `Y निर्देशांक` ([*`integer`*](/workflows/hi/developer-guide/developer-guide/kinds/integer.md)): स्टैटिक मोड स्थिति निर्धारण के लिए Y निर्देशांक। धनात्मक मान छवि के ऊपरी किनारे से स्थिति निर्धारित करते हैं। ऋणात्मक मान निचले किनारे से स्थिति निर्धारित करते हैं (उदा., -10 आइकन को निचले किनारे से 10 पिक्सेल दूर रखता है)।.
* आउटपुट
  * `image` ([`image`](/workflows/hi/developer-guide/developer-guide/kinds/image.md)): वर्कफ़्लो में छवि।

</details>

<details>

<summary>उदाहरण JSON परिभाषा</summary>

```json
{
	    "name": "<your_step_name_here>",
	    "type": "roboflow_core/icon_visualization@v1",
	    "image": "$inputs.image",
	    "copy_image": true,
	    "icon": "$inputs.icon",
	    "mode": "static",
	    "predictions": "$steps.object_detection_model.predictions",
	    "icon_width": 64,
	    "icon_height": 64,
	    "position": "TOP_CENTER",
	    "x_position": 10,
	    "y_position": 10
	}
```

</details>