title: Broken png image using Laravel Asset Pipeline despite 200 OK status
body: <p>I'm using <a href="https://github.com/CodeSleeve/asset-pipeline" rel="nofollow noreferrer">Codesleeve/asset pipeline</a> on my Laravel project to serve css, js and image files. It on the whole works fine but there is an issue with displaying css-loaded images. The image does not display and shows the browser's "broken image" symbol when loading it directly (<a href="http://art.ipscap.com/assets/select2.png" rel="nofollow noreferrer">http://art.ipscap.com/assets/select2.png</a> for example): e.g. <img src="https://i.stack.imgur.com/rcIps.png" alt="broken image"></p>
  
  <p>Upon inspecting the page it shows the image is loaded successfully with 200 OK status (or cached) but there seems to be an error displaying it. Seeing as the image in question displays fine on my local machine and the problem is only in production is there a way to diagnose this issue?</p>
  
  <p><strong>Edit:</strong> Still haven' t managed to find a solution for this. For reference the live broken image url is <a href="https://art.ipscap.com/assets/select2.png" rel="nofollow noreferrer">https://art.ipscap.com/assets/select2.png</a>. The image itself is in <code>app/assets/images/select2.png</code> and the readme in the same directory states:</p>
  
  <blockquote>
    <p>If you place an image here called <code>foobar.png</code> then you can access that image by going to <code>http://&lt;hostname&gt;/assets/foobar.png</code></p>
  </blockquote>
  
  <p>I find it strange as the image does not fail to load but is being broken by asset pipeline. The same does not seem to occur to other images in the app such as the header jpeg image.</p>