Изображение не сломано, но не показывается - PullRequest
0 голосов
/ 08 сентября 2018

У меня есть этот HTML:

<html>

  <head>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://www.gstatic.com/firebasejs/5.3.1/firebase.js"></script>
    <script type="text/javascript" src="callback.js"></script>

  </head>

  <!-- Calls printResponse() when this page loads -->
  <body style="background-color: #ddeaff; text-align: center; margin-top: 100px">
    <img src="assets/bazlogofinal.png" height="720" width="720" style="display: block; margin-left: auto; margin-right: auto;">
    <div style="width: 100%; text-align: center; font-family: 'Helvetica'; font-size: 96px; color: #357aff; font-weight: 900">PLEASE WAIT...</div>
    <div id="url" style="display: none">
          <!-- empty URL for displaying response -->
    </div>
  </body>

</html>

src для img является правильным, и изображение не повреждено:

enter image description here

Я попытался очистить историю браузера на моем телефоне.

1 Ответ

0 голосов
/ 08 сентября 2018

Это может произойти, когда размер изображения / файла велик (так как его необходимо загрузить в изображение). Попробуйте уменьшить размер изображения / файла.

Вы можете уменьшить изображение, используя опцию сохранения в Интернете в Photoshop или другие алгоритмы сжатия без потерь / с потерями.

...