X3.5如何优雅的修改默认头像

专家 · 发表于 2022-10-3 19:32:14

Discuz! X3.5采用了全新绘制的矢量默认头像（SVG），清晰度得到了大幅度的提升
现在是高分屏的时代，新的默认头像无论放多大都能保持清晰的效果，可以提升用户的体验

有些用户会更喜欢自定义一个默认头像使用，对于会自己做SVG的站长来说问题不大
但是做SVG的难度很高，很多站长不会。
这里来教大家如何在不改动Discuz本体的情况下，优雅的使用高清默认头像
使用这个方法，即便你使用的只是普通的PNG图片，一样可以达到最佳效果，高分屏也不会模糊

1. 点击下载下方的附件

游客，如果您要查看本帖隐藏内容请回复

2. 解压，用里面的noavatar.svg替换掉Discuz自带的noavatar.svg
3.自己做一个清晰的png图片，命名为noavatar.png，将它和之前替换的noavatar.svg放在一起

就完成了！
png的像素是不限制的，你可以放心的放高清图片进去，svg会自动将它转换为合适的大小显示。
在高分屏上也会显示出高清的效果。

如果不知道noavatar.svg的位置可以看这里：
一共2处
data/avatar/noavatar.svg
uc_server/data/avatar/noavatar.svg

专家 · 发表于 2022-10-8 23:39:51

https://www.dismall.com/thread-13935-1-1.html
声明：最近发现在部分浏览器当中，上面提到的方法会存在被拦截的情况。
出于兼容性考虑，这里为大家推荐新的方法，使用新的方法不会被安全拦截，可以正常使用。

专家 · 发表于 2022-10-3 19:37:41

备注：如果不想用png，而是想用jpg或者gif格式怎么办？
新的noavatar.svg里面是文本文件，是可以编辑的
源代码如下图所示：

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120" height="120"><image xlink:href="noavatar.png" height="120" width="120"/></svg>

复制代码

注意到源代码里面的noavatar.png了么？你可以将其修改为你喜欢的其他扩展名，就可以支持其他类型的图片文件了
你甚至可以将这个位置修改为一个网络图片地址（带http的那种），比如指向你的CDN等，明白了理论，就可以自行探索玩法啦

lilin · 发表于 2022-10-3 20:06:34

看看，学习一下。

無名 · 发表于 2022-10-3 22:23:33

路过学习一下然后支持一下

可乐不加冰 · 发表于 2022-10-4 01:27:18

支持一下

disqq · 发表于 2022-10-4 05:03:30

看看，学习一下。

disqq · 发表于 2022-10-4 05:03:40

看看，学习一下。

EDU · 发表于 2022-10-4 08:31:03

看看，学习一下。

ysx24 · 发表于 2022-10-4 18:01:10

支持一下

pcyi · 发表于 2022-10-4 23:09:03

感谢分享
话说现在流行 .svg 格式了吗

X3.5如何优雅的修改默认头像

评分

产品服务

开发者服务

使用教程

联系我们