文章关键字 ‘png’

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格式的交错显示),例如下面的示意……

阅读全文…

Apple iphone4官网图片“视网膜”放大效果实现

2010年08月25日,星期三


本文的内容就是展示苹果(Apple) iphone 官网上帅气的图片放大显示效果,同时并对其实现进行一番简单的讲解。内容主要涉及CSS3以及一些交互效果的实现,一如既往,巨丰富的页面截图,必要的代码展示,还是就是效果精湛的demo页面,但是,由于自身的懒惰,本文不提供打包的源文件下载。
本文的内容还是有一定的实际意义的,在实际的项目中是可以试试这种交互体验上佳的效果的。就技术而言,里面关于CSS3的一些内容,以及图片放大显示的实现,都有一定的学习价值的。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

纯CSS实现易拉罐3D滚动效果

2010年03月29日,星期一

本文展示并讲解纯CSS实现的超炫超酷的易拉罐3D滚动效果,向您展示CSS的惊人潜力。效果简述为:横向移动滚动条,易拉罐随着滚动条的滚动,自身也进行着效果逼真的3D滚动。
本文提供丰富的插图以及必要的demo页面,希望能对您的学习有所帮助。

阅读全文…