Картинка - строчный элемент(inline). Ведет себя как "слово" в тексте. По умолчанию у текста стоит vertical-align: baseline, которое оставляет небольшой отступ снизу для витков букв типа и крючков у букв типа "р, у, щ, ц, ф" и тд.
Допиши для картинки vertical-align: top. Это уберет этот отступ.