update(docs): replace .png images with .jpg equivalents in OpenAP… (#2532)

* update(docs): replace `.png` images with `.jpg` equivalents in OpenAPI example guides

* add(docs): include new `.jpg` images for OpenAPI proxy example usage

---------

Co-authored-by: Christian Gördes <118011644+christiangoerdes@users.noreply.github.com>

Author: predic8

README.md

@@ -297,11 +297,11 @@ api:
 #### Viewing Deployed APIs
 Once configured, a list of deployed APIs is available at: [http://localhost:2000/api-docs](http://localhost:2000/api-docs)
 
-![List of OpenAPI Deployments](distribution/examples/openapi/openapi-proxy/api-overview.png)
+![List of OpenAPI Deployments](distribution/examples/openapi/openapi-proxy/api-overview.jpg)
 
 Click on an API title in the list to open the Swagger UI for interactive exploration and testing:
 
-![Swagger UI](distribution/examples/openapi/openapi-proxy/swagger-ui.png)
+![Swagger UI](distribution/examples/openapi/openapi-proxy/swagger-ui.jpg)
 
 ### Learn More
 For additional details and a working example, check out the [OpenAPI Example](distribution/examples/openapi).

distribution/examples/openapi/README.md

@@ -87,7 +87,7 @@ x-membrane-validation:
 
 The __api__ has a UI that can be reached on its port e.g. [http://localhost:2000/api-docs](http://localhost:2000/api-docs). Follow the links on the left to access the Swagger UI or the link on the right to download the OpenAPI document.
 
-![Overview UI](openapi-proxy/api-overview.png)
+![Overview UI](openapi-proxy/api-overview.jpg)
 
 To get a JSON description of the deployed OpenAPI documents call the same `<a href="curl http://localhost:2000/api-docs">URL</a>` outside the browser e.g. in curl or Postman:
 

distribution/examples/openapi/openapi-proxy/README.md

@@ -41,18 +41,18 @@ curl localhost:2000/api-docs
 
 Open the same URL [http://localhost:2000/api-doc](http://localhost:2000/api-doc) in the browser, and you get a UI.
 
-![API Overview](api-overview.png)
+![API Overview](api-overview.jpg)
 
 
 
 
 3. Click on [Fruit Shop API](http://localhost:2000/api-doc/ui/fruit-shop-api-v1-0) on the left to open the Swagger UI of the API.
 
-![Swagger UI](swagger-ui.png)
+![Swagger UI](swagger-ui.jpg)
 
 4. Click on __POST /products__ to expand it.
 
-![POST /products](post-products.png)
+![POST /products](post-products.jpg)
 
 5. Next click on _Try it out_ and then on _Execute_. The call should succeed and create a new product.