← Все вопросы

Картинка не отображается, вместо неё пустой квадратик с крестиком. Почему?

Задан 6 месяцев назад570 просмотров2 ответа
7

Вставил картинку через <img src="cat.jpg">, но на странице вместо неё иконка «битого изображения». Файл точно есть, лежит в той же папке. Что я делаю не так?

Оксана Баранова 🥚 Яйцо
спросил 6 месяцев назад

2 ответа

12
✓ Принятый ответ — помог автору

В 90% случаев проблема в пути к файлу. Проверь по порядку:

  1. Точное имя файла, включая расширение и регистр. На многих серверах Cat.JPG и cat.jpg — разные файлы. Если у файла на самом деле имя cat.jpeg, то cat.jpg не найдётся.
  2. Где лежит файл. Если картинка в той же папке, что и html — пиши просто src="cat.jpg". Если в папке images рядом — src="images/cat.jpg".
  3. Скрытое расширение. Windows может прятать .jpg, и файл реально называется cat.jpg.jpg.

Быстрый способ проверить путь: открой страницу в браузере, нажми F12 → вкладка Console, там будет ошибка «404 (Not Found)» с тем путём, который браузер искал. Сравни его с реальным расположением файла.

И всегда добавляй alt:

<img src="images/cat.jpg" alt="рыжий кот">
Валерия Полякова 🥚 Яйцо
5 месяцев назад
4

Ещё частая ловушка у новичков — обратные слэши. В путях HTML используется прямой слэш /, а не \ как в Windows. Пиши images/cat.jpg, а не images\cat.jpg.

Сергей Волков 🐣 Птенец
6 месяцев назад

Ваш ответ

Войдите, чтобы ответить на вопрос.