title: Laravel, `.png` image in public/images/product folder not displaying correctly
body: <p>I am a newbie and just want to go from route->view for one image.</p>
  
  <p>The image name is <code>Frozen_Ophelia_800x.png</code></p>
  
  <p>Here is my route:</p>
  
  <pre><code>Route::get('/products', function(){
      return view('/pages/product');
  });
  </code></pre>
  
  <p>Here is my product.blade.php</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
  
  &lt;head&gt;
  
      &lt;title&gt;&lt;/title&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
      &lt;h1&gt; &lt;img src="public/images/product/Frozen_Ophelia_800x.png"&gt;&lt;/img&gt;&lt;/h1&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>However, when I access either <code>http://localhost:8000/products</code> or <code>http://127.0.0.1:8000/products</code> I just get a tiny little icon in the top left:
  <a href="https://i.stack.imgur.com/ro7E3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ro7E3.png" alt="tiny icon"></a> 
  I used command line to move the image to that folder from my Desktop in Ubuntu 18.04.  </p>
  
  <p>Here is what my project structure looks like with said image displayed:</p>
  
  <p><a href="https://i.stack.imgur.com/fSn5D.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fSn5D.png" alt="project in sublime"></a></p>