img 要素の下にくっつけて別の要素を配置しようとしても、デフォルトではどうしても隙間が空いてしまいます。
<img src="tree.png"><br>
<img src="tree.png"><br>
<img src="tree.png">図: 画像の下に隙間ができてしまう例（別ページで開く）
これは、img 要素はテキストと同様にベースラインを意識した配置が行われるからです。
下記のように vertical-align プロパティを bottom に設定しておけば、隙間をなくすことができます。
img {
vertical-align: bottom;
}図: 画像の下の隙間をなくした例（別ページで開く）
この問題が発生しない場合は、プロジェクトで使用しているリセット系の CSS に、すでに上記のような定義が含まれている可能性が高いです。