工具
嗨,大家好!给大家推荐一些在线工具,提升效率。
1. TinyPNG - 图片压缩神器
网站性能优化,图片压缩是必不可少的一环。谁也不想自己的网站因为几张大图就加载半天。TinyPNG (https://tinypng.com/) 就是这个领域的王者。它使用智能有损压缩技术,可以在几乎不损失肉眼可见的图片质量的情况下,大幅度减小 PNG 和 JPEG 文件的体积。你只需要把图片拖进去,它就会自动处理,然后打包下载。简单、粗暴、有效!
2. Coolors - 灵感无限的配色生成器
"这个按钮用什么颜色?" "这个网站的主色调定什么好?" 配色是设计师和前端开发者永远的痛。Coolors (https://coolors.co/) 是一个能让你"一键起飞"的配色网站。你可以按一下空格键,它就会随机生成一组和谐的五色配色方案。你也可以锁定自己喜欢的颜色,然后继续寻找其他搭配色。它还支持从图片取色、查看色盲模式下的效果等,功能非常全面。
3. Invert Colors - 快速图片颜色翻转
这是一个非常有意思的小工具。有时候,我们想快速看一下某个 Logo 或者图标在反色主题(比如暗黑模式)下的显示效果。传统方式可能是打开 PS,操作一番。但现在,你只需要访问 Invert Colors (https://invertcolors.app/),把图片拖上去,它立刻就能给你生成一张颜色完全翻转的图片。这个工具解决了"图片反色"这个非常具体但又确实存在的需求,特别是在适配不同颜色主题时,能帮你快速预览效果。
4. SVGOMG - SVG "瘦身"专家
SVG 作为矢量图形,在现代网页设计中越来越受欢迎,因为它清晰、可缩放且文件体积小。但是,从设计软件(如 Adobe Illustrator)导出的 SVG 文件,往往包含了很多冗余信息。SVGOMG (https://jakearchibald.github.io/svgomg/) 是一个在线的 SVG 优化工具,它可以帮你删除这些不必要的数据,比如编辑器元数据、注释、隐藏图层等等,让你的 SVG 文件"身轻如燕",加载更快。
5. Fontjoy - AI 驱动的字体搭配师
标题用什么字体?正文用什么字体?这俩字体放一起和谐吗?字体搭配也是一门玄学。Fontjoy (https://fontjoy.com/) 利用机器学习来帮助你解决这个问题。它会为你生成一组视觉上协调的字体组合。你可以选择一个你喜欢的字体,然后让它来帮你寻找合适的搭档,并且可以实时预览效果,非常直观。
好啦,今天的分享就到这里。希望能帮助大家的工作流变得更高效、更愉快。无论是用于性能优化的图片压缩,还是激发创意火花的色彩和字体搭配,甚至只是为了满足像图片颜色翻转这样的小众需求(比如 https://invertcolors.app/),一个称手的工具箱总能让我们事半功倍。大家有什么好用的工具,也欢迎在评论区分享!