图片未损坏但未显示

时间：2018-09-08 13:00:16

标签： html image tags src brokenimage

我有这个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的{​​{1}}是正确的，并且图像没有损坏：

enter image description here

我尝试清除手机上的浏览器历史记录。

1 个答案:

答案 0 :(得分：1)

当图像/文件大时（因为需要在图像中加载），可能会发生这种情况。尝试缩小图像/文件的大小。

您可以使用Photoshop的网络保存选项或其他无损/有损压缩算法来缩小图像。

相关问题
最新问题