Не отображаются картинки jpg

Наверное многие начинающие веб-мастера сталкиваются с проблемой, когда картинка jpg не отображается. Вроде бы и код написан правильно и размер картинки в коде тоже указан соответствующий, а картинка в браузере не отображается.
Доходит дело просто до абсурда, но этот коварный jpg не отображается.

Да, такое бывает и не редко. Вся проблема не в картинке и не в коде самой страницы, а лишь в человеческой невнимательности.

Дело все в том, что в процессе работы многие действительно забывают о мелочах, но таковые мелочи играют существенную роль в создание сайта.
Есть такое понятие как расширение файла, в данном случае это расширение jpg.
Предположим у нас есть файл foto.jpg
Имя файла у нас будет foto, а его расширение .jpg
Противен сей формат фото тем, что он имеет еще три расширения. Они на качество фото или же на его просмотр не влияют, но на отображение данных картинок в браузере это может существенно повлиять, а именно таким образом, что картинка просто не будет отображаться.

Расширение файла

У jpg есть еще три брата близнеца. Это JPG, JPEG и jpeg
То есть, если смотреть на нашем примере, все три расширения будут выглядеть следующим образом:
foto.jpg
foto.jpeg
foto.JPG
foto.JPEG
При этом, каждый из вариантов будет считаться правильным. И если у вас в коде прописано отображение рисунка именно foto.jpg то закачанный на сервер файл foto.JPG в браузере не отобразится.

Пути решения данной проблемы достаточно просты. Поменяйте все файлы под один формат расширения. Это устранит путаницу и все картинки будут нормально отображаться!