Главная страница » Почему не отображаются картинки на сайте

Почему не отображаются картинки на сайте

  • автор:

Почему на сайте не загружаются изображения/картинки, браузер их не показывает, вместо них пустые места

img-Vmesto-kartinki-lish-pustoy-kvadrat.png

При такой форме вопроса — ответить на него трудно, т.к. причин может быть довольно много. Для начала я бы посоветовал сделать самую банальную вещь : перезагрузить свое устройство (компьютер/телефон и пр.), и попробовать заново открыть веб-сайт.

Если также не загружаются — пойдем далее.

Из-за чего вместо картинок «пустые квадраты»

📌 «Проблемный» кэш, история и т.д.

Каждый браузер (по мере работы) накапливает большое кол-во «мусора» в своих временных папках (кэш, журналы, история просмотров та же, и т.д.). Делает это он не специально, а с целью ускорить вашу работу.

Однако, когда кэш разрастается (а в него входят и различные элементы сайтов, в т.ч. и стили, картинки и пр.) — браузер может начать работать со сбоями. Не исключено, что часть картинок перестанет отображаться. Для решения этого вопроса — попробуйте почистить его. Пару ссылок ниже в помощь. 👇

📌 В помощь!

1) Как почистить кэш и историю в браузере при работе в Windows — https://ocomp.info/kak-pochistit-istoriyu-v-brauzerah.html

2) Как почистить кэш и историю в браузере при работе на Android (телефон) — https://ocomp.info/kak-ochistit-kesh-na-telefone.html

img-Chrome-----udalenie-ke`sha.png

Chrome — удаление кэша

📌Настройки браузера

Обратите внимание, что в настройках многих браузеров есть опция блокировки отображения картинок (ее часто использовали раньше, когда не было безлимитного доступа в Интернет и требовалось экономить трафик).

Так вот эта опция не всегда включается самим пользователем! Проверьте, не активна ли она.

img-Zapretit-saytam-pokazyivat-izobrazheniya-----nastroyki-brauzera-Opera.png

Скриншот. Запретить сайтам показывать изображения — настройки браузера Opera

Кстати, в браузерах для смартфонов есть режимы экономии трафика. Они также могут влиять на загрузку картинок!

img-Ekonomnyiy-rezhim-v-mobilnom-brauzere-Opera.png

Скриншот. Экономный режим в мобильном браузере Opera

📌 Вкл. экономного режима (в параметрах Android, например)

Этот момент затрагивает только смартфоны!

Не многие знают, что в параметрах Android (в настройках мобильной сети) есть функция экономии трафика . Она автоматически снижает кол-во уведомлений, ограничивает фоновую работу приложений, может блокировать загрузку ряда картинок (полная ее функциональность зависит от марки телефона и его ПО).

Поэтому, я бы посоветовал на время отключить эту штуковину. Ссылка ниже поможет вам с этим разобраться.

img-Umnaya-ekonomiya-trafika-otkl.-Honor.jpg

Скриншот. Умная экономия трафика откл. (Honor)

📌 Блокировки провайдера

Нередко так бывает, что картинки на определенном сайте подгружаются из других сайтов, источников (а те в свою очередь могут быть заблокированы вашим провайдером, например).

В результате сам ресурс открывается, а вот часть изображений — нет! У меня, например, что-то подобное происходит с Ютубом.

В этом случае можно попробовать:

  1. найти другой сайт с нужными картинками, видео и т.д.;
  2. воспользоваться отличным 👉браузером со встроенным VPN;
  3. настроить 👉свой собственный VPN.

img-Naglyadnyiy-primer-dlya-ponimaniya-rabotyi-VPN.png

Наглядный пример для понимания работы VPN

📌 Плохое/медленное Интернет-соединение

Если на сайте используются большие изображения (скажем, весящие десятки МБ), а ваше Интернет-соединение оставляет желать лучшего — то на их загрузку может потребоваться достаточно много времени.

Можно попробовать нажать в браузере сочетание Ctrl+F5 (это принудительно обновление странички и кэша).

Кроме этого, не помешало бы проверить своего Интернет-провайдера — например, к компьютеру можно 📌подключить телефон, и вкл. режим модема.

img-CtrlFnF5-prinud.-obnovlenie-stranichki.jpg

Скриншот. Ctrl+Fn+F5 — принуд. обновление веб-странички

📌 Картинка(и) была удалена с сайта, путь не действительный

Ну и последний «штрих» — возможно ваша картинка(и) была удалена на сайте (это мог сделать администратор / автор / редактор и т.п.). Мой пример см. чуть ниже. 👇

img-Kartinka-ne-pokazyivaetsya-t.k.-vladelets-sayta-redaktor-ee-udalil.png

Картинка не показывается, т.к. владелец сайта (редактор) ее удалил

Так вот, если попробовать открыть прямую ссылку на картинку (которая заканчивается ее расширением, например, «.png», см. ниже 👇) — можно увидеть 📌сообщение о 404 ошибке, о том, что файла такого не существует!

В этом случае попробуйте задать вопрос владельцу сайта — может вопрос и проясниться. 🙂

img-Kartinki-prosto-net-na-diske.png

Картинки просто нет на диске, поэтому при попытке ее открыть — возникает ошибка 404

Если вам удалось решить проблему как-то по-другому — сообщите пожалуйста в комментариях.

Почему не отображаются картинки в браузере

Не открываются картинки в браузере

Порой у пользователей может возникать проблема, когда в веб-браузере перестали показываться изображения. То есть, на странице есть текст, но отсутствуют картинки. Далее мы рассмотрим, как включить изображения в обозревателе.

Включение картинок в браузере

Причин тому, что пропали картинки, много, например, это может быть связано с установленными расширениями, изменениями настроек в браузере, проблемами на самом сайте и т.д. Давайте узнаем, что можно сделать в данной ситуации.

Способ 1: очистка куки и кэша

Проблемы загрузки сайтов могут быть решены благодаря чистке куки и кэш-файлов. Следующие статьи помогут Вам очистить ненужный мусор.

Способ 2: проверка разрешения на загрузку изображений

Многие популярные обозреватели позволяют запретить загрузку изображений для сайтов, чтобы ускорить загрузку веб-страницы. Давайте посмотрим, как снова включить показ картинок.

Информация о сайте в Mozilla Firefox

    Открываем Mozilla Firefox на определённом сайте и слева от его адреса кликаем «Показать информацию» и жмём на стрелку.

Похожие действия необходимо сделать в Google Chrome.

Сведения о сайте в Google Chrome

    Запускаем Гугл Хром на каком-либо сайте и возле его адреса жмём на значок «Сведения о сайте».

а в открывшейся вкладке ищем раздел «Картинки».

Пункт картинки в настройках Google Chrome

Lumpics.ru

В веб-браузере Opera действия проводятся немного по-другому.

  1. Кликаем «Меню»«Настройки». В меню открытие настроек в Opera
  2. Переходим в раздел «Сайты» и в пункте «Изображения» отмечаем галочкой вариант – «Показывать». Показывать все картинки в Opera

В Яндекс.Браузере инструкция будет похожа на предыдущие.

  1. Открываем какой-либо сайт и возле его адреса жмём на значок «Соединение». Значок соединения в Яндекс.Браузере
  2. В появившейся рамке жмём «Подробнее». Подробнее о настройках сайта в Яндекс.Браузере
  3. Ищем пункт «Картинки» и выбираем вариант «По умолчанию (разрешить)». Разрешить показ картинок в Яндекс.Браузер

Способ 3: проверка расширений

Расширение – программа, которая увеличивает функциональность обозревателя. Бывает, что в функции расширений входит блокировка некоторых элементов, нужных для нормальной работы сайтов. Вот несколько расширений, которые можно отключить: Adblock (Adblock Plus), NoScript и т.п. Если вышеприведённые плагины не активированы в обозревателе, но проблема всё равно есть, желательно отключить все дополнения и поочерёдно их включать, чтобы выявить, какой именно вызывает ошибку. Вы можете подробнее узнать о том, как удалить расширения в наиболее распространенных веб-обозревателях – Google Chrome, Яндекс.Браузере, Opera. А дальше рассмотрим инструкцию по удалению дополнений в Mozilla Firefox.

  1. Открываем обозреватель и жмём «Меню»«Дополнения». Открытие в меню дополнений Mozilla Firefox
  2. Возле установленного расширения есть кнопка «Удалить». Удаление расширений в Mozilla Firefox

Способ 4: включение JavaScript

Чтобы многие функции в обозревателе работали правильно, нужно подключить JavaScript. Данный скриптовый язык делает интернет-страницы ещё функциональнее, но если он отключён, то содержание страниц будет ограничено. В следующем уроке подробно рассказано, как подключить JavaScript.

В Яндекс.Браузере, например, производятся следующие действия:

  1. На основной странице веб-браузера открываем «Дополнения», а далее «Настройки». Настройки в меню Яндекс.Браузера
  2. В конце страницы нажимаем на ссылку «Дополнительно». Дополнительные настройки в Яндекс.Браузере
  3. В пункте «Личные данные» кликаем «Настройка». Поиск раздела личные данные в Яндекс.Браузере
  4. В строке JavaScript отмечаем пункт «Разрешить». В конце нажимаем «Готово» и обновляем страницу, чтобы изменения вступили в силу. Разрешить JavaScript в Яндекс.Браузере

Вот вы и узнали, что нужно делать, если изображения в веб-обозревателе не показываются.

Что делать, если в браузере не отображаются картинки

Что делать, если в браузере не отображаются картинки

Учёные уже давно выяснили, что информация воспринимается куда лучше, если текст или речь подкрепляется изображениями и иллюстрациями. Это помогает мозгу составлять ассоциативную картину события. Поэтому отсутствие изображений на веб-страницах или их некорректное отображение может внести сумбур в восприятие информации. Причём проблема часто заключается непосредственно в браузере.

Почему картинки не отображаются в браузере

Существует две категории причин, по которым картинки не отображаются в обозревателе: внутренние и внешние.

Под внешними подразумевают всё то, что не связано конкретно с компьютером пользователя:

  • проблемы с интернет-соединением;
  • заблокированные провайдером или госучреждениями хостинги;
  • перегрузка сервера сайта;
  • ошибки разработчиков внутри файловой системы ресурса и другое.

Во всех этих случаях исправить ситуацию пользователь бессилен. Однако стоит отметить, что внешние проблемы не влияют на все сайты сразу: баги с отображением картинок могут наблюдаться только на отдельных ресурсах. Если же изображения пропали тотально на всех веб-страницах, причину нужно искать внутри браузера или компьютера.

Внутренних причин также может быть довольно много:

  • параметры браузера, вшитых расширений и блокировщиков рекламы;
  • DNS;
  • файлы кэша и cookie;
  • разные режимы ускорения и разблокировки доступов к сайтам;
  • вирусы и антивирусы;
  • исключения в отображении элементов страниц;
  • собственные файлы браузера (при повреждении данных программы могут выдавать самые разные результаты работы).

Насколько я могу судить по своему опыту, основными внутренними причинами того, что браузер некорректно показывает картинки, являются настройки отображения элементов страниц или переполненный кэш. Во втором случае очень часто «тормозит» сам обозреватель, а вся операционная система начинает работать со сбоями.

Как решить проблему с неотображающимися картинками на веб-страницах

Решение проблемы с отображением картинок зависит от причины, которая вызывает неполадки. В самых «запущенных» случаях, когда никакие действия не помогают, может потребоваться полное удаление браузера с его переустановкой.

Переполненный кэш и cookie

Переполненные хранилища файлов кэша и cookie могут пагубно воздействовать на работу браузера в целом. Потому рекомендуется периодически удалять содержимое временных файлов.

Как очистить кэш и cookie

Для браузеров на движке Chromium (Opera, Google Chrome, «Яндекс.Браузер», Orbitum и др.) история очищается одинаково:

    Нажимаем комбинацию клавиш Ctrl+H, а затем кнопку «Очистить историю».

Как очистить историю в браузерах на движке Chromium

Нажимаем комбинацию клавиш Ctrl+H, а затем кнопку «Очистить историю»

Как выбрать категории очищаемых данных в браузерах Chromium

Отмечаем необходимые типы файлов и нажимаем «Очистить историю посещений»

В браузере Mozilla Firefox удаление кэша происходит немного по-другому:

    Открываем новую вкладку, в правом верхнем углу щёлкаем значок шестерёнки.

Как открыть настройки браузера Mozilla

Переходим в настройки, нажимая на значок шестерёнки в правом верхнем углу

Как удалить историю в браузере Mozilla

На вкладке «Приватность и защита» нажимаем кнопку «Удалить историю»

Как очистить кэш и куки в браузере Mozilla

Отмечаем данные, которые нужно очистить, и нажимаем кнопку «Удалить сейчас»

В обозревателе Microsoft Edge очистка истории проходит по принципу браузеров Chromium:

    Нажимаем комбинацию клавиш Ctrl+H, затем в открывшемся диалоговом окне щёлкаем «Очистить журнал».

Как очистить историю в Microsoft Edge

Нажимаем комбинацию клавиш Ctrl+H и кнопку «Очистить журнал»

Как очистить кэш и куки в Microsoft Edge

Выбираем необходимые категории и щёлкаем по кнопке «Очистить»

В браузере Internet Explorer временные файлы удаляются через настройки обозревателя:

    В правом верхнем углу щёлкаем значок шестерёнки и в выпавшем меню выбираем «Свойства браузера».

Как открыть настройки Internet Explorer

Выбираем пункт «Свойства браузера» в меню настроек

Как очистить кэш и куки в IE

Переходим во вкладку «Общее» и выбираем удаление журнала браузера

Как выбрать удаление данных в IE

Отмечаем галочками файлы кэша и cookie и нажимаем «Удалить»

Чистка кэша DNS

Проблемы с DNS возникают зачастую после смены провайдера или типа соединения с интернетом. Хотя порой могут происходить и «на ровном месте», без каких-либо причин. Так как очистка проходит буквально в одну команду, рекомендуется проводить эту операцию сразу же при возникновении странностей в работе браузеров.

    Нажимаем комбинацию клавиш Win+R, в открывшемся окне вводим ipconfig /flushdns и нажимаем кнопку OK.

Как запустить чистку кэша DNS

В командной строке вводим ipconfig /flushdns и нажимаем кнопку OK

Видео: как очистить кэш DNS

Как включать и отключать режим Turbo в разных браузерах

Так называемый «Режим Turbo» в браузерах является не чем иным, как предоставлением VPN-сервиса от производителей обозревателя. На данный момент подобными встроенными функциями обладают только два браузера — Opera и «Яндекс.Браузер». При этом ускорение загрузки страниц очень условное, однако сервис VPN может как разблокировать доступ пользователя к картинкам, так и заблокировать его, если создатель сайта посчитает, что использование возможности обхода блокировок вредит его ресурсу. Потому использование режима Turbo — это палка о двух концах.

В браузере Opera включение этого режима производится следующим образом:

  1. Нажимаем комбинацию клавиш Alt+P.
  2. Переходим во вкладку «Браузер», затем пролистываем настройки вниз и ставим галочку у пункта «Включить Opera Turbo».

Как включить режим Turbo в браузере Opera

Во вкладке «Браузер» ставим галочку у пункта «Включить Opera Turbo»

В «Яндекс.Браузере» это делается ещё проще: в верхней панели, рядом с кнопкой «Свернуть», щёлкаем на значок с тремя горизонтальными линиями и в выпавшем меню выбираем «Включить турбо».

Как включить режим Turbo в «Яндекс.Браузере»

Щёлкаем на значок с тремя горизонтальными линиями и в выпавшем меню выбираем «Включить турбо»

Сервисы VPN можно устанавливать и для других браузеров в виде расширений. Однако нужно будет выбрать между бесплатными и качественными продуктами.

Видео: как включить режим «Турбо» в «Яндекс.Браузере»

Управление исключениями отображений элементов страниц

Кроме вышеописанного в браузерах есть настройка, которая позволяет отключать некоторые составляющие страниц, например, изображения. Кроме того, существует возможность исключений, т. е. составления условий типа «Отображать везде, кроме этого сайта» или, наоборот, «Отключить изображения везде, кроме этого сайта».

В браузере Opera работа с исключениями проводится так:

    Открываем настройки, переходим во вкладку «Сайты». В графе «Изображения» отмечаем пункт «Показывать все изображения».

Как настроить отображение картинок в браузере Opera

В графе «Изображения» вкладки «Сайты» устанавливаем переключатель на пункт «Показывать все изображения»

Как управлять исключениями отображения картинок в браузере Opera

Щёлкаем «Управление исключениями» и настраиваем отображение картинок на отдельных ресурсах

Как удалить исключение

Щёлкаем на исключение и справа нажимаем на появившийся значок крестика

В браузере Google Chrome настройки исключения для изображений размещены немного по-другому:

    В правом верхнем углу щёлкаем значок с тремя вертикальными точками и выбираем «Настройки».

Как открыть настройки Google Chrome

В правом верхнем углу щёлкаем значок с тремя вертикальными точками и выбираем «Настройки»

Как открыть «Настройки контента»

В разделе «Дополнительные» выбираем «Настройки контента»

Как открыть параметры отображения картинок в Google Chrome

Щёлкаем по ссылке с надписью «Картинки»

Как включить отображение картинок в браузере Google Chrome

Переключаем тумблер у пункта «Показать всё» вправо

Изображения не дают выводить блокировщики рекламы

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

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

В браузере Opera:

    В настройках на вкладке «Основные» снимаем галочку с пункта «Блокировать рекламу», затем перезагружаем интересующую страницу.

Как снять блокировку рекламы в браузере Opera

Во вкладке «Основные» снимаем галочку с пункта «Блокировать рекламу», затем перезагружаем браузер

В настройках Google Chrome отключение блокировщика происходит схожим образом:

    Открываем «Настройки контента», как показано выше, переходим в раздел «Реклама».

Как открыть настройки рекламы в браузере Google Chrome

В меню «Настройки контента» переходим в раздел «Реклама»

Как отключить блокировку рекламы в браузере Google Chrome

Для отключения утилиты переводим тумблер «Заблокировано на сайтах» влево

В настройках «Яндекс.Браузера» функция блокировки рекламы находится в установках, на вкладке «Настройки». Достаточно снять галочку с пункта «Блокировка неуместной рекламы», чтобы программа перестала фильтровать контент.

Как отключить блокировку рекламы в «Яндекс.Браузере»

Во вкладке «Настройки» снимаем галочку с пункта «Блокировка неуместной рекламы»

В обозревателе Mozilla нет единой настройки, которая отвечает за рекламу. Этот параметр разделен на две части:

  • в настройках, на вкладке «Приватность и защита», снимаем галочку с пункта «Блокировать всплывающие окна»;
  • в графе «Защита» снимаем все галочки.

Как отключить блокировку рекламы в браузере Mozilla

Cнимаем галочки с пункта «Блокировать всплывающие окна» и во всей графе «Защита»

Как сбросить параметры браузера до заводских настроек

Кроме вышеописанных настроек внутри обозревателя зачастую есть кнопка, которая позволяет сбросить все изменения пользователя. Создано это на случай, если человек случайно нарушит работу браузера, установив некорректные настройки, и не сможет вернуть их в первоначальное положение самостоятельно.

В браузере Opera необходимо сделать следующее:

    Заходим в настройки, на вкладку «Браузер», и нажимаем кнопку «Сбросить настройки браузера», затем подтверждаем, нажав «Сброс» в появившемся окне.

Как сбросить настройки до заводских в браузере Opera

Во вкладке «Браузер» нажимаем кнопку «Сбросить настройки браузера» и подтверждаем изменения

В «Яндекс.Браузере» открываем «Дополнительные настройки», как показано в примере выше, пролистываем страницу в самый низ и щёлкаем «Сбросить настройки».

Как сбросить настройки до заводских в «Яндекс.Браузере»

В дополнительных настройках «Яндекс.Браузера» щёлкаем «Сбросить настройки»

В «Хроме» параметры сбрасываются аналогичным образом: открываем дополнительные настройки, щёлкаем пункт «Восстановление настроек по умолчанию», затем нажимаем «Сбросить настройки».

Как сбросить настройки до заводских в Google Chrome

В дополнительных настройках щёлкаем пункт «Восстановление настроек по умолчанию», затем нажимаем «Сбросить настройки»

Для Internet Explorer функция сброса настроек также предусмотрена: в свойствах обозревателя переходим во вкладку «Дополнительно», нажимаем «Восстановить дополнительные параметры», затем «Сброс». Соглашаемся, когда система предложит подтвердить действия, и перезагружаем компьютер.

Как сбросить настройки IE до заводских

В настройках IE, во вкладке «Дополнительно», нажимаем «Восстановить дополнительные параметры», а затем «Сброс»

Неверные настройки антивируса

Кроме внутренних настроек браузера есть ещё настройки системы, которые регулируются антивирусной программой. К примеру, в стандартном «Защитнике» есть настройки с проверкой для загружаемого контента.

  1. Открываем встроенный антивирус Windows 10, переходим во вкладку «Управление приложениями/браузером».
  2. Переставляем все тумблеры с положения «Блокировать» на «Выключить», чтобы «Защитник» больше не вмешивался в работу программ.

Как снять блокировку контента браузера в антивирусе

Во вкладке «Управление приложениями/браузером» переставляем все тумблеры с положения «Блокировать» на «Выключить»

ПК заражён вирусами

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

Бороться с вирусами нужно комплексным образом, а именно:

  • пошагово воспользоваться проверкой двух-трёх антивирусных программ от разных производителей с актуальными базами;
  • перезагрузить компьютер и повторить процедуру поиска и лечения.

Что делать, если ничего не помогает

В случае когда ничего из вышеперечисленного не вернуло в браузер корректное отображение контента, последняя возможность исправить ситуацию заключается в полной переустановке браузера, так как велика вероятность того, что файлы программы были повреждены и работают некорректно.

    Щёлкаем правой кнопкой по значку Windows и выбираем элемент «Приложения и возможности».

Как открыть апплет «Приложения и возможности»

Выбираем пункт «Приложения и возможности» в меню «Пуск»

Как запустить деинсталляцию браузера

В списке программ находим браузер, который хотим деинсталлировать, щёлкаем по нему и два раза нажимаем «Удалить»

Как открыть папку с журналами и временными файлами приложений

В поиске Windows прописываем %appdata% и щёлкаем по лучшему соответствию

Как удалить папку с временными файлами браузера

Выбираем папку с названием браузера, нажимаем комбинацию клавиш Shift+Delete и подтверждаем действие в появившемся окне

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

Видео: как полностью удалить браузер с компьютера

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

Почему не отображается картинка на сайте?

Почему не отображается картинка на сайте?

Давно я уже не писал ничего для новичков, в основном, пишу уже для достаточно опытных специалистов. Поэтому чтобы исправить это положение, я решил написать статью по теме наиболее частого вопроса, который я постоянно получаю: «Почему не отображается картинка на сайте?«. В этой статье я постараюсь разобрать все причины, почему изображение не появляется на сайте на основании того, что я видел у своих учеников.

Не будем тянуть резину, а сразу перейдём к делу.

Первая ошибка

Тот, кто уже хорошо знает HTML, мгновенно найдёт в данном коде ошибку. А ошибка здесь синтаксическая, так как атрибута «scr» не существует, а правильно писать «src«. Ошибка очень распространена, поэтому я решил её поставить первой.

Вторая ошибка

Здесь никаких ошибок в коде не имеется, однако, если копнуть глубже, то название картинки, скорее всего, указано неправильно. Очень часто в ОС отключён показ расширений файлов, как следствие, image.jpg — это только имя файла, без расширения. Для решения проблемы надо включить показ расширений файлов в свойстве папок, далее увидеть, что файл называется, например, так: «image.jpg.png«, и это имя прописать в src.

Третья ошибка

Снова код правильный, однако, картинка всё равно не отображается. Если не помог предыдущий пункт, то, скорее всего, в браузере просто отключён показ картинок. Включите показ картинок в браузере, и Ваше изображение должно будет появиться.

Четвёртая ошибка

Очень часто ошибка состоит в том, что путь написан с ошибкой. А этот путь они просто откуда-то сдирают (с моего сайта, с книг, с моих курсов или ещё откуда-нибудь), не подумав о том, что это только путь, а не сама картинка. И по нему должна находиться само изображение. В большинстве случаев, её и близко нет. Иногда картинка имеется, но путь написан неправильно. Здесь надо просто уметь писать относительные пути. Начинается всё от каталога, в котором находится данная страница, далее пишем каталог, в котором находится картинка, а затем через слеш пишем название картинки. Если есть ещё один каталог на пути к картинке, то пишем и его (например, так: «images/photo/user1.jpg«). Если сама страница находится во внутреннем каталоге, также как и картинка, то нужно использовать «../» (например, так: «../images/image.jpg«). Всё просто, но вот возникают почему-то проблемы.

Я разобрал все ошибки, которые мне удалось вспомнить в своей практике. Если у Вас не отображается картинка на сайте, то 99.9% того, что решение Вы найдёте здесь, поэтому внимательно просмотрите всю статью и подумайте, что у Вас не так. И всегда помните, что ошибка может быть комплексной. Например, синтаксическая ошибка, путь указан неверно, да и имя неправильно написано. Такое тоже бывает, поэтому проверяйте себя на каждой ошибке, и после их исправления картинка обязательно появится на Вашем сайте.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

Она выглядит вот так:

Комментарии ( 26 ):

Есть еще 5-я ошибка. У вас примеры написаны так, что можно подумать что между первой угловой скобкой и тегом img стоит пробел. Тогда как между этой угловой скобкой и тегом img пробел не допускается.

Это всё относится к синтаксическим ошибкам. Ещё можно такую ошибку допустить: s rc. Или такую: jmj вместо img. Не писать же о каждом символе.

зд. у меня такая проблема картина не отображается только значки ее что эта может быть я учусь спасибо за внимание <img src="/img/4.jpg">

Никак не получается разместить. Все сделал как Вы говорите. Может я не правильно сохранил картинку ? <img src = "kan.logo.jpg" alt = "Картинка" width = "150" height = "150"/>

Странное название, попробуйте изменить, хотя ещё раз повторю, все проблемы описаны выше.

По поводу пути к картинке: на мой взгляд, лучше всегда указывать путь с корня сайта и начинать его со слеша: src="/images/image.jpg". Тогда картинка будет доступна с любой страницы сайта, на каком бы уровне и подуровне она не находилась. То же самое касается указания путей к css и js-файлам.

Я делаю как Вы говорите, а у меня все равно не получается. Размер картинки имеет значение?

Нет, не имеет. Проверьте ещё раз, как правило всё из-за какой-нибудь мелкой ошибки.

Здравствуйте. Хотелось бы спросить вашего совета: на сервере картинки исправно загружались,однако после залива на сервер ещё одного файла картинки на одной из страниц перестали отображаться. Картинки находятся в одной папке, названия я все перепроверял. т.е. ни один из вышепредложенных вариантов мне не подходит, на мой взгляд. Можете ли вы что либо посоветовать? Заранее спасибо.

Попробуйте в другом браузере посмотреть. Если не заработает, то где-то Вы просто что-то сделали не так, чудес не бывает, чтобы из-за одной картинки все другие пропадали.

У меня не по поводу картинок)) я создал веб сайт,а в браузере не нечего нету((( просмотрел исходный код,а там нечего нету,почти

Здравствуйте Михаил! У меня проблема с картинками на сайте.Они не отображаются я прочитал эту статью но тем не менее картинки все равно не отображаются хотя делаю вроде всё правильно: <img src="images/my saite.png" width="100%" alt="Шапка сайта"/> Подскажите что не так.

скорее всего не правильно имя файла <img src="images/my saite.png"> Пробел недопустим! <img src="images/mysaite.png">

Испробовал все перечисленные выше варианты, ну ни чего не помогает. (<img src = "images/logo.jpg" width = "100%" alt = "Шапка сайта" />)

Смотрите вы пишите <img src="saite.png"> A надо покозать путь НАпримеp- диск- папка- картинка <img src="E:\papka\img\domnk.png">

У меня все получилось

Здравствуйте Михаил! У меня проблема с размером картинки, не могу задать её высоту, <img src="images/images.jpg" alt="Шапка сайта" width="100%" height="50%"/>, т.е. как бы не менял значение по высоте, картинка остается неизменной и очень большой.Почему?

Потому, что нужно задавать размер в px, чтобы не потерять качество. Так как % — это мера относительно чего-то.

Спасибо тебе добрый человек!!

Еще зависит от браузера. У меня например тоже не отражало картинку в опере. Никаких ошибок в коде не было. Проблема была в том, что названия папок были на кириллице. Если у кого тоже путь к картинке на кириллице то переименуйте папку на англ. слово.

картинку тоже не мог вставить около часа , проблема была в названии картинки и пути где находилась картинка. выход нашёл вот как ,вставил адрес пути картинки как мне показал браузер Мазила вот она file:///C:/site/images/Hydrangeas.jpg в общем получилось вот что <img src="file:///C:/site/images/Hydrangeas.jpg" title="картинка" height="100" alt="Картинка" /> вот ещё что Hydrangeas.jpg это название картинки которое прописывается в свойствах файла , без этого названия ничего не выходит . ну у вас будет своё название , всем удачи , проверяйте пути и названия картинок

Здравствуйте Михаил тоже не отображается картинка перепробовал все варианты не знаю что делать <img srс = "file:///D:/html/1.jpg" alt = "Картинка" width = "100" height = "100">

C картинками беда. Не знаю как узнать, включен в браузере показ картинок или нет. Все остальное пробовал, не помогло. А могут разниться коды, картинки и моего сайта?

А вот еще в тему: в IE, FF и Chrome картинка есть, а в Opera НЕТ. Только замещающий текст. <td width="660"><a href="index.html"> <img src="OF/LOGO.png" alt="Картинка" width="397" height="75" /></a></td> ПРОСЬБА ПОДСКАЗАТЬ!! ЧТО ЭТО МОЖЕТ БЫТЬ?

Ребят помогите пожалуйста пробовал по разному но не получается вот код: <html> <body> <img scr="file:///C:/Users/egord/Desktop/im.jpg"/> </body> </html> размеры не задаю потому-что они уже такие которые нужны. сам проверял по ссылке переходит всё норм но чёт не отображается

Если ещё актуально-нужно попробовать обновить Java

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *