image not displaying on Web page in Spring boot application

Question

I use thymeleaf template engine and place the files like that. but images do not display on Web page. how can i fix it? place files like this result

<span class="Google">
    <a href="">
        <img src="img/google.png">
    </a>
</span>

<span class="kakao">
    <a href="">
        <img src="img/kakao.png">
    </a>
</span>

Answer 1

put / at the start of url and make sure .png should be present at /resource/static/img/ directory

try this

<span class="kakao">
    <a href="">
        <img src="/img/kakao.png">
    </a>
</span>

Answer 2

I may change the image reference to:

<img th:src="@{/img/google.png}">

It will add context-relative url to the image's uri.

Here is the document.