做数字货币项目img资源怎么管?图标、图片、logo配置避坑全记录
搞数字货币项目这几年,最烦的不是合约审计,是img资源管理。代币图标、项目logo、链上头像、前端页面里的各种图片,散落在不同仓库和CDN里,改一个地方忘了另一个,线上就炸。我把踩过的坑整理出来,省得你们再走弯路。
早期我们直接把所有图片丢在public/static/img下面,项目一膨胀到十几个代币、几十个页面,路径就乱了。后来改成按代币符号分文件夹,比如btc/、eth/、sol/做数字货币项目img资源怎么管?图标、图片、logo配置避坑全记录,每个文件夹放icon.png、logo.svg、banner.webp。文件名全小写,不带空格,这样链上NFT元数据引用时不会出错。

最惨的一次是钱包集成。某DApp接了三个钱包,每个钱包的图标尺寸要求不一样——16px、32px、48px。我们只上传了一套32px的,结果16px那个糊成一团,用户投诉了整整两周。后来把所有img资源做了尺寸矩阵数字货币img,一份SVG源文件裁出全套尺寸,命名规则统一加后缀。
现在我的习惯是:项目启动前建一张img清单表,列明每个位置要什么图、什么尺寸、什么格式、优先级。前端用import别名而不是写死相对路径,比如@assets/tokens/{symbol}/icon@2x.png。CI里加一步图片压缩,webp优先,jpg兜底,单张不超过30KB。
img看着小,但它在用户感知里占一半。一个模糊的代币图标,比任何白皮书都能劝退新人。把图片当产品来管,不是当附件。
