Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SVG图片可能造成图片不一致甚至出现锯齿 #13

Closed
MliKiowa opened this issue Jan 2, 2024 · 0 comments · Fixed by #14
Closed

SVG图片可能造成图片不一致甚至出现锯齿 #13

MliKiowa opened this issue Jan 2, 2024 · 0 comments · Fixed by #14
Labels
enhancement New feature or request

Comments

@MliKiowa
Copy link
Contributor

MliKiowa commented Jan 2, 2024

本机对比图

测试平台:
WIN11
EDGE(120.0.2210.91 X64)
-------------替换SVG为修改的PNG前(未修改)-------------
替换svg前
-------------替换SVG为修改的PNG后-------------
替换svg后

进一步测试

--------使用第三方工具转SVG为PNG然后用PS打开 与本机浏览器渲染一致--------
转成PNG后PS查看
--------用PS直接打开SVG 与本机浏览器渲染不一致 显示效果正常--------
PS查看原图

问题

可以明显看出SVG渲染造成了渲染的图像在不同地方不一样,虽然不是大问题,但是影响观感,我给出的方案是替换为PNG
本身该图标不可能来到200*200px的实现大小,所以不用担心缩放,替换PNG保持图像一致,修复可能存在的锯齿现象是有用的。

解决方案

推荐替换SVG为PNG图

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants