# 社媒安全区预览

上传一张图，预览它在 Instagram 动态/故事/Reels、TikTok、YouTube、X、LinkedIn 上的呈现——叠加平台安全区遮罩，发布前明确显示哪些像素会被裁切或被 UI 遮挡。

> 标准页面: https://elysiatools.com/zh/tools/social-media-caption-crop-preview

- **分类:** Design

- **关键词:** 社媒, 安全区, 裁切预览, instagram, tiktok, youtube 封面, linkedin, 内容安全区

## 概述

一款社媒合规可视化检查器。上传单张图片，工具按各平台精确画框渲染（IG 1:1 / 4:5、Story 与 Reels 9:16、TikTok 9:16、YouTube 16:9、X 16:9、LinkedIn 1.91:1），并用红色遮罩标出不安全区域——会被宽高比裁掉或被平台 UI 遮挡（回复栏、操作按钮、字幕、时间戳）的像素。绿色虚线框标出安全区。与多尺寸缩放工具（导出裁剪图）不同，它诊断的是你在各平台会损失什么，以便发布前重排构图。安全区内边距基于 2024-2025 各平台规格。

## 输入项

- **源图片** (file)
- **要预览的平台** (select)
- **遮罩样式** (select)

## 适用场景

- 发布同一张图片到多个社交平台前，检查不同宽高比会裁掉哪些内容。
- 制作 Story、Reels 或 TikTok 竖版素材时，确认主体不会被字幕、按钮或时间戳遮挡。
- 为 Instagram、YouTube、X 或 LinkedIn 准备横版、方形或纵向图片时，提前调整文字和 Logo 位置。

## 工作原理

- 上传一张 PNG、JPEG、WebP 或 AVIF 图片。
- 选择预览全部平台、仅竖版平台或仅信息流平台。
- 选择红色遮罩或模糊不安全区作为显示方式。
- 查看各平台画框、安全区和不安全区域，判断构图中哪些像素可能被裁切或覆盖。

## 使用案例

- 社交媒体运营人员可在发布前检查一张素材在多个平台上的裁切差异。
- 设计师可根据绿色安全区重新安排 Logo、标题和主体位置。
- 内容创作者可重点检查 Story、Reels 和 TikTok 中字幕、按钮及时间戳可能遮挡的区域。

## 常见问题

### 支持上传哪些图片格式？

支持 PNG、JPEG、WebP 和 AVIF 图片，单张图片大小上限为 15 MB。

### 工具会导出裁剪后的图片吗？

不会。它用于预览和诊断不同平台上的裁切、遮挡与安全区，不是图片裁剪导出工具。

### 可以只查看竖版平台吗？

可以。选择“仅竖版（Story/Reels/TikTok）”即可查看 9:16 平台预览。

### 红色遮罩代表什么？

红色遮罩表示可能因宽高比被裁切，或被平台界面元素遮挡的不安全区域。

### 模糊遮罩和红色遮罩有什么区别？

红色遮罩直接标示不安全区域，模糊遮罩则用模糊效果显示这些区域。

## 相关工具

- [图像合成](https://elysiatools.com/zh/tools/image-composite): 将多张图像精确合成在一起，可控制位置、透明度和混合模式
- [图片调色板转设计令牌](https://elysiatools.com/zh/tools/image-to-design-tokens): 从图片中用 k-means 聚类提取主色，导出为 CSS 变量 / SCSS 变量 / Tailwind 配置 / JSON 设计令牌，并自动为每个颜色生成命名色阶
- [社交媒体模板装配图生成器](https://elysiatools.com/zh/tools/social-media-template-resize-grid): 上传一张主图,一次生成全套平台装配图:Instagram(1:1 / 4:5 / 3:4 网格 / Story / Reel)、X(头图 1500×500 / 信息流)、LinkedIn(个人横幅 / 公司封面 / 帖子图)、YouTube(缩略图 / 频道横幅)、Facebook 链接分享。每个裁剪预览叠加 2025-2026 已验证的安全区蒙版(Story 顶/底/侧边距、X 头像圆、LinkedIn 头像区、YouTube 时长角标),一键导出 ZIP。
- [VP8 图像分析器](https://elysiatools.com/zh/tools/vp8-image-analyzer): 使用 Sharp 分析 WebP/VP8 图像，生成灰度位移图，并用 Three.js 渲染可旋转的 3D 浮雕表面
- [自适应 12 点隐藏水印](https://elysiatools.com/zh/tools/adaptive-12-point-hidden-watermark): 为单张图片或 ZIP 中每张支持图片，在全部、随机或指定的边缘点位添加低对比度文字水印，并按局部背景自动选择深色或浅色文字。
- [批量图片水印](https://elysiatools.com/zh/tools/batch-watermark): 为多张图片添加水印，支持文字或图片水印、位置控制和批量处理
- [批量图片裁剪](https://elysiatools.com/zh/tools/image-batch-crop): 批量裁剪多张图片到指定尺寸或宽高比，支持自定义定位，返回裁剪后的 ZIP 文件下载
- [图片缩放工具](https://elysiatools.com/zh/tools/image-resize): 专业的图片缩放工具，支持多种缩放方式、长宽比保持和格式转换，包含模糊背景功能，支持 GIF/Animated WebP/APNG 和 JPEG/PNG/WEBP 格式。

## 示例

- [Android Java 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-java): Android Java 图像处理示例，包括图像读取保存、缩放和格式转换
- [Android Kotlin 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-kotlin): Android Kotlin 图像处理示例，包括图像读取保存、缩放和格式转换
- [Web Python 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-python): Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换
- [Web Rust 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-rust): Web Rust 图像处理示例，包括图像读取保存、缩放和格式转换

## 相关内容

- [图片格式转换与动画导出工具](https://elysiatools.com/zh/hubs/image-convert): 在一个专题里比较 JPG、PNG、GIF、AVIF、WebP、TIFF、ICO、base64 以及动画导出相关的图片格式转换工具。
- [图片整理、修饰与批处理准备工具](https://elysiatools.com/zh/hubs/image-utility): 把图片清理、裁边、补边、加框、批量缩放压缩、水印和视觉修饰工具集中到一个专题中，适合素材整理流程。
- [图片元数据、EXIF 与隐私清理工具](https://elysiatools.com/zh/hubs/image-metadata): 在一个专题中比较图片元数据查看、EXIF/IPTC/XMP 检查、方向修正、元数据编辑和隐私清理工具，适合图片发布流程。
- [图像清理、缩放与细节增强工具](https://elysiatools.com/zh/hubs/image-cleanup-resize-and-detail-enhancement): 通过方向校正、裁边、降噪、缩放、锐化和批量转换准备交付图片。