# What is Image Sharing?

<figure><img src="/files/BVETVbzjhwXmLo2OsNHR" alt=""><figcaption></figcaption></figure>

One of Highlight and Share's features is image sharing. You can find the Image Sharing settings in the Highlight and Share settings under the Image Sharing tab.

<figure><img src="/files/WiA4OtmeztgMuLbZ6V9M" alt=""><figcaption><p>Highlight and Share Image Settings</p></figcaption></figure>

If image sharing is enabled, you'll see the following when hovering over an image:

<figure><img src="/files/ddKHzoJyyE7UBqsjvEq2" alt=""><figcaption><p>Sharing Options on an Image</p></figcaption></figure>

You have two options for image sharing:

* Pinterest (shows on Desktop and Mobile)
* Web Share (shows only on compatible browsers)

Clicking the Pinterest icon lets the user share on Pinterest.

### Web Share API

The Web Share API is native to the user's device, so it behaves slightly differently on iOS than on Android.

For example, on iOS, you can use Web Share to copy the image and save it to Dropbox or other native functions, depending on your device and apps.

<figure><img src="/files/0j2lXJrKRDWJs6D2kSVb" alt=""><figcaption><p>Web Share on iOS</p></figcaption></figure>

### How the Web Share API Works

When someone clicks on the Web Share icon to share an image, the image is silently downloaded behind the scenes and stored as a file reference so that the user can then save or copy it onto their device.

The user's device is sent:&#x20;

1. URL where the image is displayed.
2. Image file so the image can be copied, saved, or transferred.

### How Highlight and Share Matches the Images

Image matching uses the [DOMDocument class](https://www.php.net/manual/en/class.domdocument.php) to parse and match the images. This allows the Pinterest and Webshare icons to be added natively to the HTML document, displayed via CSS and interacted with via JavaScript.

{% hint style="danger" %}
Check your site's front end after enabling image sharing and make sure nothing has changed regarding its layout.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.dlxplugins.com/highlight-and-share/image-sharing/what-is-image-sharing.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.