title: How to get Clean Image URLs in Next.js using next/image component
body: <p>I would like to know how I can get clean image url's with next/image component in Next.js.</p>
  <p>Current URL Example below:</p>
  <p><a href="https://www.example.com/_next/image?url=%2Fimages%2Fhome%2FDog-image-1.jpg&amp;w=384&amp;q=100" rel="nofollow noreferrer">https://www.example.com/_next/image?url=%2Fimages%2Fhome%2FDog-image-1.jpg&amp;w=384&amp;q=100</a></p>
  <p>Is it possible to change the above URL every time like the URL below:</p>
  <p><a href="https://www.example.com/_next/image/Dog-image-1.jpg" rel="nofollow noreferrer">https://www.example.com/_next/image/Dog-image-1.jpg</a></p>
  <p>or like this:</p>
  <p><a href="https://www.example.com/_next/image/images/home/Dog-image-1.jpg" rel="nofollow noreferrer">https://www.example.com/_next/image/images/home/Dog-image-1.jpg</a></p>
  <p>How to get clean URLs using next/image component for images.</p>
  <p>Thank You for your participation.</p>