<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body><table border="1" cellspacing="0" cellpadding="8">
        <tr>
          <th>Bug ID</th>
          <td><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - Multiple Picture Sources Downloading e.g. webp and jpeg"
   href="https://bugs.webkit.org/show_bug.cgi?id=159484">159484</a>
          </td>
        </tr>

        <tr>
          <th>Summary</th>
          <td>Multiple Picture Sources Downloading e.g. webp and jpeg
          </td>
        </tr>

        <tr>
          <th>Classification</th>
          <td>Unclassified
          </td>
        </tr>

        <tr>
          <th>Product</th>
          <td>WebKit
          </td>
        </tr>

        <tr>
          <th>Version</th>
          <td>Safari 9
          </td>
        </tr>

        <tr>
          <th>Hardware</th>
          <td>Macintosh
          </td>
        </tr>

        <tr>
          <th>OS</th>
          <td>OS X 10.11
          </td>
        </tr>

        <tr>
          <th>Status</th>
          <td>NEW
          </td>
        </tr>

        <tr>
          <th>Severity</th>
          <td>Major
          </td>
        </tr>

        <tr>
          <th>Priority</th>
          <td>P2
          </td>
        </tr>

        <tr>
          <th>Component</th>
          <td>Images
          </td>
        </tr>

        <tr>
          <th>Assignee</th>
          <td>webkit-unassigned&#64;lists.webkit.org
          </td>
        </tr>

        <tr>
          <th>Reporter</th>
          <td>lee+bugzilla&#64;leemoody.co.uk
          </td>
        </tr></table>
      <p>
        <div>
        <pre>Created <span class=""><a href="attachment.cgi?id=282923" name="attach_282923" title="Example html file and screenshot, as on gist.github.com.">attachment 282923</a> <a href="attachment.cgi?id=282923&amp;action=edit" title="Example html file and screenshot, as on gist.github.com.">[details]</a></span>
Example html file and screenshot, as on gist.github.com.

I think I've found an odd bug in Safari related to the picture element and downloading multiple sources, which I've been advised may be a Webkit thing. See example html: <a href="https://gist.github.com/notlee/73ebe50c3af907f3cde875afd9cd61c1">https://gist.github.com/notlee/73ebe50c3af907f3cde875afd9cd61c1</a>

Actual:
For the picture element seen in the example above, both the webp source and jpeg img fallback downloads unless (oddly) you delete the script tag, remove the new line between the opening and closing of the script tag, or delete the link tag href contents. ¯\_(ツ)_/¯ 

Expected:
The expected behaviour being to only download one picture source or the img element fallback. In this case ignore the webp picture source, given Safari doesn't support it, and therefore only download the jpeg img.

Observed on:
OSX 10.11.5
Safari Version 9.1.1 (11601.6.17)
Safari Preview Version 9.1.2 (11601.7.4, 11602.1.37)</pre>
        </div>
      </p>
      <hr>
      <span>You are receiving this mail because:</span>
      
      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>