При тестуванні веб-сторінки на локальному комп'ютері всі зображення зазвичай показуються коректно, однак після публікації на сайті виникає ситуація, що малюнки не видно. Це може відбуватися з багатьох причин, розглянутих далі.
Розбіжність регістра
В більшості випадків в якості операційної системи веб-сервера виступають Unix-подібні системи, які розрізняють регістр файлу. Іншими словами, файли з іменами PIC.gif, pic.gif і Pic.gif є різними. При зверненні з HTML-коду цю особливість необхідно враховувати і писати адресу зображення слід саме так, як він записаний в системі. Щоб не виникало плутанини, зазвичай домовляються, що всі імена файлів і папок пишуться в нижньому регістрі, також зберігаються і документи.
Неправильну адресу файлу
Помилка доступу до файлу часто виникає при невірній запис імені файлу або папки де він зберігається, тобто з-за звичайної помилки. Також це відбувається при неправильному зазначенні відносного адреси файлу виду ../../images/file.gif.
Використання локального адреси
Деякі програми для редагування HTML-коду додають зображення у вигляді локального адреси, починається на ключове слово file:///. Далі слід шлях до файлу у вигляді рядка с:/имя папки/ім'я файлу. Зображення при цьому справно показується на локальному комп'ютері, а на сервері немає, оскільки на ньому не існує заданого шляху. У подібних випадках достатньо замінити локальний адресу файлу на відносний.
Перевірка зображень
Перевірка відображення малюнка може відбуватися трьома шляхами: коректність графічного файлу, правильність HTML-коду і ревізія з боку сервера.
Перевірка графічного файлу полягає у визначенні його цілісності — файл не повинен бути пошкоджений і зобов'язаний без проблем відображатися в браузері. Для цього достатньо ввести в браузері повний локальний шлях до файлу, наприклад file:///с:/www/girl.jpg.
HTML-код повинен містити правильний адреса графічного файлу з урахуванням регістра. Як зазначалося вище, бажано імена всіх файлів писати малими літерами. Так, таке написання може призвести до того, що файл більше не відображатиметься.
<img src="../image/girl.jpg" alt="Фотографія">
Якщо файл записаний на сервері як girl.jpg, то звернення до нього в прикладі некоректно.
З боку сервера також можна перевірити шлях до файлу та його ім'я. Для цього в браузері Firefox слід клацнути по малюнку (або місцем, де він повинен бути) правою кнопкою миші і в контекстному меню вибрати «Інформація про зображення». З'явиться вікно показане на рис. 1.
Рис. 1. Абсолютний шлях до графічного файлу
Пункт «Адреса» показує, де, на думку сервера, зберігається зображення, а також в якому регістрі задано ім'я. Зіставляючи цю інформацію з наявним файлом, можна зробити висновок, чому зображення не показується на сторінці.