确认当前启用的是“智能反转”而非“经典反转”,其默认不反转图片和视频;若需统一夜间视觉效果,可切换为“经典反转”强制反转全部内容,或通过css注入、dark reader自定义规则精准控制图片反转范围。

因为Safari浏览器的“智能反转”功能默认排除图片和视频,只反转文字、按钮等界面元素,所以夜间模式下部分图片仍保持原色,导致视觉不统一或护眼效果打折。
确认当前启用的是“智能反转”而非“经典反转”
打开“系统设置”→“辅助功能”→“显示”,查看“反转颜色”下方两个开关的状态。若仅“智能反转”开启而“经典反转”关闭,则图片不会被反转——这是设计行为,不是故障。
这一步必须先确认,否则后续所有调整都无效。
切换到“经典反转”强制反转全部内容
在“辅助功能”→“显示”中,关闭“智能反转”,打开“经典反转”。
【经典反转会同时反转图片、视频、图标与文字,可能导致二维码、验证码、图表失真,无法识别】
切换后无需重启,页面立即刷新生效。
用CSS覆盖方式精准控制特定图片
如果只想反转某类图片(如文章插图),又不想影响支付页二维码或头像,可借助Safari开发者工具临时注入样式:
① 在问题网页按 Command + Option + I 打开开发者工具;
② 切换到“控制台”标签页;
③ 粘贴并回车执行:
document.querySelectorAll('img').forEach(img => img.style.filter = 'invert(100%)');
该命令仅对当前页面生效,刷新即失效,适合临时验证效果。
为常用网站配置Dark Reader自定义规则
方法一:启用Dark Reader扩展后,在其站点列表中添加目标域名(如zhihu.com),点击“编辑此站点”→勾选“反转图像”→取消勾选“反转视频”。
方法二:在CSS覆盖框中粘贴更精细的规则,例如:
img[src*="avatar"] { filter: none !important; }
img:not([src*="qrcode"]):not([src*="captcha"]) { filter: invert(100%) hue-rotate(180deg); }
这样能避开关键功能性图片,只反转装饰性或内容型图片。











