SEOImages: User Story 1463880, Part 28 (#11408)

* Image updates.

* Image updates.

* SEO image updates

* SEO image updates

* SEO image updates

* SEO image updates

* SEO image updates

* SEO image updates

* SEO image updates

* SEO image updates

* SEO image updates

* Update boxing-and-unboxing.md

* Update callback-functions.md

* Update how-to-position-a-tooltip.md

* Update how-to-position-a-tooltip.md

* Update docs/framework/winforms/advanced/how-to-rotate-reflect-and-skew-images.md

Co-Authored-By: damabe <[email protected]>

* Update docs/framework/winforms/advanced/how-to-rotate-reflect-and-skew-images.md

Co-Authored-By: damabe <[email protected]>

* Update docs/framework/winforms/advanced/how-to-rotate-reflect-and-skew-images.md

Co-Authored-By: damabe <[email protected]>

* Update docs/framework/winforms/advanced/how-to-set-pen-width-and-alignment.md

Co-Authored-By: damabe <[email protected]>

* Update docs/framework/winforms/advanced/how-to-set-pen-width-and-alignment.md

Co-Authored-By: damabe <[email protected]>

* Update docs/framework/winforms/advanced/how-to-set-pen-width-and-alignment.md

Co-Authored-By: damabe <[email protected]>

* Update docs/framework/winforms/advanced/how-to-set-pen-width-and-alignment.md

Co-Authored-By: damabe <[email protected]>

* Update docs/framework/winforms/advanced/how-to-set-pen-width-and-alignment.md

Co-Authored-By: damabe <[email protected]>

* Update docs/framework/wpf/controls/bulletdecorator.md

Co-Authored-By: damabe <[email protected]>

* Update docs/framework/wpf/controls/how-to-position-a-tooltip.md

Co-Authored-By: damabe <[email protected]>

Author: damabe

docs/csharp/programming-guide/types/boxing-and-unboxing.md

@@ -40,10 +40,9 @@ Boxing is the process of converting a [value type](../../../csharp/language-refe
 
  [!code-csharp[csProgGuideTypes#18](~/samples/snippets/csharp/VS_Snippets_VBCSharp/CsProgGuideTypes/CS/Class1.cs#18)]  
 
- The result of this statement is creating an object reference `o`, on the stack, that references a value of the type `int`, on the heap. This value is a copy of the value-type value assigned to the variable `i`. The difference between the two variables, `i` and `o`, is illustrated in the following figure.  
+ The result of this statement is creating an object reference `o`, on the stack, that references a value of the type `int`, on the heap. This value is a copy of the value-type value assigned to the variable `i`. The difference between the two variables, `i` and `o`, is illustrated in the following image of boxing conversion:  
 
- ![BoxingConversion graphic](../../../csharp/programming-guide/types/media/vcboxingconversion.gif "vcBoxingConversion")  
-Boxing Conversion  
+ ![Graphic showing the difference between i and o variables.](./media/boxing-and-unboxing/boxing-operation-i-o-variables.gif)    
 
  It is also possible to perform the boxing explicitly as in the following example, but explicit boxing is never required:  
 
@@ -66,10 +65,9 @@ Boxing Conversion
 
  [!code-csharp[csProgGuideTypes#21](~/samples/snippets/csharp/VS_Snippets_VBCSharp/CsProgGuideTypes/CS/Class1.cs#21)]  
 
- The following figure demonstrates the result of the previous statements.  
+ The following figure demonstrates the result of the previous statements: 
 
- ![UnBoxing Conversion graphic](../../../csharp/programming-guide/types/media/vcunboxingconversion.gif "vcUnBoxingConversion")  
-Unboxing Conversion  
+ ![Graphic showing an unboxing conversion.](./media/boxing-and-unboxing/unboxing-conversion-operation.gif)
 
  For the unboxing of value types to succeed at run time, the item being unboxed must be a reference to an object that was previously created by boxing an instance of that value type. Attempting to unbox `null` causes a <xref:System.NullReferenceException>. Attempting to unbox a reference to an incompatible value type causes an <xref:System.InvalidCastException>.  
 

docs/csharp/programming-guide/types/media/vcboxingconversion.gif renamed to docs/csharp/programming-guide/types/media/boxing-and-unboxing/boxing-operation-i-o-variables.gif

@@ -13,10 +13,11 @@ A callback function is code within a managed application that helps an unmanaged
 
  To call most DLL functions from managed code, you create a managed definition of the function and then call it. The process is straightforward.  
 
- Using a DLL function that requires a callback function has some additional steps. First, you must determine whether the function requires a callback by looking at the documentation for the function. Next, you have to create the callback function in your managed application. Finally, you call the DLL function, passing a pointer to the callback function as an argument. The following illustration summarizes these steps.  
+ Using a DLL function that requires a callback function has some additional steps. First, you must determine whether the function requires a callback by looking at the documentation for the function. Next, you have to create the callback function in your managed application. Finally, you call the DLL function, passing a pointer to the callback function as an argument. 
+ 
+ The following illustration summarizes the callback function and implementation steps:  
 
- ![Platform invoke callback](../../../docs/framework/interop/media/pinvokecallback.gif "pinvokecallback")  
-Callback function and implementation  
+ ![Diagram showing the platform invoke callback process.](./media/callback-functions/platform-invoke-callback-process.gif)  
 
  Callback functions are ideal for use in situations in which a task is performed repeatedly. Another common usage is with enumeration functions, such as **EnumFontFamilies**, **EnumPrinters**, and **EnumWindows** in the Windows API. The **EnumWindows** function enumerates through all existing windows on your computer, calling the callback function to perform a task on each window. For instructions and an example, see [How to: Implement Callback Functions](../../../docs/framework/interop/how-to-implement-callback-functions.md).  
 

docs/csharp/programming-guide/types/media/vcunboxingconversion.gif renamed to docs/csharp/programming-guide/types/media/boxing-and-unboxing/unboxing-conversion-operation.gif

@@ -14,7 +14,7 @@ author: "BrucePerlerMS"
 ## Overview  
  This topic outlines the scenario of building claims-aware WCF services using WIF. There are usually three participants in a claims-aware web service scenario: the web service itself, the end user, and the Security Token Service (STS). The following figure describes this scenario:  
 
- ![WIF Basic Claims Aware WCF Service](../../../docs/framework/security/media/wifbasicclaimsawarewcfservice.gif "WIFBasicClaimsAwareWCFService")  
+ ![Diagram showing WIF Basic Claims Aware WCF Service components.](./media/building-my-first-claims-aware-wcf-service/windows-identify-foundation-basic-claims-aware-windows-communication-foundation-service.gif)  
 
 1.  The WCF service client (sometimes called agent) uses WIF to send credentials to the STS and upon successful authentication, the agent is issued a token by the STS.  
 

docs/framework/interop/callback-functions.md

@@ -24,15 +24,15 @@ You can rotate, reflect, and skew an image by specifying destination points for
 
  The following illustration shows the original image and the image mapped to the parallelogram. The original image has been skewed, reflected, rotated, and translated. The x-axis along the top edge of the original image is mapped to the line that runs through (200, 20) and (110, 100). The y-axis along the left edge of the original image is mapped to the line that runs through (200, 20) and (250, 30).  
 
- ![Stripes](./media/stripes1.gif "Stripes1")  
+ ![The original image and the image mapped to the parallelogram.](./media/how-to-rotate-reflect-and-skew-images/reflected-skewed-rotated-illustration.gif)  
 
- The following illustration shows a similar transformation applied to a photographic image.  
+ The following illustration shows a similar transformation applied to a photographic image:  
 
- ![Transformed Climber](./media/transformedclimber.png "TransformedClimber")  
+ ![The picture of a climber and the picture mapped to the parallelogram.](./media/how-to-rotate-reflect-and-skew-images/reflected-skewed-rotated-photo.png)  
 
- The following illustration shows a similar transformation applied to a metafile.  
+ The following illustration shows a similar transformation applied to a metafile:  
 
- ![Transformed Metafile](./media/transformedmetafile.png "TransformedMetafile")  
+ ![Illustration of shapes and text and that mapped to the parallelogram.](./media/how-to-rotate-reflect-and-skew-images/reflected-skewed-rotated-metafile.png)  
 
  The following example produces the images shown in the first illustration.  
 

docs/framework/interop/media/pinvokecallback.gif renamed to docs/framework/interop/media/callback-functions/platform-invoke-callback-process.gif

@@ -22,7 +22,7 @@ When you create a <xref:System.Drawing.Pen>, you can supply the pen width as one
 
 -   Set the value of the <xref:System.Drawing.Pen.Alignment%2A> property to <xref:System.Drawing.Drawing2D.PenAlignment.Center> (the default) to specify that pixels drawn with the green pen will be centered on the theoretical line. The following illustration shows the resulting line.  
 
-     ![Pens](./media/pens1a.gif "pens1A")  
+     ![A black thin line with green highlight.](./media/how-to-set-pen-width-and-alignment/green-pixels-centered-line.gif)  
 
      The following code example draws a rectangle twice: once with a black pen of width 1 and once with a green pen of width 10.  
 
@@ -33,9 +33,9 @@ When you create a <xref:System.Drawing.Pen>, you can supply the pen width as one
 
 -   Set the value of the <xref:System.Drawing.Pen.Alignment%2A> property to <xref:System.Drawing.Drawing2D.PenAlignment.Center> to specify that the pixels drawn with the green pen will be centered on the boundary of the rectangle.  
 
-     The following illustration shows the resulting rectangle.  
+     The following illustration shows the resulting rectangle:
 
-     ![Pens](./media/pens2.gif "pens2")  
+     ![A rectangle drawn with black thin lines with green highlight.](./media/how-to-set-pen-width-and-alignment/green-pixels-centered-rectangle.gif)  
 
      [!code-csharp[System.Drawing.UsingAPen#42](~/samples/snippets/csharp/VS_Snippets_Winforms/System.Drawing.UsingAPen/CS/Class1.cs#42)]
      [!code-vb[System.Drawing.UsingAPen#42](~/samples/snippets/visualbasic/VS_Snippets_Winforms/System.Drawing.UsingAPen/VB/Class1.vb#42)]  
@@ -47,9 +47,9 @@ When you create a <xref:System.Drawing.Pen>, you can supply the pen width as one
      [!code-csharp[System.Drawing.UsingAPen#43](~/samples/snippets/csharp/VS_Snippets_Winforms/System.Drawing.UsingAPen/CS/Class1.cs#43)]
      [!code-vb[System.Drawing.UsingAPen#43](~/samples/snippets/visualbasic/VS_Snippets_Winforms/System.Drawing.UsingAPen/VB/Class1.vb#43)]  
 
-     Now the pixels in the wide green line appear on the inside of the rectangle as shown in the following illustration.  
+     Now the pixels in the wide green line appear on the inside of the rectangle as shown in the following illustration:
 
-     ![Pens](./media/pens3.gif "pens3")  
+     ![A rectangle drawn with black lines with the wide green line inside.](./media/how-to-set-pen-width-and-alignment/green-pixels-inside-rectangle.gif)  
 
 ## See also
 - [Using a Pen to Draw Lines and Shapes](using-a-pen-to-draw-lines-and-shapes.md)