小红书封面

1:1/3:4 模板

411 次访问
XIAOHONGSHU COVER STUDIO

小红书封面生成器

12 套爆款布局 · 多图层 · 标题字效 · 拖拽定位 · 6 平台一键导出

1242 × 1656
输出尺寸
小红书 feed 流模拟
爆款布局
文字图层
选中图层属性

请先点击上方图层选中

背景类型

拖入或点击上传背景图

35%
0
135°
暖色系预设
冷色系预设
装饰元素

选中图层后调整以下字效

0
1.2
0
0
0
字号预设
点击添加 emoji 到画布

添加后在"文字"标签可选中并调整位置、大小、旋转

关于本工具

了解工具定位 · 使用场景 · 对比优势

使用场景

📸

小红书博主发帖

小红书博主日常需要发布图文笔记,但手机相册里的照片比例杂乱(4:3、16:9 都有),直接上传会被平台裁剪成 1:1 或 3:4,导致主体偏移或留白不均。本工具一键将任意比例图片套入 1:1(正方形)或 3:4(竖版)模板,自动居中并填充背景色,无需手动裁剪,10 秒产出符合平台规范的封面图。

🛍️

电商商品主图设计

淘宝 / 拼多多卖家在上传商品主图时,平台要求图片比例为 1:1,但产品实拍图往往是 3:2 或 4:3 的横图。直接拉伸会变形,手动裁剪会丢失产品细节。本工具将原图嵌入 1:1 模板,自动识别主体并填充纯色/渐变背景,保留完整产品轮廓,适合无设计基础的个体商家快速出图。

🎨

自媒体多平台适配

内容创作者制作一张封面图,想同时发到小红书(3:4)、公众号(2.35:1)和视频号(1:1),但每个平台对封面比例要求不同。本工具支持 1:1 和 3:4 两种模板,用户只需上传一次原图,分别套用两个模板导出,即可获得适配小红书笔记列表页(1:1)和笔记详情页(3:4)的封面,避免反复手动裁剪。

📱

手机壁纸快速制作

用户从网上下载了一张喜欢的壁纸,但分辨率是 1920×1080(16:9),放到手机上(9:19 比例)左右留黑边。本工具提供 1:1 模板,将壁纸嵌入正方形画布并自动填充模糊背景,导出后可作为手机锁屏或桌面壁纸,无需下载专业修图软件。

对比矩阵本工具 vs 竞品 vs 传统方法

维度本工具Canva传统方法(PS/AI)
数据隐私纯浏览器处理,不上传服务器需上传图片至云端本地处理,无上传
处理速度1-2 秒3-10 秒(含加载)5-30 分钟(含设计)
离线可用支持(页面加载后)需联网支持
操作门槛选择模板,一键生成拖拽编辑,需基础设计能力需熟练掌握设计软件
模板数量聚焦 1:1/3:4 两种核心尺寸海量模板,但需筛选需手动创建
收费模式免费免费+付费会员付费软件

使用指南

上手步骤 · 输入输出 · 避坑提示

输入输出示例6 个典型场景,覆盖常规、边界与易错

输入输出说明
小红书封面 1:1 模板尺寸:1080×1080px,安全区域:940×940px典型场景:发布正方形比例笔记
小红书封面 3:4 模板尺寸:1080×1440px,安全区域:940×1254px典型场景:发布竖屏视频或图文笔记
1:1 模板 带标题区域尺寸:1080×1080px,标题区域:0-200px(顶部留白)边界 case:用户需在封面上叠加文字
3:4 模板 无安全区尺寸:1080×1440px,无安全区域提示边界 case:用户不需要裁剪提示线
1:1 模板 自定义边距 50px尺寸:1080×1080px,安全区域:980×980px(边距50px)易错 case:边距值超过安全区范围会失效
3:4 模板 自定义边距 200px尺寸:1080×1440px,安全区域:680×1040px(边距200px)易错 case:边距过大导致内容区域过小

常见错误对照8 个常踩的坑 · 错误 → 修复

1. 上传了 GIF 或动图

错误
上传一个 5MB 的 GIF 动图文件
修复
上传静态 JPG/PNG 图片,尺寸建议 1080×1080 或 1080×1440

工具只处理静态图片的尺寸裁剪和模板叠加;GIF 动图会被当作第一帧处理,且大文件会导致浏览器卡顿

2. 图片本身尺寸远小于模板要求

错误
上传一张 200×200 像素的缩略图
修复
上传至少 500×500 像素的原图,最佳 1080×1080 或 1080×1440

工具只做裁剪和居中缩放,不做超分辨率放大;小图放大后模糊,小红书封面建议原图就够大

3. 选了 3:4 模板但图片是横构图

错误
上传一张 1920×1080 的横图,选择 3:4 模板
修复
选择 1:1 模板(居中裁切损失较小),或先手动裁成竖图再上传

3:4 模板会从横图中间裁出竖条区域,左右两侧大量内容丢失,人物面部容易被切掉

4. 把带透明通道的 PNG 当成普通图片

错误
上传一张透明背景的 PNG 素材,期望模板自动填充白色底
修复
上传前用画图工具给透明区域补上纯色背景(白/渐变),或确认模板背景色与透明区域融合

工具输出的 JPG 不支持透明通道;透明区域会变成黑色或杂色,不是预期的白色

5. 把模板编号和图片编号搞混

错误
在输入框里填「请用模板 3 处理这张图」
修复
直接点击模板预览图选中,或从下拉列表选择模板编号(如 T01/T02)

工具界面模板是可视化预览+编号,不需要在输入框里写文字描述;写文字不会触发模板切换

6. 上传后不点「生成」直接刷新页面

错误
上传图片后直接按 F5 刷新,以为结果会自动保存
修复
上传后点击「生成封面」按钮,等待处理完成再下载或复制结果

工具是纯前端处理(FE),上传只把图片加载到内存,不点生成不会触发裁剪和模板叠加

7. 把结果图直接用于印刷

错误
下载 72dpi 的封面图直接拿去打印海报
修复
仅用于小红书 App 内封面展示(屏幕显示),如需印刷请用原图 + 设计软件重新排版

工具输出为 Web 优化 JPG(72dpi/sRGB),印刷需要 300dpi+CMYK,色彩和清晰度都不满足

8. 以为能批量处理多张图

错误
一次性上传 20 张图片,期望一次性得到 20 个封面
修复
每次只上传一张图,生成后下载,再处理下一张

工具设计为单图处理,没有批量上传和队列功能;多图需手动重复操作

工作原理

公式推导 · 流程图解 · 依据出处

核心公式

W = H × (R / C)

变量说明

  • W — 目标宽度(像素)
  • H — 目标高度(像素)
  • R — 原始图片宽度(像素)
  • C — 原始图片高度(像素)

示例

用户上传一张 1080×1920 的竖屏照片,想生成 1:1 封面(1080×1080)。则 H=1080,R=1080,C=1920。W = 1080 × (1080 / 1920) = 607.5,取整为 608 像素。工具将原图居中裁剪至 608×1080,再缩放至 1080×1080。

适用范围

适用于任意尺寸的图片,但若原始图片宽高比与目标比例(1:1 或 3:4)差异过大(如原图是 16:9 横幅),裁剪后可能丢失较多画面内容。

原理图

选择模板1:1 或 3:4上传图片选择本地文件Canvas 裁剪浏览器内计算缩放适配保持比例生成预览实时渲染下载结果PNG 导出图例输入处理输出
用户输入 本地处理 输出结果

开发者集成

3 种主流语言 · 复制即用

from PIL import Image

# 打开图片并转换为 RGB(去除 alpha 通道)
img = Image.open('input.jpg').convert('RGB')

# 1:1 正方形封面(1080×1080)
square = img.resize((1080, 1080), Image.LANCZOS)
square.save('cover_1_1.jpg', quality=95)

# 3:4 竖版封面(1080×1440)
vertical = img.resize((1080, 1440), Image.LANCZOS)
vertical.save('cover_3_4.jpg', quality=95)

print('已生成 cover_1_1.jpg 和 cover_3_4.jpg')
package main

import (
	"image"
	"image/jpeg"
	"os"

	"golang.org/x/image/draw"
)

func resizeTo(path string, width, height int) error {
	src, err := os.Open(path)
	if err != nil {
		return err
	}
	defer src.Close()

	img, _, err := image.Decode(src)
	if err != nil {
		return err
	}

	dst := image.NewRGBA(image.Rect(0, 0, width, height))
	draw.CatmullRom.Scale(dst, dst.Bounds(), img, img.Bounds(), draw.Over, nil)

	out, _ := os.Create("cover_3_4.jpg")
	defer out.Close()

	return jpeg.Encode(out, dst, &jpeg.Options{Quality: 95})
}

func main() {
	// 生成 3:4 竖版封面(1080×1440)
	if err := resizeTo("input.jpg", 1080, 1440); err != nil {
		panic(err)
	}
	println("已生成 cover_3_4.jpg")
}
const sharp = require('sharp');

async function generateCover(inputPath) {
  // 1:1 正方形封面(1080×1080)
  await sharp(inputPath)
    .resize(1080, 1080, { fit: 'cover' })
    .jpeg({ quality: 95 })
    .toFile('cover_1_1.jpg');

  // 3:4 竖版封面(1080×1440)
  await sharp(inputPath)
    .resize(1080, 1440, { fit: 'cover' })
    .jpeg({ quality: 95 })
    .toFile('cover_3_4.jpg');

  console.log('已生成 cover_1_1.jpg 和 cover_3_4.jpg');
}

generateCover('input.jpg').catch(console.error);

常见问题

9 个高频疑问

这个工具怎么用?我上传了图片,但生成的封面尺寸不对。
操作流程:先选画布比例(1:1 或 3:4),然后上传图片。工具会自动把图片居中裁剪适配所选比例,不会拉伸变形。如果上传的是竖屏长图选 3:4,横屏宽图选 1:1,效果最好。上传后可以手动拖动调整图片位置,确认后点击下载。注意:原图分辨率低于 600×600 时,放大后可能会模糊。
为什么我生成的封面图片变模糊了?
模糊通常有两个原因:一是原图本身分辨率低,工具只做裁剪不超分放大,建议上传至少 800×800 像素以上的图片;二是下载时选了低画质选项(如果有的话),部分浏览器对 canvas 输出有默认压缩率。可以检查原图尺寸,或尝试用截图工具截取清晰区域再上传。本工具不做有损压缩,模糊不是工具处理导致的。
1:1 和 3:4 的封面有什么区别?我该选哪个?
1:1 是正方形,适合单图笔记或图文混排的封面,显示在信息流中占位较小。3:4 是竖版长方形,适合穿搭、食谱、教程等需要纵向展示更多内容的笔记,在发现页占位更大、视觉冲击力更强。小红书官方推荐 3:4 作为主图比例(宽 600×高 800 像素),因为它在信息流中展示面积更大,点击率通常更高。
工具会保存我上传的图片吗?隐私安全吗?
不保存。所有图片处理都在浏览器本地完成,图片不会上传到任何服务器。工具是用前端 JavaScript 实现的,图片数据只存在于当前页面的内存中,关闭页面或刷新后自动清除。可以打开浏览器 DevTools 的 Network 面板确认:操作过程中没有任何网络请求外发。断网后工具依然能正常工作。
为什么我上传 GIF 动图后,封面不动了?
本工具只输出静态封面图片(PNG/JPG 格式),不支持动图封面。如果上传了 GIF,工具会取第一帧作为静态封面。小红书笔记封面本身也不支持动图,所以这是正常行为。如果需要动态效果,可以在小红书的编辑器中添加视频封面或贴纸动效。
生成的封面有白边或黑边怎么办?
本工具采用居中裁剪模式,不会留白边或黑边——图片会填满整个画布。如果看到边,说明原图比例与所选画布比例相差太大(例如 16:9 的横图选了 3:4 竖版),工具裁剪后两边内容会被切掉。建议先手动把图片裁成接近 1:1 或 3:4 的比例再上传,这样能保留更多主体内容。
免费吗?有没有使用次数限制?
完全免费,无使用次数限制。所有功能都在浏览器端执行,不消耗服务器资源,所以没有付费墙或每日限额。不需要注册、登录,打开网页就能直接用。
手机浏览器能用吗?和电脑版功能一样吗?
手机浏览器(Chrome/Safari 等)可以正常使用,功能与电脑版一致。但手机屏幕小,拖拽调整图片位置可能不太精确,建议在电脑上操作。如果必须在手机上用,可以横屏或使用平板获得更好的操作体验。部分老旧手机的浏览器可能不支持 canvas 裁剪,建议更新到最新版本。
为什么我下载的封面图片只有几 KB,是不是坏了?
如果原图本身尺寸很小(比如 200×200 像素),生成的封面文件大小自然只有几 KB,这是正常的,图片并没有损坏。可以检查下载文件的扩展名是否为 .png 或 .jpg,用系统图片查看器打开确认。如果原图清晰但下载后文件异常小,可能是浏览器缓存问题,尝试清除浏览器缓存或换一个浏览器再试。
选择 打开 +新窗口 esc关闭