Чому не відображається картинка на сайті?

Давно я вже не писав нічого для новачків, в основному, пишу вже для досить досвідчених фахівців. Тому щоб виправити це становище, я вирішив написати статтю по темі найбільш частого питання, який я постійно отримую: "Чому не відображається картинка на сайті?". У цій статті я постараюся розібрати всі причини, чому зображення не з`являється на сайті на підставі того, що я бачив у своїх учнів.

Не будемо тягнути гуму, а відразу перейдемо до справи.

Відео: не відображаються картинки при перегляді сайту

перша помилка

scr="Image.jpg"alt="Картинка"/ Gt;

Той, хто вже добре знає HTML, миттєво знайде в даному коді помилку. А помилка тут синтаксична, так як атрибуту "scr"Не існує, а правильно писати"src". Помилка дуже поширена, тому я вирішив її поставити першою.

друга помилка

src="Image.jpg"alt="Картинка"/ Gt;

Тут ніяких помилок в коді немає, проте, якщо копнути глибше, то назва картинки, швидше за все, зазначено неправильно. Дуже часто в ОС відключений показ розширень файлів, як наслідок, image.jpg - це тільки ім`я файлу, без розширення. Для вирішення проблеми треба включити показ розширень файлів у властивості папок, далі побачити, що файл називається, наприклад, так: "image.jpg.jpg", І це ім`я прописати в src.

Відео: Як повернути зображення фотографій в Windows 7. Не відображаються картинки-фотографії

третя помилка

src="Image.jpg"alt="Картинка"/ Gt;

Знову код правильний, однак, картинка все одно не відображається. Якщо не допоміг попередній пункт, то, швидше за все, в браузері просто відключений показ картинок. Увімкніть показ картинок в браузері, і Ваше зображення повинно буде з`явитися.

Відео: не відображаються зображення на вордпрес

четверта помилка

src="Images / image.jpg"alt="Картинка"/ Gt;

Дуже часто помилка полягає в тому, що шлях написаний з помилкою. А цей шлях вони просто звідкись здирають (з мого сайту, з книг, з моїх курсів або ще звідки-небудь), не подумавши про те, що це тільки шлях, а не сама картинка. І по ньому повинна знаходитися саме зображення. У більшості випадків, її і близько немає. Іноді картинка є, але шлях написаний неправильно. Тут треба просто вміти писати відносні шляхи. Починається все від каталогу, в якому знаходиться дана сторінка, далі пишемо каталог, в якому знаходиться картинка, а потім через слеш пишемо назву картинки. Якщо є ще один каталог на шляху до картинки, то пишемо і його (наприклад, так: "images / photo / user1.jpg"). Якщо сама сторінка знаходиться у внутрішньому каталозі, також як і картинка, то потрібно використовувати"../"(Наприклад, так:"../images/image.jpg"). Все просто, але ось виникають чомусь проблеми.

Я розібрав всі помилки, які мені вдалося згадати в своїй практиці. Якщо у вас не відображається картинка на сайті, то 99.9% того, що рішення Ви знайдете тут, тому уважно перегляньте всю статтю і подумайте, що у Вас не так. І завжди пам`ятайте, що помилка може бути комплексною. Наприклад, синтаксична помилка, шлях вказано невірно, та й ім`я неправильно написано. Таке теж буває, тому перевіряйте себе на кожній помилці, і після їх виправлення картинка обов`язково з`явиться на Вашому сайті.

Поділися в соціальних мережах:

Схожі