文章关键字 ‘png’

又get到了,JS复制图片到剪切板

2023年09月17日,星期日

封面图 鳐鱼

起初以为只是个小需求,实现JS复制图片到剪切板,直到深入了解,才发现,原来涉及到那么多知识,真是不虚此学。

阅读全文…

做了个纯前端JPG/PNG尺寸缩放+压缩的在线工具

2023年09月5日,星期二

封面图

相比于tinypng,我这个工具还自带尺寸设置功能,同时还可以控制压缩率,指定压缩格式,纯前端实现,高性能高效率。

阅读全文…

APNG在线制作、兼容、播放和暂停

2021年09月12日,星期日

APNG占位图

APNG用起来还是挺爽的,整体来看,要比CSS动画+图片序列实现动画要更好,本文就基于实际开发经验,把如何控制APNG,使用注意事项等,通过文字描述加演示告知大家,让大家可以快速上手使用。

阅读全文…

借助CSS mask遮罩显著优化PNG图片的尺寸

2020年05月8日,星期五

遮罩压缩PNG封面图

带有透明区域,同时色彩丰富的PNG图片再怎么压缩体积也是很大的,有没有什么办法既保持PNG图片的透明,又显著降低图片的尺寸呢?本文就将介绍如何使用CSS遮罩降低超过50%大小的PNG体积,优化性能。

阅读全文…

本地开发设置个区分明显的favicon吧~

2019年08月6日,星期二

本地favicon头图

是否遇到这样的囧事,修复bug改了代码,结果页面怎么刷新都没有效果,结果尼玛一看,原来刷新的是线上地址,是不是气死人,那有没有什么办法规避这个问题呢?可以试试本地使用风格完全不一样的favicon。

阅读全文…

详细介绍HTML favicon尺寸 格式 制作等相关知识

2019年06月15日,星期六

本文详细深入介绍HTML favicon尺寸、格式、制作等相关知识,以前以为favicon很简单,但是一旦深入才发现规则之多,需要适配场景之广泛完全出乎预期。

阅读全文…

【翻译】借助SVG实现背景透明JPG图片

2017年03月9日,星期四

人物往往色彩丰富,有时候会遇到需要背景透明的场景,结果PNG24图片尺寸太大,PNG8质量太差,JPG尺寸最小效果还好,但是背景又不透明,有没有什么办法就有JPG的小尺寸好效果,同时背景透明呢?本文的处理技巧可能会对你解决相关问题提供一些思路。

阅读全文…

PNG格式小图标的CSS任意颜色赋色技术

2016年06月8日,星期三

CSS可以修改图片的颜色,没错,可以,本文就带你一睹真相,再次领略CSS的潜力和造诣。

阅读全文…

一些SVG向下兼容优雅降级技术

2013年09月22日,星期日

对SVG有所关注的同行应该都知道,IE8-以及Android 2.3默认浏览器是不支持SVG的,实际项目,这些浏览器,至少IE8浏览器还没有到不管不问的时候,因此,在使用视网膜显示友好的SVG同时,我们还要做一点优雅降级,使IE8等考古价值浏览器也能手染余香。

本文在介绍一种新的SVG降级技术的同时,同时把以前css-tricks中提到的技术又总结了一遍。大集合什么的我做喜欢了,以后不要找来找去,因此,这里,我按照个人的理解,配合自己的一些实际测试,分享下。

demo, 截图、表格、源代码什么的应有尽有,希望本文的内容能够对您的学习有所帮助。

阅读全文…

渐进式jpeg(progressive jpeg)图片及其相关

2013年01月7日,星期一

网络上那些色色的照片都是.jpg格式的(“色色”指的是色彩斑斓的意思)。
不知诸位有没有注意到,这些jpg格式的图片在呈现的时候,有两种方式,一种是自上而下扫描式的,还有一种就是先是全部的模糊图片,然后逐渐清晰(就像GIF格式的交错显示),例如下面的示意……

阅读全文…