title: How I can change google map format to jpeg?
body: <p>How can I change google map images format here on <a href="https://i.stack.imgur.com/zRqUo.png" rel="nofollow noreferrer">screenshot</a>?
  I see that we have map parameters on <a href="https://developers.google.com/maps/documentation/static-maps/intro" rel="nofollow noreferrer">https://developers.google.com/maps/documentation/static-maps/intro</a>. And one of them is </p>
  
  <blockquote>
    <p><strong>format</strong> (optional) defines the format of the resulting image. By default, the Google Static Maps API creates PNG images. There are several possible formats including GIF, JPEG and PNG types. Which format you use depends on how you intend to present the image. JPEG typically provides greater compression, while GIF and PNG provide greater detail.</p>
  </blockquote>
  
  <p>But if I use it nothing has changed. here is my code example </p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Simple Map&lt;/title&gt;
          &lt;meta name="viewport" content="initial-scale=1.0"&gt;
          &lt;meta charset="utf-8"&gt;
          &lt;style&gt;
            /* Always set the map height explicitly to define the size of the div
             * element that contains the map. */
            #map {
              display: block;
              width: 100%;
              height: 500px;
            }
            /* Optional: Makes the sample page fill the window. */
            html, body {
              height: 100%;
              margin: 0;
              padding: 0;
            }
          &lt;/style&gt;
        &lt;/head&gt;
        &lt;body&gt;
          &lt;div id="map"&gt;&lt;/div&gt;
          &lt;script&gt;
            var map;
            function initMap() {
              map = new google.maps.Map(document.getElementById('map'), {
                center: {lat: -34.397, lng: 150.644},
                zoom: 8,
                format: 'jpg'
              });
            }
          &lt;/script&gt;
          &lt;script src="https://maps.googleapis.com/maps/api/js?callback=initMap"
          async defer&gt;&lt;/script&gt;
        &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>
  
  <p><a href="https://jsfiddle.net/7w3f9b55/33/" rel="nofollow noreferrer">https://jsfiddle.net/7w3f9b55/33/</a>
  (base code from google examples).</p>