浏览器是如何渲染出一张图的

Question

假如在b站首页随便找一张图

浏览器首先会去服务端请求这张图，拿到这张图的二进制？（但是response那里什么都没有，二进制不是应该是一堆乱码吗）为什么preview会直接显示这张图，难道图片“内容”里存了每个像素点的rgb，然后逐像素绘制出来吗？（纯属瞎猜）

浏览器到底是怎么绘制出一张图的？

Answer 1

浏览器通常使用 MIME 类型（而不是文件扩展名）来确定如何处理 URL，因此 Web 服务器在响应头中添加正确的 MIME 类型非常重要。如果配置不正确，浏览器可能会曲解文件内容，网站将无法正常工作，并且下载的文件也会被错误处理。

详见：https://developer.mozilla.org...

在 HTTP 头部中，要设置 content type

浏览器会根据这个设置去渲染不同类型的文件