AI 助理
备案控制台
开发者社区 云计算 文章 正文

webp格式图片在html里不显示的解决方法

2022-06-06 1578
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： webp格式图片在html里不显示的解决方法

web.config今天给公司网站图片优化的时候用了webp格式的图片，本地测试好好的，服务器上面就出现404了，下面是我总结的iis解决方案

默认IIS不支持webp格式，在网页上会显示404错误，这里我们去手动在iis里面添加

image.png

QQ图片20200511173348.png

之后添加MIME类型：

文件扩展名：.webp

MIME类型：text/html

image.png

QQ图片20200511173320.png

之后就OK了，打开网页之后遇到webp不会再次出现404错误了。

在web.config如何配置文件，支持webp格式文件呢?下面我把配置文件下载链接放到下面，

下载链接

关键词：
图片HTML
HTML图片
HTML格式
格式HTML
HTML解决方法
小唐同学.
目录
相关文章
游客vx6uejvd6s6ck
|
6月前
|
前端开发 JavaScript 容器
制作b超单生成器， 假怀孕b超单图片制作， p图医院证明【css+html+js装逼恶搞神器】
本资源提供一个适合用于熟人之间恶搞的工具，效果逼真，仅供学习参考与娱乐。包含前端技术学习要点：语义化布局、响应式设计、Flexbox、图片自适应
游客vx6uejvd6s6ck
600 0
vohelon
|
前端开发
html 格式
【10月更文挑战第14天】html 格式
vohelon
811 4
html的七十二变
|
编解码 前端开发 UED
HTML多媒体格式支持与优化
在HTML中，多媒体格式的支持与优化至关重要。使用`<audio>`、`<video>`和`<img>`标签可分别嵌入音频、视频和图像。支持的格式包括MP3、OGG、JPEG等。为优化体验，应压缩文件、采用响应式设计、使用懒加载，并考虑转码及CDN托管。此外，添加字幕和描述文件可提高辅助功能。遵循这些最佳实践，能显著提升多媒体内容的加载速度与用户满意度。
html的七十二变
262 6
RossyYan
|
11月前
|
移动开发 JavaScript 前端开发
【Html.js——图片折叠效果】折叠手风琴（蓝桥杯真题-1763）【合集】
本项目实现了一个图片折叠手风琴效果，使用jQuery完成。主要包括以下部分： - **介绍**：任务是通过点击图片实现折叠和展开的效果。 - **准备**：内置初始代码，包含 `css/style.css`、`images/` 文件夹、`js/` 文件夹及 `index.html` 等文件。启动 Web Server 服务可运行项目。 - **目标**：完善 `index.js` 文件，使页面达到预期的折叠效果。 - **规定**：严格按步骤操作，保持默认文件结构不变，并在完成后保持 Web 服务正常访问状态。 - **通关代码**：使用 jQuery 实现点击事件，为选中元素添加 `act
RossyYan
243 19
疯狂的猿
利用html2canvas插件自定义生成名片信息并保存图片
这是一个利用html2canvas插件自定义生成名片信息并保存图片，自定义上传头像，自定义输入个人信息内容，自定义图片名称，并将生成的图片保存到本地
疯狂的猿
180 1
利用html2canvas插件自定义生成名片信息并保存图片
德国都芳最好
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签，HTML5 还支持哪些多媒体格式？
【10月更文挑战第19天】HTML5对多种多媒体格式的支持，为网页开发者提供了丰富的选择，能够更好地满足不同类型多媒体内容在网页中的展示和交互需求，提升了网页的用户体验和多媒体应用的多样性。
德国都芳最好
360 1
龙腾九州
HTML图片
【10月更文挑战第4天】HTML图片。
龙腾九州
118 2
武子康
|
JSON 数据格式
LangChain-20 Document Loader 文件加载 加载MD DOCX EXCEL PPT PDF HTML JSON 等多种文件格式 后续可通过FAISS向量化 增强检索
LangChain-20 Document Loader 文件加载 加载MD DOCX EXCEL PPT PDF HTML JSON 等多种文件格式 后续可通过FAISS向量化 增强检索
武子康
1051 2
武子康
|
机器学习/深度学习 JSON JavaScript
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
武子康
420 0
游客qeoynko2nmbgk
|
SQL 安全 数据库
用html+javascript打造公文一键排版系统2：显示源码/显示预览、清除格式
用html+javascript打造公文一键排版系统2：显示源码/显示预览、清除格式
游客qeoynko2nmbgk
148 0

热门文章

最新文章

  • 1
    html实现离线缓存（工作原理+怎么使用+应用场景）
  • 2
    HTML中的一些知识点
  • 3
    html中的fieldset
  • 4
    HTML &lt;label&gt; 标签
  • 5
    html5 touch事件实现触屏页面上下滑动(一)
  • 6
    Eclipse支持HTML&JS&ExtJS&jQuery代码智能提示
  • 7
    让 ie6 支持html5
  • 8
    里面可以写名字的爱心代码（html）
  • 9
    HTML + CSS + JS 利用邮编查询 API 实现邮编查询工具
  • 10
    Sublime text2如何设置快捷键让编写的HTML文件在浏览器预览？
  • 1
    仿真银行app下载安装， 银行卡虚拟余额制作app，用html+css+js实现逼真娱乐工具
    2350
  • 2
    个人征信电子版无痕修改， 个人信用报告pdf修改，js+html+css即可实现【仅供学习用途】
    705
  • 3
    个人征信PDF无痕修改软件，个人征信模板可编辑，个人征信报告p图神器【js+html+css仅供学习用途】
    1188
  • 4
    征信报告修改器，征信报告生成器，制作软件无痕修改软件【js+html+css】
    1650
  • 5
    制作b超单生成器， 假怀孕b超单图片制作， p图医院证明【css+html+js装逼恶搞神器】
    600
  • 6
    医院检查单子p图软件，在线制作仿真病历，js+css+html装逼神器
    769
  • 7
    处方单图片生成器， 处方单在线制作免费，js+css+html恶搞神器
    1382
  • 8
    病历单生成器在线制作，病历单生成器app，HTML+CSS+JS恶搞工具
    3196
  • 9
    抖音快手小红书虚拟评论截图生成器，模拟对话制作工具，html+js+css
    977
  • 10
    抖音评论截图生成器，虚拟评论截图生成器，js+html+css实现
    652

    • 相关课程

    更多
  • HTML 入门与实战
  • HTML基础入门学习
  • HTML5 新特性教程
  • 零基础学前端HTML+CSS

    • 相关电子书

    更多
  • 《零基础HTML入门教程》
  • 天猫 HTML5 互动技术实践
  • 天猫HTML5互动技术实践
    • 下一篇
    阿里云负载均衡收费标准：ALB、NLB和CLB价格，包括LCU费用、实例费和公网带宽价格