一张图片可以决定博客速度
做博客时,这个问题很容易被忽视。文章写得再好,页面加载慢的话读者也会很快离开。图片往往是最大的原因。
直接用手机拍的照片上传,单张可能就有5到10MB。一篇文章放五张,整个页面就可能超过50MB。网速慢的用户直接会点返回——Google也在观察这些信号。跳出率高的话排名就会下降。
说到SEO,大家通常关注关键词和内链,但页面速度是直接的排名因素。Google通过Core Web Vitals指标进行实际测量。
博客图片为什么这么重
主要原因有两个:尺寸和格式。
相机拍出来的照片是为印刷设计的。3000×4000px的图片在博客上显示宽度可能只有800px——但每个访客都需要下载所有那些多余的像素。JPG、PNG、WebP各有特点,把照片保存为PNG,或者把logo保存为JPG,都会造成不必要的文件体积。
各平台推荐尺寸
博客正文图片建议控制在宽度1200px以内,每个文件200KB以下。不同SNS平台的图片尺寸建议有所不同,但基本原则一样——不要提供超过显示所需的像素。
封面图(OG图片)是个例外,标准是1200×630px。这是Open Graph规范,在社交媒体分享链接时预览图才能正常显示。尺寸不对的话,预览卡片里的图片会被裁剪或变形。
该用哪种格式
格式选择要看内容类型。一般照片用JPG,文件大小和质量的平衡最好。图表、截图、线条丰富的图像用PNG更清晰。有透明背景的logo或图标也用PNG。
WebP是越来越推荐的选择。主流浏览器全部支持,相同画质下比JPG小25到35%左右。博客平台支持WebP上传的话,转换成WebP再上传是个简单有效的优化。
图片SEO——文件名和alt文本
文件名要有意义。IMG_3847.jpg对Google没有任何帮助,blog-image-optimization-example.jpg就好多了。用小写字母、连字符分词,自然地包含相关关键词就行。
alt文本有两个用途:图片无法显示时展示的文字,以及屏幕阅读器朗读的内容。写alt文本就是描述图片的实际内容,不需要硬塞关键词——反而可能适得其反。
用Pixkit优化图片的方法
Pixkit的图片调整大小工具可以直接在浏览器中完成优化,无需安装任何软件。上传图片,将宽度设为1200px,高度会自动按比例计算。质量设置在80到85,视觉上几乎看不出差异,但文件大小可以大幅减少。更详细的压缩方法看这里。
WebP转换用格式转换工具,上传JPG或PNG,选择WebP,下载即可。本地处理意味着图片不会上传到服务器。
封面图的使用技巧
封面图不只影响SEO,还直接影响点击率。搜索结果和社交预览中显示的图片,往往决定用户是否会点进来。
用与文章内容相关的图片是基本原则。千篇一律的库存照片很容易被忽视。如果要叠加文字,要检查在移动端的可读性。封面图的文件大小也需要优化——再好的图片,超过1MB就会影响加载。
做到1200×630px、JPG或WebP格式、200KB以内这三点,博客在速度和SEO方面就能超过大多数竞争对手。