今儿个,咱来聊聊跟图片说拜拜的事儿。你们也知道,我这人就喜欢捣鼓点新玩意儿。前阵子,我一直在琢磨,能不能不用那些占地方的图片,还能把事儿给办漂亮?
折腾的起因
说起来,这事儿还得从我那小破站说起。每次打开网站,一堆图片加载得慢吞吞的,看着就心烦。我就想,这图片能不能少点儿?或者干脆不用?
动手试试
我也不敢直接把所有图片都干掉,就先拿个小页面做实验。我把页面上的图片,一个个都换成文字描述。
- 第一步:我先是把那些装饰性的小图标,都用CSS给画出来。你别说,这CSS还挺厉害,啥形状都能画。
- 第二步:然后,我把那些带着文字的图片,都换成纯文字。这样一来,加载速度快多。
- 第三步:对于那些实在没法用文字代替的图片,我尽量压缩它的大小。反正能省一点是一点。
遇到的麻烦
这过程也不是一帆风顺的。有些图片,我实在是不知道该咋用文字描述。比如,一张风景照,我总不能写“蓝蓝的天空,白白的云”?这不跟没说一样嘛
还有,那些表情包,没图,就跟没灵魂似的。比如以前喜欢用千库网的那个库宝扇扇子再见的表情包,还有各种各样的再见手势和插画,用文字可咋整?
的成果
不过经过我一番折腾,效果还真不错。页面加载速度快多,而且看起来也更简洁。虽然有些地方,还是得用图片,但至少,我不用再为加载一堆图片而发愁。
我想说,这事儿没啥绝对的对错。每个人的情况不一样,需求也不一样。我只是分享一下我的实践过程,希望能给大家带来一点启发。如果你也有啥好点子,欢迎来跟我交流交流!