SVG иконки отображаются на локальном сервере, но не отображаются на хостинге?

На сайте иконки в формате SVG отображаются на локальном сервере ( openserver ), но не отображаюся на сайте после загрузки на хостинг ( timeweb ).

Их просто нет и все, я в настройках сайта выставил версию php 8.1 как и в openserver - не помогло:(
В настройках сайта на хостинге стоит кодировка utf-8 ( другие KOI8-R и CP1251 )
Что-то еще стоит попробовать?
Вот код одной из svg иконок, у второй такая же абсолютно структура

Ах да, подключал я их таким вот способом:

Дополнительно:

Они точно выше DOCUMENT_ROOT?
Подозреваю, в этом убогом подоконном Опенсервере просто в конце рута слеш не поставлен, вот он и проглатывает точки.

  • Adamos, а хрен знает, да, файл в котором подключаю иконки командой этой находится в modules/footer.php
    Иконка же в icons/vk.svg ( папки modules и icons в папке одной общей )
  • Niksak, откройте учебник и почитайте, что такое DOCUMENT_ROOT и какое отношение он имеет к файлу, в котором упомянут (спойлер - никакого).
  • Ваш вопрос нарушает пункт 3.8 правил. Замените изображения текстом или вопрос будет удалëн.

  •  

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

     

      • SVG иконки отображаются на локальном сервере, но не отображаются на хостинге?Есть ответ
      • 07.04.2024
      Ответить

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

      Вот несколько шагов, которые могут помочь решить проблему:

      1. Убедитесь, что файлы иконок SVG находятся в доступной директории на хостинге и путь к ним указан правильно в HTML коде.

      2. Проверьте файл .htaccess на сервере. Возможно, в нем прописаны правила, которые блокируют загрузку файлов SVG. Убедитесь, что нет запретов на загрузку файлов данного типа.

      3. Проверьте настройки Content-Security-Policy (CSP) на сервере. Возможно, они блокируют загрузку файлов SVG из-за ограничений на использование внешних ресурсов. Убедитесь, что в CSP разрешено использование файлов SVG.

      4. Попробуйте добавить заголовок Content-Type в вашем .htaccess файле, чтобы указать, что файлы SVG должны интерпретироваться как изображения. Например:
      apache
      AddType image/svg+xml svg
      AddType image/svg+xml svgz

      5. Убедитесь, что файлы SVG не содержат ошибок в синтаксисе. Попробуйте открыть их в редакторе кода и проверить на наличие лишних символов или закрывающих тегов.

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

    Оставить комментарий