Instagram帖子上传一张风景照片,一张高大的手机照片作为LinkedIn链接图片,或者截图到X,平台悄悄决定人们看到它的哪个部分,它将图像适合少数固定形状之一,修剪任何不适合的东西,它从中间向外修剪,如果主体在中间,那就有效了,如果主体是靠近框架顶部的脸,左边的产品,或者沿着底部的标题,平台就会将其裁剪掉。
修复方法是自己裁剪图像,确定饲料想要的确切形状,并选择哪一部分幸存下来。本指南涵盖了主要平台显示的尺寸和纵横比、作物的几何形状、如何选择焦点、裁剪对质量和文件大小的作用以及如何避免导致人们望而却步的柔和、升级的结果。工作示例使用免费 社交媒体形象 Cropper toolz 上,它完成客户端的整个作业。
TL;博士: 要裁剪社交媒体图像,请选择平台和位置的目标宽高比(例如 Instagram 肖像帖子为 1080 x 1350,链接预览为 1200 x 630,X 帖子图像为 1600 x 900),获取适合照片内部的形状的最大区域,将其锚定在重要的部分,然后将其缩放到精确的像素大小。裁剪至 4:5 的 4032 x 3024 手机照片可保留其 60% 的面积;裁剪至 16:9 可保留 75%。 社交媒体图片裁剪者 在浏览器中的画布上执行此操作,具有九点焦网格,免费,无需注册,无需上传。
社交媒体形象裁员做什么?
1个社交媒体图像裁剪器将照片切割成a平台显示的宽高比,并将其缩放到那个平台's像素大小,因此该平台没有什么可以裁剪的,发生两个单独的操作,它有助于将它们分开:
- 作物。 Xuan原件内部有一个有目标形状的矩形, 丢弃了它外面的像素, Zi内的像素是未被触及的。
- 规模。 将该矩形调整为目标尺寸,例如 1080 x 1350。这是质量可以改变的地方,因为图像已重新采样。
1个通用图片编辑器可以做到这两点,但是它让你找到比例,手绘盒子,记住输出大小,一个专用的裁剪器知道大小,自动绘制最大的有效盒子,让你一键移动Toolz版本,还是在下载之前告诉你裁剪成本是多少:原始面积存活了多少,结果是缩小还是上缩。
主要平台使用哪些图像尺寸?
每个网络都以一组小宽高比渲染提要图像,其他任何内容都适合最近的网络。该表列出了裁剪器中内置的 15 个目标尺寸,这些尺寸反映了每个平台当前显示的内容,而无需重新裁剪。平台会不时修改这些内容,因此将其视为当前指导而不是永久规范。
| 平台 | 安置 | 像素大小 | 纵横比 | 使用它的地方 |
|---|---|---|---|---|
| 广场柱 | 1080×1080×成人电影网800另承接:工业自动化控制与系统设计,电气控制设备,自动化新技术的研究开发及推广,自动化成套设备与非标设备的技术开发与服务,自动化设备改造 | 1:1 | 经典的提要 | |
| 肖像帖子 | 1080×1350×快播电影大全800另承接:工业自动化控制与系统设计,电气控制设备,自动化新技术的研究开发及推广,自动化成套设备与非标设备的技术开发与服务,自动化设备改造 | 4:5 | 进给允许最高、最多的屏幕空间 | |
| 风景帖子 | 1080×566×成人电影网站800另承接:工业自动化控制与系统设计,电气控制设备,自动化新技术的研究开发及推广,自动化成套设备与非标设备的技术开发与服务,自动化设备改造 | 1.91:1 | 饲料接受最宽 | |
| 故事或卷轴 | 1080×1920×快播电影大全800另承接:工业自动化控制与系统设计,电气控制设备,自动化新技术的研究开发及推广,自动化成套设备与非标设备的技术开发与服务,自动化设备改造 | 9:16 | 全屏;保持文字远离顶部和底部 250 px | |
| 线程 | 广场柱 | 1080×1080×成人电影网800另承接:工业自动化控制与系统设计,电气控制设备,自动化新技术的研究开发及推广,自动化成套设备与非标设备的技术开发与服务,自动化设备改造 | 1:1 | 在时间轴中显示为未裁剪 |
| 线程 | 肖像帖子 | 1080×1350×快播电影大全800另承接:工业自动化控制与系统设计,电气控制设备,自动化新技术的研究开发及推广,自动化成套设备与非标设备的技术开发与服务,自动化设备改造 | 4:5 | 最高的线程显示,无需裁剪 |
| 蓝天 | 馈送图像 | 1200×630×快播电影大全800另承接:工业自动化控制与系统设计,电气控制设备,自动化新技术的研究开发及推广,自动化成套设备与非标设备的技术开发与服务,自动化设备改造 | 1.90:1 | 宽图像被拉向 1.91:1 |
| 蓝天 | 方形图像 | 1080×1080×成人电影网800另承接:工业自动化控制与系统设计,电气控制设备,自动化新技术的研究开发及推广,自动化成套设备与非标设备的技术开发与服务,自动化设备改造 | 1:1 | 显示未裁剪 |
| XX 10000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000 | 发布图像 | 1600×900×快播电影大全800另承接:工业自动化控制与系统设计,电气控制设备,自动化新技术的研究开发及推广,自动化成套设备与非标设备的技术开发与服务,自动化设备改造 | 16:9 | 无需轻敲即可完整显示 |
| XX 10000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000 | 摘要卡 | 1200×628×成人电影网800另承接:工业自动化控制与系统设计,电气控制设备,自动化新技术的研究开发及推广,自动化成套设备与非标设备的技术开发与服务,自动化设备改造 | 1.91:1 | 大型链接预览卡 |
| 脸书 | 提要帖子 | 1200×630×快播电影大全800另承接:工业自动化控制与系统设计,电气控制设备,自动化新技术的研究开发及推广,自动化成套设备与非标设备的技术开发与服务,自动化设备改造 | 1.90:1 | 也是Open Graph尺寸 |
| 链接In | 提要帖子 | 1200×627×成人电影网800另承接:工业自动化控制与系统设计,电气控制设备,自动化新技术的研究开发及推广,自动化成套设备与非标设备的技术开发与服务,自动化设备改造 | 1.91:1 | LinkedIn 提要标准 |
| YouTube | 缩略图 | 1280×720×成人电影网站800另承接:工业自动化控制与系统设计,电气控制设备,自动化新技术的研究开发及推广,自动化成套设备与非标设备的技术开发与服务,自动化设备改造 | 16:9 | 高清播放器至少宽 1280 |
| 标准引脚 | 1000×1500×快播电影大全800另承接:工业自动化控制与系统设计,电气控制设备,自动化新技术的研究开发及推广,自动化成套设备与非标设备的技术开发与服务,自动化设备改造 | 2:3 | 更高的销钉被降级 | |
| Open Graph | 链接预览 | 1200×630×快播电影大全800另承接:工业自动化控制与系统设计,电气控制设备,自动化新技术的研究开发及推广,自动化成套设备与非标设备的技术开发与服务,自动化设备改造 | 1.90:1 | 大多数网站和聊天应用程序都会呈现默认卡 |
2件事脱颖而出,"1.91:1"家族(1200 x 630、1200 x 628、1200 x 627、1080 x 566)是一个略有不同的圆形形状,几乎是网络上每个链接预览的形状,它可以追溯到 Open Graph协议,它定义了 og:image tag站点用来提供预览图片。而且高格式不同:instagram和threads停止在4:5,pinterest进入2:3,stories使用9:16。一个作物并不能全部服务。
如果您还设置网页的预览图像,则 Open Graph 预览工具 显示共享后 1200 x 630 图像的外观。
作物矩形是如何计算的?
块(crop)是目标形状中符合原始图像内部的最大矩形,如果图像比目标形状宽,则作物保持全高并修剪侧面,如果更高,则作物保持全宽并修剪顶部和底部。
在数字中,对于宽度 W 和高度 H 的源以及目标比率 R(宽度除以高度):
if W / H > R: crop width = H x R, crop height = H (trim the sides)
else: crop width = W, crop height = W / R (trim top and bottom)
工作示例 1:Instagram 肖像帖子的 4032 x 3024 手机照片。
- 来源比:4032/3024=1.333。目标比:1080/1350=0.8。
- 来源更宽,因此作物保持完整的 3024 px 高度。
- 作物宽度:3024 x 0.8 = 2419.2 px。
- 保留面积:2419.2/4032 = 0.60,因此 60% 的照片幸存下来,40% 的照片从侧面修剪。
- 然后将作物从约 2419 x 3024 缩小到 1080 x 1350。
工作示例 2:X 帖子图像的相同照片。
- 目标比:1600/900 = 1.778。源比 1.333 更小,因此作物保持完整的 4032 px 宽度。
- 作物高度:4032/1.778 = 2268 px。
- 保留面积:2268 / 3024 = 0.75,因此 75% 幸存,其中 756 px 从高处修剪。
工作示例 3:与 Pinterest 引脚的照片相同。
- 目标比:1000/1500 = 0.667。作物宽度:3024 x 0.667 = 2016 px。
- 保留面积:2016/4032 = 50%。照片的一半是这样。
这些百分比是该工具报告的 "保留原始 " 的 60%,并且在您提交之前值得阅读。保留一半帧的裁剪是作文决策,而不是格式化步骤。
您如何选择要保留图像的哪个部分?
择持有主语的焦点,并记住它只在被修剪的轴上很重要,裁剪器's九点网格设置的焦点为0,0.5或1横跨每个轴,它将作物锚定在左边缘,中心或右边缘水平,并垂直到顶部,中间或底部。
位置是这样计算出来的,然后夹紧,这样裁剪器就永远不会从图像上跑出来:
crop x = focusX x W - cropWidth / 2 (clamped between 0 and W - cropWidth)
crop y = focusY x H - cropHeight / 2 (clamped between 0 and H - cropHeight)
在工作示例 1 中,仅修剪侧面,因此只有水平选择会改变任何内容:
| 锚柱 | 作物 x | 保留照片的列 |
|---|---|---|
| 左 | 0 | 0 至 2419 |
| 中心 | 806.4 | 806 至 3226 |
| 对 | 1612.8 | 1613年至4032年 |
Top, middle和bottom行给出相同的结果, 对于那个作物, 因为已经保持了完整的高度, 当点击似乎什么都不做时, 这是一个有用的检查:作物只有自由的移动一个方向。
工作示例 4:作为 LinkedIn 图像的肖像手机照片。 3024 x 4032照片裁剪为1200 x 627(比例1.914)保持全宽,条带3024/1.914 = 1580 px高,即1580/4032 = 39%的照片,在默认的中心锚点下,条带从y = 1226运行到y = 2806,在典型的头肩肖像上,这是胸部,而不是脸部,点击顶部中心将条带移动到y = 0到1580并保持头部,这种情况是焦网格存在的原因:居中是合理的默认,大多数肖像的错误答案变成了横幅。
挑选锚的一些经验法则:
- 人:顶排,因为面孔通常位于框架的上三分之一处。
- 标题或标题被烘烤成图形:文本所在的行或列。
- 产品和偏心主题:匹配的角落或侧面。
- 对称场景和中心标志:将其放在中心。
裁剪会降低图像质量吗?
Cropping 单独使用不会降低质量,但缩放步骤可以。丢弃帧外的像素会使剩余像素完全保持原样。调整到目标大小的大小是结果可以改进或降低的地方。
缩放是安全的,并且通常会使照片看起来更清晰,因为每个输出像素中都会对几个源像素进行平均。裁剪器使用画布进行绘制's 高平滑质量设置,使用 drawImage 方法定义于 WHATWG HTML 画布规范、放大不能增加从未捕捉到的细节,输出变大但不锐利,边缘看起来很柔和。
工作示例 5:升级屏幕截图。 X贴图片裁剪的800 x 600截图保持完整的800 px宽度和450 px高的条带,75%的面积。然后将那个800 x 450的区域放大到1600 x 900,每个方向的大小是它的两倍。该工具在预览下如此说:"升级 - 源小于目标,所以看起来很柔软。"
快速测试是将裁剪宽度与目标宽度进行比较,如果裁剪比目标宽,图像会缩小,看起来会很好,如果缩小,则正在放大。对于照片,手机相机几乎总是有像素可以备用。屏幕截图、旧图像和从其他帖子中保存的图片是通常的放大案例,唯一真正的修复是更大的来源。
您应该导出 PNG、JPEG 还是 WebP?
导出照片的 JPEG、屏幕截图的 PNG、硬边文本和图形,以及当您想要最小的文件并知道目的地时 WebP 接受它。裁剪器默认为 PNG,因为它是无损的,并且提供所有三个。
| 格式 | 压缩 | 最好的 | 小心 |
|---|---|---|---|
| 巴布亚新几内亚 | 无损,如指定的 W3C PNG 标准 | 屏幕截图、UI、文本、徽标、透明度 | 用于照片的大文件 |
| JPEG | 有损,方法在 国际电联-T T。81 | 照片 | 清晰的文字和线条周围有光环;没有透明度 |
| 网络P | 有损或无损,描述于 Google's WebP 文档 | 质量相似的最小文件 | 一些较旧的工具无法打开它 |
JPEG和WebP导出在画布编码器上使用0.92的质量设置,足够高,使得压缩伪影在照片中很难看到,下载的文件以原件加上预设命名,所以 team.jpg JPEG 保存为 Instagram 肖像帖子 team-ig-portrait.jpeg。
无论如何,大多数平台都会对您上传的内容进行重新编码,因此照片的无损 PNG 不会像 PNG 曾经发布的那样保存下来,它主要增加了上传大小。为了更深入地选择格式, 图像格式转换器指南 比较更多用例。
逐步:使用工具裁剪图像
的 社交媒体上的图像裁剪器 有四个步骤,预览画布与生成文件的画布相同,因此您批准的是您下载的内容。
- 添加图像。 Cmd+V 或 Ctrl+V 的剪贴板中掉落一个文件,点击选择一个,或者粘贴一个图像,粘贴监听器在整个页面上,所以复制到剪贴板的截图直接进入,而不会先保存掉落区域,接受 PNG、JPEG、WebP、GIF 或 AVIF,或者您的浏览器可以解码的任何其他内容。
- 选择目标大小。 Target 大小菜单按平台对 15 个预设进行分组,每个预设都标有其像素大小和比例,并显示使用大小位置的一行注释,默认值为 Instagram 肖像帖子。
- 选择要保留的内容。 Keep 网格中点击九点之一,预览立即重绘。
- 检查数字并下载。 在预览下,阅读表示保留百分比、裁剪尺寸以及结果是缩小还是上调的行。选择 PNG、JPEG 或 WebP,然后单击"下载"。
HTML 画布上运行的所有内容在浏览器选项卡中,图像不会上传、存储或记录,页面会一直关闭网络,就像站点上的每个工具一样,下载步骤会检查每日使用限制。
你会遇到什么错误?
Da部分问题来自文件格式或来源的大小,消息是具体的。
- "那个文件不是图片。" 件's类型不以开头
image/PDF 或视频为例,消息命名文件。 - "那个图片读不出来,可能是损坏的,也可能是这个浏览器不解码的格式。" 该文件声称是图像但浏览器无法解码,常见的情况是没有 HEIC 支持的浏览器中的 iPhone HEIC 照片,先将其转换为 JPG 图像格式转换器。
- "上档- 来源比目标小,所以看起来会很柔软。" Not error, 一个警告, 如果有, 用一个更大的原件。
- 焦网格似乎无能为力。 作物仅沿着一个轴修剪,因此只有沿着该轴的锚才能移动它。
- 达到每日限额。 已使用免费每日使用津贴。
1个效果更值得知道,因为输出是用画布像素重新编码的,下载的文件没有携带EXIF元数据:没有相机设置,捕获日期或GPS位置,对于公开张贴的照片,通常是隐私的增益 EXIF 去除剂指南 解释该元数据包含哪些内容以及为什么在共享照片时它很重要。
裁剪、调整大小或适合背景?
裁剪是将图像变成固定形状的三种方法之一,正确的方法取决于您是否有能力丢失任何图像。
| 方法 | 发生了什么 | 何时使用它 | 工具 |
|---|---|---|---|
| 作物与比率 | 修剪边缘,保持形状准确 | 受试者是框架的一部分,边缘可以消失 | 社交媒体形象 Cropper |
| 适合哑光 | 将整个图像缩小到彩色或模糊的背景上 | 任何东西都不能被剪掉,例如艺术品或合影 | 哑光生成器 |
| 仅调整大小 | 改变像素尺寸,保持原始比例 | 比率已经是正确的,或者平台接受任何形状 | 图像调整大小 |
| 分成幻灯片 | 将宽图像切割成连续的转盘幻灯片 | 全景太宽,不适合一篇文章 | 旋转木马滚动生成器 |
如果问题是文件大小而不是形状,则 图像大小指南 cover 改变尺寸不失真, 当一个裁剪好的影像公开外出时, 应该带着你的名字, the 水印 logo或签名加在角落或横跨框的平铺贴贴全套图片工具 life in the 社交媒体工具中心。
为什么要在上传之前进行裁剪?
为平台裁剪是由看不到你的主体的软件决定的,每个提要都以固定的比例渲染,并且自动安装任何其他形状的上传,通常通过从长维度两侧均匀修剪,有些平台,其中Bluesky,将该裁剪仅显示在时间轴中,因此完整图像存在但大多数人从未看到过。
Cropping first 将三个决定移回给您:帧的哪个部分是可见的,结果在精确的显示大小下有多锐利,文件有多大,每张图像需要几秒钟,而对于人们关心的图像来说最为重要:人像、产品镜头和文字接近边缘的图形对于那些, 将图像裁剪为平台大小 由于焦点位于主题上,因此免费、无需注册和上传文件,因此提要没有理由更改。
