Bulk conversion of images to Learn image format

Author: AarDavMax

articles/azure-monitor/app/annotations.md

@@ -170,7 +170,7 @@ To create release annotations, install one of the many Azure DevOps extensions a
 
 1. On the **Visual Studio Marketplace** [Release Annotations extension](https://marketplace.visualstudio.com/items/ms-appinsights.appinsightsreleaseannotations) page, select your Azure DevOps organization. Select **Install** to add the extension to your Azure DevOps organization.
 
-   ![Screenshot that shows selecting an Azure DevOps organization and selecting Install.](./media/annotations/1-install.png)
+   :::image type="content" source="./media/annotations/1-install.png" lightbox="./media/annotations/1-install.png" alt-text="Screenshot that shows selecting an Azure DevOps organization and selecting Install.":::
 
 You only need to install the extension once for your Azure DevOps organization. You can now configure release annotations for any project in your organization.
 
@@ -182,34 +182,34 @@ Create a separate API key for each of your Azure Pipelines release templates.
 
 1. Open the **API Access** tab and copy the **Application Insights ID**.
 
-   ![Screenshot that shows under API Access, copying the Application ID.](./media/annotations/2-app-id.png)
+   :::image type="content" source="./media/annotations/2-app-id.png" lightbox="./media/annotations/2-app-id.png" alt-text="Screenshot that shows under API Access, copying the Application ID.":::
 
 1. In a separate browser window, open or create the release template that manages your Azure Pipelines deployments.
 
 1. Select **Add task** and then select the **Application Insights Release Annotation** task from the menu.
    
-   ![Screenshot that shows selecting Add Task and Application Insights Release Annotation.](./media/annotations/3-add-task.png)
+   :::image type="content" source="./media/annotations/3-add-task.png" lightbox="./media/annotations/3-add-task.png" alt-text="Screenshot that shows selecting Add Task and Application Insights Release Annotation.":::
 
    > [!NOTE]
    > The Release Annotation task currently supports only Windows-based agents. It won't run on Linux, macOS, or other types of agents.
 
 1. Under **Application ID**, paste the Application Insights ID you copied from the **API Access** tab.
 
-   ![Screenshot that shows pasting the Application Insights ID.](./media/annotations/4-paste-app-id.png)
+   :::image type="content" source="./media/annotations/4-paste-app-id.png" lightbox="./media/annotations/4-paste-app-id.png" alt-text="Screenshot that shows pasting the Application Insights ID.":::
 
 1. Back in the Application Insights **API Access** window, select **Create API Key**.
 
-   ![Screenshot that shows selecting the Create API Key on the API Access tab.](./media/annotations/5-create-api-key.png)
+   :::image type="content" source="./media/annotations/5-create-api-key.png" lightbox="./media/annotations/5-create-api-key.png" alt-text="Screenshot that shows selecting the Create API Key on the API Access tab.":::
 
 1. In the **Create API key** window, enter a description, select **Write annotations**, and then select **Generate key**. Copy the new key.
 
-   ![Screenshot that shows in the Create API key window, entering a description, selecting Write annotations, and then selecting the Generate key.](./media/annotations/6-create-api-key.png)
+   :::image type="content" source="./media/annotations/6-create-api-key.png" lightbox="./media/annotations/6-create-api-key.png" alt-text="Screenshot that shows in the Create API key window, entering a description, selecting Write annotations, and then selecting the Generate key.":::
 
 1. In the release template window, on the **Variables** tab, select **Add** to create a variable definition for the new API key.
 
 1. Under **Name**, enter **ApiKey**. Under **Value**, paste the API key you copied from the **API Access** tab.
 
-   ![Screenshot that shows in the Azure DevOps Variables tab, selecting Add, naming the variable ApiKey, and pasting the API key under Value.](./media/annotations/7-paste-api-key.png)
+   :::image type="content" source="./media/annotations/7-paste-api-key.png" lightbox="./media/annotations/7-paste-api-key.png" alt-text="Screenshot that shows in the Azure DevOps Variables tab, selecting Add, naming the variable ApiKey, and pasting the API key under Value.":::
 
 1. Select **Save** in the main release template window to save the template.
 

articles/azure-monitor/app/api-custom-events-metrics.md

@@ -351,7 +351,7 @@ Telemetry items reported within a scope of operation become children of such an
 
 In **Search**, the operation context is used to create the **Related Items** list.
 
-![Screenshot that shows the Related Items list.](./media/api-custom-events-metrics/21.png)
+:::image type="content" source="./media/api-custom-events-metrics/21.png" lightbox="./media/api-custom-events-metrics/21.png" alt-text="Screenshot that shows the Related Items list.":::
 
 For more information on custom operations tracking, see [Track custom operations with Application Insights .NET SDK](./custom-operations-tracking.md).
 

articles/azure-monitor/app/app-map.md

@@ -34,53 +34,53 @@ When you select **Update map components**, the map is refreshed with all compone
 
 If all the components are roles within a single Application Insights resource, this discovery step isn't required. The initial load for such an application will have all its components.
 
-![Screenshot that shows an example of an application map.](media/app-map/app-map-001.png)
+:::image type="content" source="media/app-map/app-map-001.png" lightbox="media/app-map/app-map-001.png" alt-text="Screenshot that shows an example of an application map.":::
 
 One of the key objectives with this experience is to be able to visualize complex topologies with hundreds of components.
 
 Select any component to see related insights and go to the performance and failure triage experience for that component.
 
-![Diagram that shows application map details.](media/app-map/application-map-002.png)
+:::image type="content" source="media/app-map/application-map-002.png" lightbox="media/app-map/application-map-002.png" alt-text="Diagram that shows application map details.":::
 
 ### Investigate failures
 
 Select **Investigate failures** to open the **Failures** pane.
 
-![Screenshot that shows the Investigate failures button.](media/app-map/investigate-failures.png)
+:::image type="content" source="media/app-map/investigate-failures.png" lightbox="media/app-map/investigate-failures.png" alt-text="Screenshot that shows the Investigate failures button.":::
 
-![Screenshot that shows the Failures screen.](media/app-map/failures.png)
+:::image type="content" source="media/app-map/failures.png" lightbox="media/app-map/failures.png" alt-text="Screenshot that shows the Failures screen.":::
 
 ### Investigate performance
 
 To troubleshoot performance problems, select **Investigate performance**.
 
-![Screenshot that shows the Investigate performance button.](media/app-map/investigate-performance.png)
+:::image type="content" source="media/app-map/investigate-performance.png" lightbox="media/app-map/investigate-performance.png" alt-text="Screenshot that shows the Investigate performance button.":::
 
-![Screenshot that shows the Performance screen.](media/app-map/performance.png)
+:::image type="content" source="media/app-map/performance.png" lightbox="media/app-map/performance.png" alt-text="Screenshot that shows the Performance screen.":::
 
 ### Go to details
 
 The **Go to details** button displays the end-to-end transaction experience, which offers views at the call stack level.
 
-![Screenshot that shows the Go to details button.](media/app-map/go-to-details.png)
+:::image type="content" source="media/app-map/go-to-details.png" lightbox="media/app-map/go-to-details.png" alt-text="Screenshot that shows the Go to details button.":::
 
-![Screenshot that shows the End-to-end transaction details screen.](media/app-map/end-to-end-transaction.png)
+:::image type="content" source="media/app-map/end-to-end-transaction.png" lightbox="media/app-map/end-to-end-transaction.png" alt-text="Screenshot that shows the End-to-end transaction details screen.":::
 
 ### View in Logs (Analytics)
 
 To query and investigate your applications data further, select **View in Logs (Analytics)**.
 
-![Screenshot that shows the View in Logs (Analytics) button.](media/app-map/view-logs.png)
+:::image type="content" source="media/app-map/view-logs.png" lightbox="media/app-map/view-logs.png" alt-text="Screenshot that shows the View in Logs (Analytics) button.":::
 
-![Screenshot that shows the Logs screen with a line graph that summarizes the average response duration of a request over the past 12 hours.](media/app-map/log-analytics.png)
+:::image type="content" source="media/app-map/log-analytics.png" lightbox="media/app-map/log-analytics.png" alt-text="Screenshot that shows the Logs screen with a line graph that summarizes the average response duration of a request over the past 12 hours.":::
 
 ### Alerts
 
 To view active alerts and the underlying rules that cause the alerts to be triggered, select **Alerts**.
 
-![Screenshot that shows the Alerts button.](media/app-map/alerts.png)
+:::image type="content" source="media/app-map/alerts.png" lightbox="media/app-map/alerts.png" alt-text="Screenshot that shows the Alerts button.":::
 
-![Screenshot that shows a list of alerts.](media/app-map/alerts-view.png)
+:::image type="content" source="media/app-map/alerts-view.png" lightbox="media/app-map/alerts-view.png" alt-text="Screenshot that shows a list of alerts.":::
 
 ## Set or override cloud role name
 
@@ -226,7 +226,7 @@ exporter.add_telemetry_processor(callback_function)
 
 To help you understand the concept of *cloud role names*, look at an application map that has multiple cloud role names present.
 
-![Screenshot that shows an application map example.](media/app-map/cloud-rolename.png)
+:::image type="content" source="media/app-map/cloud-rolename.png" lightbox="media/app-map/cloud-rolename.png" alt-text="Screenshot that shows an application map example.":::
 
 In the application map shown, each of the names in green boxes is a cloud role name value for different aspects of this particular distributed application. For this app, its roles consist of `Authentication`, `acmefrontend`, `Inventory Management`, and `Payment Processing Worker Role`.
 
@@ -568,7 +568,7 @@ Enable **Intelligent view** only for a single Application Insights resource.
 
 To provide feedback, use the feedback option.
 
-![Screenshot that shows the Feedback option.](./media/app-map/14-updated.png)
+:::image type="content" source="./media/app-map/14-updated.png" lightbox="./media/app-map/14-updated.png" alt-text="Screenshot that shows the Feedback option.":::
 
 ## Next steps