when I convert link of image to appear on wordpress

here is the link on the file

        <a class="navbar-brand" href="index.html"> <img src="<?php bloginfo('template_directory'); ?>/images/logo.png" id="logo_img" alt=""> </a>

but when I inspect it on the browser, the code is not the same

<a class="navbar-brand" href="index.html">
<img src="<?php bloginfo('template_directory'); ?>/images/color-customizer/logo_skin-default.png" id="logo_img" alt="">
</a>

finally the image does not appear.

why the code is different? what should I do to make the image appear?

thanks in avance.