ClimateAction.tech的在线杂志《The Branch》对图片在网络上的权重进行了创新。他们的网站旨在对电网产生的碳量做出反应。动态网站设计通过加载黑白图片或在使用大量化石燃料时完全跳过图片来降低能源消耗。里德说,他们正在以他从未考虑过的方式思考设计。
以下是一些有关如何缩小和压缩图像以减轻其碳足迹的提示:
避免使用图片轮播,因为它们会影响 CPU 性能
使用 TinyPNG 或 Image-Alpha 等工具压缩图像
将图片的宽度/高度增加一倍,其大小也会增加一倍以上。相反,应该为不 沙特阿拉伯 whatsapp 号码数据 同的布局生成多个图片版本,并使用响应式标记来通知浏览器要加载哪个图片
尝试对图像中不太重要的区域应用细微模糊的技术,这可以减小整体图像的大小。要开始使用,请查看Una Kravets的这段视频
使用可缩放矢量图形 (SVG) 显示矢量图像,这些图像可以在需要时缩放到高分辨率显示器
考虑更高效的图像格式,如 WebP(比 JPEG 小约 30%)
CSS 精灵将图片拉成一张背景图片,并“缩小”你的 JavaScript 和 CSS 文件
可持续设计
使用设计原则来加强商业与社会的关系。
35分钟课程
清理你的代码
丹尼·范·库顿 (Danny Van Kooten)是一名荷兰程序员,他通过清理代码产生了巨大影响。他为 WordPress 创建了一个 Mailchimp 插件,然后在 2020 年重构了这个插件,每次使用时发送的数据量减少了 20 KB。虽然这个数字不大,但考虑到使用 Mailchimp 的站点数量达到 200 万个,这个数字就相当可观了。他估计,通过减少 20 KB 的代码量,他每月将减少 59,000 公斤二氧化碳排放量。这几乎相当于从纽约飞往阿姆斯特丹再返回 85 次。