随笔分类 -  图片处理

摘要:图片资源,在我们的业务中可谓是占据了非常大头的一环,尤其是其对带宽的消耗是十分巨大的。 对图片的性能优化及体验优化在今天就显得尤为重要。本文,就将从各个方面阐述,在各种新特性满头飞的今天,我们可以如何尽可能的对我们的图片资源,进行性能优化及体验优化。 图片类型的选取及 Picture 标签的使用 首 阅读全文
posted @ 2023-02-10 09:21 ChokCoco 阅读(2928) 评论(6) 推荐(9) 编辑
摘要:在 CSS 中,倒影是一种比较常见的效果。今天,我们就将尝试,使用 CSS 完成各类不同的倒影效果,话不多说,直接进入主题。 实现倒影的两种方式 首先,快速过一下在 CSS 中,实现倒影的 2 种方式。 使用 -webkit-box-reflect 正常而言,-webkit-box-reflect 阅读全文
posted @ 2023-01-12 09:26 ChokCoco 阅读(2956) 评论(3) 推荐(17) 编辑
摘要:假设,我们有这样一张 Gif 图: 利用 CSS,我们尝试来搞一些事情。 图片的 Glitch Art 风 在这篇文章中 --CSS 故障艺术,我们介绍了利用混合模式制作一种晕眩感觉的视觉效果。有点类似于抖音的 LOGO。 像是这样: 假设,我们有这样一张图: 只需要一个标签即可 <div clas 阅读全文
posted @ 2022-12-19 10:40 ChokCoco 阅读(3374) 评论(29) 推荐(53) 编辑
摘要:今天,要介绍一种基于 CSS mask-composite 的高级技巧。 通过掌握它,我们可以通过一张 图片,得到关于它的各种变换,甚至乎,得到各种不同颜色的变换。 通过单张 PNG/SVG 得到它的反向切图 事情的经过是这样的,某天,我们拿到了这样一张 PNG/SVG 图片: 就这张图片而言,它是 阅读全文
posted @ 2022-07-11 10:26 ChokCoco 阅读(1978) 评论(3) 推荐(4) 编辑
摘要:本文其实应该叫,Web 用户体验设计提升指南。 一个 Web 页面,一个 APP,想让别人用的爽,也就是所谓的良好的用户体验,我觉得他可能包括但不限于: 急速的打开速度 眼前一亮的 UI 设计 酷炫的动画效果 丰富的个性化设置 便捷的操作 贴心的细节 关注残障人士,良好的可访问性 ... 所谓的用户 阅读全文
posted @ 2021-02-24 10:15 ChokCoco 阅读(7369) 评论(26) 推荐(107) 编辑
摘要:引言 图片处理在前端工作中可谓占据了很重要的一壁江山。而图片的 base64 编码可能相对一些人而言比较陌生,本文不是从纯技术的角度去讨论图片的 base64 编码。标题略大,不过只是希望通过一些浅显的论述,让你知道什么是图片的 base64 编码,为什么我们要用它,我们如何使用并且方便的使用它,并 阅读全文
posted @ 2015-03-29 20:20 ChokCoco 阅读(124154) 评论(46) 推荐(81) 编辑

点击右上角即可分享
微信分享提示