请评价我的SVG作品！[与CSS作品相比]
放马过来吧，CSS真糟糕
很多人喜欢做 CSS 艺术。这确实令人印象深刻，但除了炫酷的演示之外，几乎没有任何实际意义。
我们来看看你真正应该用什么来创作艺术作品……SVG
受此帖启发，@afif再次用他高超的 CSS 技术让我叹为观止！
作为我的第一个 CSS 作品……我给它打 10 分！
但如果像我这样的零基础新手想要创建图像呢？当然是用SVG啦！
让我们来比较一下结果。
让我们把这三样东西放在一起比较一下：
原图
CSS 版本
SVG 版本
努力程度的比较等等。
让我们比较一下他们花费的时间等等。
完成时间
CSS 版本： 6 小时 ❌
SVG 版本： <30 分钟（如果没有参考图复制，耗时会更长！）✅
文件大小
CSS 版本： 3kb（压缩后）✅
SVG 版本： 16kb（压缩后）（但可以进一步缩小，代价是精度降低）❌
准确性
CSS 版本：良好❌
SVG 版本：极佳✅
可扩展性
CSS 版本：几乎可以无限缩放 ✅
SVG 版本：几乎可以无限缩放 ✅
（平局！它们实际上都是矢量图）
兼容性
注意：这一点其实并不完全公平，所以应该忽略。大多数 CSS 代码都不会出现兼容性问题，而且正如@afif指出的那样，问题更多地与aspect-ratio主 CSS 无关。我保留了这一点，以便评论能够说得通！
CSS 版本：在 Safari（新版 IE！）中无法正常工作❌
SVG 版本：可兼容所有 IE9 及更高版本！✅
灵活性
CSS 版本：在网页上显示效果良好（假设所有 CSS 属性都受支持）。❌
SVG 版本：在网页上显示效果良好，也可用于专业印刷。此外，您还可以将其作为图片嵌入网页（或将其内联以减少网络请求）。您甚至可以将其导出为 JPEG 或 PNG 等格式，用于图片分享网站。✅
所需技能水平
CSS 版本：简直太棒了✅
SVG 版本：嗯，SVG 挺简单的！❌
谁是赢家？
毫无疑问是 SVG，即使它唯一没有胜出的项目（文件大小）也是由于其复杂性/细节的大幅增加。
显然，它并没有那么令人印象深刻。我想，如果你想炫耀，你应该使用 CSS，至于其他方面，就用其他方法吧。
万事达SVG！
那么你应该使用哪一个呢？
如果你喜欢用 CSS 创作艺术作品，它比 SVG 更令人印象深刻，也是学习一些高级 CSS 技巧的好方法。
但在实际生产中，时间至关重要，SVG 格式无疑更胜一筹。
它也适用于任何浏览器，无需担心支持的属性或其他类似问题！
虽然我喜欢 CSS 艺术，因为看到人们如何让事物运转起来总是令人惊叹，但在设计事物时，SVG 创建可能是你最需要的工具！
你怎么认为？
请告诉我你的想法👇👇
✔️ SVG 太棒了，我要去学！
❌ 我不会用 SVG 🤮，我想要的是极其复杂的 CSS 图片，以及随之而来的各种麻烦！
PS：我觉得我得补充一下，我说CSS艺术没用是在钓鱼，它其实没用，我只是在开玩笑而已🤣
更新
大家都喜欢CSS艺术——我也创作了一些CSS艺术作品，也来看看吧！