【白话科普】网站图片不显示，背后的原因你都清楚吗--技术头条 -- 微博大V帮你宣传技术博文开发者头条码农头条

【白话科普】网站图片不显示，背后的原因你都清楚吗 (www.upyun.com)

【简介】

为了减少互联网上图片的发送时间和流量消耗，现在很多网站都选择了 WebP 格式的图片。WebP 集合了多种图片文件格式的特点。它像 JEPG 一样适合压缩照片和其他细节丰富的图片，像 GIF 一样可以显示动态图片，像 PNG 一样支持透明图像。同时 WebP 在性能上也比其他格式的图片更强劲，根据 Google 的测试，WebP 无损压缩图片比 PNG 图片少了45%的文件体积。

点击查看原文 >>

由 @又拍云 2021-05-11 11:02 / 0个评论

赞过的人： @IT技术博客大学习 @又拍云

多方式防止网站被镜像 (dusays.com)

本文提供了多种方法来防止网站被镜像，包括使用 JavaScript 检查域名有效性、设置 `X-Frame-Options` 和 `Content-Security-Policy` 防止嵌入、限制访问频率、过滤爬虫请求，以及强制 HTTPS 加密。通过分析访问日志识别异常流量，这些措施可有效降低网站被恶意镜像的风险，提升资源的安全性和访问控制。

by @技术头条 2024-11-02 16:54 查看详情

记一次图片访问异常排查过程 (imququ.com)

本文总结了一次关于头像图片访问异常的排查过程。用户反馈在某些网络环境下无法查看特定域名的头像图片，经过分析发现问题是由于网络环境对该域名的连接进行了阻断，可能是被误认为广告域名。通过替换域名解决了问题。文章还讨论了SNI（服务器名称指示）在HTTPS连接中的作用及其在拦截请求中的应用。

by @技术头条 2024-08-06 08:01 查看详情

如何将图片编码成base64? (colobu.com)

图片的 base64 编码在多种上下文中都很有用。当需要通过旨在处理文本数据的媒体存储或传输图片时，它通常会被使用，比如嵌入到网页或者通过 API 上传图片。这篇文章将介绍如何使用 Go 标准库得到任何图片的 base64 编码的值。

在 Go 中将图片转换为其 base64 表示很容易。所有你需要做的是将文件读取为字节 slice并使用包 encoding/base64 对其进行编码。

by @技术头条 2024-08-06 07:54 查看详情

如何用简单的Web方法实现图片的马赛克效果 (www.zhangxinxu.com)

文章介绍了如何通过简单的Web技术实现图片的马赛克效果。作者主要讨论了使用SVG滤镜来实现此效果，尤其是通过使用像<feFlood>、<feComposite>和<feMorphology>等SVG元素。此外，文章还探讨了通过CSS属性image-rendering: pixelated来模拟马赛克效果的方法，即通过放大小图片来达到效果。文中提供了详细的示例和代码片段来帮助实现这些效果。

by @技术头条 2024-08-06 07:48 查看详情

OpenCV 模糊处理图片中包含的二维码 (blog.wangmao.me)

之前在某电商 App 上浏览商品评论区时，发现一些晒单照片中包含的二维码被马赛克处理了，从马赛克的处理痕迹来看不像是用户手动处理的，更像是机器识别+处理的，对此我更好奇其实现原理了。

借助 ChatGPT，了解到主流的处理方式是通过 OpenCV 识别二维码的位置，并创建一个模糊图层对其覆盖。

by @技术头条 2024-08-06 07:37 查看详情

缓解 Flarum 图片加载时的布局偏移 (zgq.ink)

现代的 Web 开发中，CLS（Cumulative Layout Shift）是一个关键的性能指标，它主要关注用户在 Web 网页的使用中，发生意外布局偏移（Layout Shift）、影响用户体验的情况。导致 Layout Shift 的因素很多，这里主要讨论的是图片加载过程的影响。

by @技术头条 2024-01-28 23:56 查看详情

白话 Pulsar Bookkeeper 的存储模型 (crossoverjie.top)

最近我们的 Pulsar 存储有很长一段时间数据一直得不到回收，但消息确实已经是 ACK 了，理论上应该是会被回收的，随着时间流逝不但没回收还一直再涨，最后在没找到原因的情况下就只有一直不停的扩容。

为了防止类似的问题再次发生，我们希望可以监控到磁盘维度，能够列出各个日志文件的大小以及创建时间。

这时就需要对 Pulsar 的存储模型有一定的了解，也就有了这篇文章。

by @技术头条 2024-01-17 23:10 查看详情

开源软件 FFmpeg 生成模型使用图片数据集 (soulteary.com)

本篇文章聊聊，成就了无数视频软件公司、无数在线视频网站、无数 CDN 云服务厂商的开源软件 [ffmpeg]。分享下如何使用它将各种视频或电影文件，转换成上万张图片数据集、壁纸集合，来让下一篇文章中的模型程序“有米下锅”，这个方法特别适合宫崎骏、新海诚这类“壁纸合集”类电影。

by @技术头条 2023-11-29 23:44 查看详情

缓解 Flarum 图片加载时的布局偏移 (zgq.ink)

现代的 Web 开发中，CLS（Cumulative Layout Shift）是一个关键的性能指标，它主要关注用户在 Web 网页的使用中，发生意外布局偏移（Layout Shift）、影响用户体验的情况。导致 Layout Shift 的因素很多，这里主要讨论的是图片加载过程的影响。

by @技术头条 2023-11-29 23:32 查看详情

个人医疗影像资料业余科普 (www.iots.vip)

很多人都去过医院拍过片，医院给到的胶片照片通常不易保存，在有需要查看病情发展或有需求做互联网远程问诊的情况下，就非常不方便。我们可以将数字化的影像资料做保存，已备不时之需。这里 Alliot 查阅了一部分资料，大致做一下介绍。Alliot 非医疗行内人士，因此全文仅与影像资料格式处置思路有关，不涉及任何医学相关内容与建议，可以放心阅读。

by @技术头条 2023-07-30 17:42 查看详情