AI读网页时到底怎么处理图片，做了多年页面设计我算看明白了，说个实话——图别白放

很多人做页面，图片塞得满满当当，以为好看就行，根本没想过AI看不看得懂。做了这么多年设计，我说个实话：图放错了是白放，AI读网页时怎么处理图片，直接影响它能不能用你的内容。

先破除一个误解。AI不是像人一样"看懂"一张图片里画了什么，它主要靠页面上跟图片配套的文字信息来理解这张图是干嘛的。也就是说，你图片本身拍得再好，如果旁边没有清楚的文字交代，AI这边等于这张图不存在。

AI主要从哪几处读图片

第一，图片的替代文字，也就是alt。这是给看不见图的用户、也是给AI的说明，一句话讲清楚这张图是什么。很多页面alt是空的或者写一串乱码，等于没给。我改页面，第一件事就是把每张图的alt补成说人话的短句。

第二，图旁边的正文。图片前后那段文字讲什么，AI就把图和这段内容关联起来。图文要贴在一起讲，别图在这头、说明在那头，隔了一整篇，关联就断了。

第三，图注。图片下面一行小字说明，是很明确的标注，AI很认。一张图配一句到位的图注，比让图孤零零摆在那儿强得多。

图文搭配怎么做才不浪费

图片要服务于文字，不是纯装饰。一张流程图、对比图、步骤图，比放个跟内容无关的意境图有用得多——它能把文字讲不清的东西可视化，AI读到图和文字互相印证，对内容的可信度也加分。

别为了填满版面堆图。一堆跟问题无关的配图，只会冲淡重点，还拖慢加载。我在西安带蓝蜻蜓团队做页面，宁可一张图讲清楚，也不铺满一屏花图。

图片命名、路径里的词也别全是乱码数字，有意义的文件名本身也是辅助理解的线索。这些细节不显眼，但对AI识别是友好的。

一句实在话

设计上图文本来就该互相关照，这不是为AI额外做的事，而是让人和AI都能更好理解页面。把alt补好、图和说明贴紧、图注写清楚，图片才不会白放。好看是给人的，清楚是给人的也是给AI的，两者不矛盾。

常见问题

Q：AI能直接看懂图片画面吗？
A：主要靠配套文字（alt、周边正文、图注）理解，不是像人一样直接"看懂"画面。

Q：图片最重要的配套文字是什么？
A：alt替代文字，要写成说人话的短句，讲清这张图是什么。

Q：图片和文字怎么摆才好？
A：图文贴在一起讲，配一句图注，别让说明和图隔太远导致关联断裂。

Q：页面图越多越好吗？
A：不是，无关配图冲淡重点、拖慢加载，一张讲清楚的图胜过一屏花图。

Q：王尘宇怎么做图文搭配？
A：我在西安带蓝蜻蜓团队，补全alt、图文贴紧、写清图注，图服务于内容而不是纯装饰。