WebStorm按钮和图标大小不能单独调节，只能通过启用“紧凑模式”或调整UI字体间接控制；Compact Mode是唯一系统性缩小工具栏按钮、侧边栏图标等的全局开关，需通过View | Appearance | Compact Mode启用。
WebStorm 的按钮和图标大小不能单独调节，只能通过启用“紧凑模式”或调整 UI 字体间接控制。 它没有像字体大小那样直接的 Icon Size 或 Button Height 滑块——所有视觉密度变化都绑定在几个全局开关上。
Compact Mode 是最有效的图标/按钮缩放方式
这是 WebStorm 唯一能系统性缩小工具栏按钮、侧边栏图标、状态栏元素和菜单项间距的设置。它不是“放大镜式”的像素级缩放，而是整套 UI 组件的紧凑重排。
- 启用路径：
View | Appearance | Compact Mode（菜单栏操作）或设置中搜索Compact Mode - 生效范围包括：VCS 小部件、运行小部件、项目小部件、工具窗口标题栏、侧边栏图标、主菜单项高度
- 注意：启用后
Tab Height和Status Bar高度也会同步压缩，但不会影响编辑器内代码行高 - 如果启用了新 UI（
Appearance & Behavior | New UI | Enable new UI），Compact Mode 效果更明显，旧 UI 下仅压缩部分区域
UI 字体大小影响图标视觉比例
WebStorm 默认使用 Inter 字体，而图标与文字是按比例对齐渲染的。调大 UI 字体，按钮容器会撑开，图标反而显得更小；调小则让图标相对更“饱满”。这不是设计意图，但实际使用中确实构成视觉反馈。
- 修改路径：
Appearance & Behavior | Appearance | Use custom font→ 调整Size - 推荐值：12–14（系统默认通常为 13），超过 15 后工具栏易换行，VCS 小部件文字可能截断
- 不建议设低于 11：图标周围留白过大，小屏上利用率骤降
- 该设置不影响编辑器字体（那是
Editor | Font独立控制）
新 UI 下的图标替换与主题联动
启用新 UI 后，图标已统一为 SVG 格式，且受主题插件深度影响。比如 Material Theme UI 插件提供 Icon Scale 选项，但它只作用于文件树、导航栏等特定区域的图标，对顶部小部件按钮无效。
- 安装
Material Theme UI后，在Appearance & Behavior | Material Theme中可调Icon Scale（如 0.9 / 1.0 / 1.1） - 该缩放不改变按钮尺寸，只缩放 SVG 图标本身，可能导致图标配色或描边模糊（尤其非整数倍缩放）
- 若同时启用 Compact Mode + Icon Scale = 0.9，顶部 VCS 小部件按钮会变窄且图标略小，但点击热区不变
- 原生 WebStorm 不提供此功能，必须依赖插件；重启 IDE 才生效
真正卡住多数人的点在于：误以为“按钮大小”是个独立维度，其实它是 Compact Mode、UI 字体、主题插件三者叠加的结果。改一个参数没反应？大概率另外两个没对齐。尤其是 Linux Wayland 或多显示器环境下，Compact Mode 可能被 UI 缩放系统覆盖，这时得先确认系统级的 scale factor 是否为 100%。
