Magic Eraser + Squarespace:适用于网站、商店、博客和会员区的单一图像工作流程
Squarespace 网站将小型企业的完整数字化展示(营销网站、在线商店、博客、会员区、日程安排)整合到一个平台上,这意味着每张图像都必须跨多个模板断点、多种页面类型和多种设备尺寸工作,而无需设计师在场。 Magic Eraser 准备完整的 Squarespace 图像堆栈:准备索引页英雄处理的 2500×1700 横幅照片、2000×2000 纯色背景的 Commerce 产品图像、具有一致颜色分级的图库块图像集、1500×750 的博客封面图像以及为门控体验准备的会员区内容。电话几分钟即可发布。
免费尝试 Magic Eraser关于 Squarespace
Squarespace 是一个一体化网站平台,为小型企业、创意企业、餐厅、服务和在线商店的大约 440 万订阅者提供服务。该平台的视觉表面跨越横幅(建议2500×1700,在桌面/平板电脑/移动断点上以不同尺寸显示),画廊块(幻灯片,网格,轮播,堆栈布局),商务产品图像(建议2000×2000正方形以保持一致性),博客封面图像(1500×750用于2:1列表缩略图裁剪),会员区内容,以及Squarespace 7.1 自动布局,可跨部分响应地流动图像。 Squarespace 的图像性能经过精心设计(自动 WebP 服务、响应式 srcset、延迟加载),但源图像仍然必须干净、大小正确,并且在整个站点上视觉上一致。
优势
Squarespace 响应式裁剪逻辑中保留的横幅照片
Squarespace 7.1 横幅使用焦点裁剪 - 平台裁剪源图像以适合每个断点处的部分高度(桌面上全出血,移动设备上较短,有时平板电脑上超宽),以编辑器设置的焦点为中心。失败模式是一张构图紧凑的横幅照片,其中移动设备上的自动裁剪会剪掉重要的主题区域。 Magic Eraser 通过 AI Fill outpaint 解决了这个问题:同时在所有四个边上使用额外的匹配背景扩展源照片,因此每个断点裁剪仍然包含有剩余边距的主题。结合 Background Eraser(品牌颜色背景上干净的孤立主题)和 AI 过滤器(所有横幅的颜色等级一致),结果是横幅图像可以在每个设备上清晰地读取。
预计 2000×2000 平方 Squarespace 上的商业产品图像
Squarespace Commerce 产品图像以 2000×2000 方形 JPEG 表现最佳,产品以干净的背景为中心 - 这是 Squarespace 的产品网格、快速查看和产品详细信息模板所采用的一致格式。 Magic Eraser 在一个工作流程中准备商务产品照片:Background Eraser 删除原始背景(沙发、厨房柜台、手持),并将其替换为白色或品牌色纯色,AI Enhance 同时升级和锐化以获得视网膜显示分辨率,Magic Eraser 笔刷删除剪裁中留下的任何反射、灰尘或接缝线伪影。对于拥有 50-500 个 SKU 且都需要相同视觉处理的商店,一致的工作流程可以使产品网格读取为单个连贯的目录,而不是一组不匹配的相机胶卷照片。
具有一致颜色分级的图库块图像集
图库块(幻灯片、网格、轮播、堆栈)按顺序显示 4-30 张照片,尤其会造成视觉不一致——一张暖色调照片、一张冷色调照片、一张过饱和照片的图库,即使每张照片在技术上都很好,也会显得业余。 Magic Eraser 的 AI 滤镜在整个图库集中批量应用相同的颜色等级预设,在来自不同拍摄、不同相机和不同照明条件的 4-30 张图像中产生视觉凝聚力。对于作品集网站(摄影师、设计师、艺术家、建筑师)和餐厅网站(美食画廊、氛围画廊、地点画廊),这个单一的工作流程是专业外观网站和家庭相机胶卷网站之间的区别。
博客封面图像采用 1500×750 列表缩略图裁剪
Squarespace 博客封面图像以可变尺寸呈现 — 帖子页面上的全出血尺寸为 1500×750,博客列表中的 2:1 缩略图尺寸为 600×300,摘要块网格中的 1:1 方形缩略图尺寸为 250×250。每个渲染都需要清晰地阅读主题。 Magic Eraser 准备博客封面,由 AI 填充将源照片绘制为 2:1 宽高比(因此全出血和 2:1 缩略图是干净的),Magic Eraser 笔刷消除干扰,最后的构图检查主题在摘要块显示时中心裁剪为 1:1 时是否仍然有效。对于每周发布博客内容的网站,AI 工作流程将封面图像准备时间从每篇文章 30-45 分钟压缩到每篇文章 5-10 分钟。
如何将 Magic Eraser 与 Squarespace 一起使用
确定图像在 Squarespace 网站上的角色
在打开任何编辑器之前,请确定图像在 Squarespace 上的用途:横幅(推荐 2500×1700 源,以响应式焦点裁剪全屏显示)、商务产品图像(干净背景上的 2000×2000 方形)、图库块集(颜色一致的 4-30 张照片)、博客封面(1500×750,主题中心框架)、会员区英雄(每个模板可变)或页面内容图像(每个自动可变)布局)。每个角色都有不同的框架和编辑优先级。 Squarespace 在后台提供自动 WebP 和响应式 srcset,因此源上传应该是最高质量的版本 - 不要预压缩。
使用 AI Fill outpaint 准备横幅以实现断点安全构图
在 Magic Eraser 中打开源横幅照片。 AI 在所有四个边(上、下、左、右)上使用额外匹配的背景填充油漆,因此 Squarespace 在移动/平板电脑/桌面断点上的自动裁剪永远不会裁剪掉主题。对于杂乱背景上的主题,Background Eraser 首先切换为品牌色纯色。对于低光或手机相机来源的照片,AI Enhance 可以恢复细节并锐化。 AI Filter 应用与网站其他部分一致的品牌颜色等级预设。上传后在 Squarespace 编辑器中设置焦点 — AI 绘制的边距为焦点逻辑空间提供了裁剪空间,而不会丢失主题。
Prep Commerce 产品照片达到一致的 2000×2000 标准
对于每张产品照片:Background Eraser 删除原始背景并应用干净的白色(大多数产品)或品牌颜色(定位生活方式的产品)纯色背景,AI Enhance 升级并锐化至 2000×2000 视网膜分辨率标准,Magic Eraser 画笔删除任何反射、灰尘或剪切边缘伪影。对于每种产品具有多个角度(正面、侧面、背面、细节)的商店,请对每个角度应用完全相同的工作流程,以便产品详细信息页面的图像轮播读取为一个连贯的集合。以完整的 2000×2000 尺寸导出 — Squarespace 的自动 WebP 转换可处理下游的文件大小优化。
具有一致 AI 过滤器的批量级图库块图像集
对于画廊块(作品集网站、餐厅氛围画廊、活动摄影、房地产画廊),选择与品牌声音相匹配的 AI 滤镜预设(热情好客、建筑凉爽、餐厅更饱和、编辑更静音),并将相同的预设应用于画廊集中的每张照片。 Magic Eraser 画笔处理任何每张照片的清理(消除干扰、去除库存后备的水印)。结果是一个画廊块读起来像是一个有凝聚力的视觉故事,而不是一张不匹配的照片转储。使用相同的导出设置(JPEG 质量、颜色配置文件 sRGB)上传所有照片,以便 Squarespace 的响应式图像管道产生一致的输出。
准备博客全出血和摘要块作物的封面图像
对于每篇博客文章:AI 填充将源照片绘制为干净的 2:1 纵横比,主题大致居中(因此 1:1 摘要块裁剪仍包含主题),Magic Eraser 画笔消除干扰,AI 滤镜应用博客的颜色等级预设,最后的构图检查确认主题在最小摘要块渲染 (250×250) 下读取。将封面保存为 1500×750 — Squarespace 将对缩略图进行缩减采样。对于随着时间的推移而复合的常青博客内容,每个帖子的这一小额投资可以在帖子的整个生命周期流量中得到回报。
常见问题解答
Magic Eraser 有直接的 Squarespace 插件或扩展吗?
+
无本机插件 — Magic Eraser 是一个在 Squarespace 编辑器外部运行的 Web/iOS/Android 图像编辑器。工作流程是:在 Magic Eraser 中准备图像,以全分辨率(PNG 或 JPEG)导出,然后通过编辑器中的标准图像上传流程上传到 Squarespace。 Squarespace 的图像管道处理 WebP 转换、响应式 srcset 和 CDN 分发。对于大多数用户来说,缺乏直接插件并不是一种摩擦 - 图像准备在工作流程中的不同点上批量进行,而不是站点编辑,并且这种分离实际上有助于保持一致性(每个图像集一个编辑会话,然后每个页面一个上传会话)。
Squarespace 7.1 的最佳横幅源图像大小是多少?
+
Squarespace 建议使用 2500×1700 作为横幅图像的来源,这为响应式裁剪逻辑提供了足够的分辨率用于视网膜显示,并为全出血→移动肖像回流提供了足够的构图余量。最常见的失败模式不是横幅尺寸过小(Squarespace 会优雅地放大);这是一个紧凑的构图,手机上较窄的裁剪部分遮蔽了主题。 Magic Eraser 的 AI Fill outpaint 通过在所有四个边上添加额外的匹配背景来扩展源,从而解决了这个问题 - 从您拥有的任何手机照片开始,AI Fill out 到 2500×1700+ 并留出余量,并且每个断点处的焦点裁剪保持干净。
我应该将预压缩的图像上传到 Squarespace 吗?
+
不。上传最高质量的源 — Squarespace 的图像管道提供自动 WebP 服务,为每个断点构建响应式 srcset,并基于视口和连接应用自己的 CDN 级压缩。上传前预压缩图像(例如保存为 80% JPEG)只会与 Squarespace 自己的压缩相结合,并在每种渲染尺寸下产生明显更差的输出。 Magic Eraser 默认以全质量导出 — 在上传步骤中保持该质量,并让 Squarespace 处理下游优化。
如何保持数百张 Commerce 产品照片的视觉一致性?
+
预先定义目录的视觉标准 - 背景颜色(大多数为白色,灰白色#F5F5F5为温暖品牌,品牌颜色为生活方式定位的商店),框架中的产品定位(居中,小角度,自上而下)和颜色等级预设(所有产品共享的AI过滤器设置)。然后将相同的 Magic Eraser 工作流程应用于每张产品照片:Background Eraser 应用于所选的背景颜色,AI Enhance 用于锐化,Magic Eraser 画笔用于清理,AI 滤镜用于一致的等级。对于拥有 50-500 个 SKU 的商店,通过 Magic Eraser Premium 进行批处理,在单个会话中对多张照片运行相同的操作。单一工作流程适用于所有人的原则使得产品网格被解读为专业目录而不是相机胶卷转储。
我可以使用 Magic Eraser 准备会员区内容吗?
+
是的。 Squarespace 成员区域使用与公共页面相同的图像块类型(横幅、图库块、内容图像、视频缩略图),因此适用相同的 Magic Eraser 工作流程。一项操作说明:会员区内容通常是封闭的教育或优质材料(在线课程、付费新闻通讯、付费社区),因此图像质量标准通常高于公共营销页面 - 当视觉制作是业余的时,会员每月支付 20-200 美元以获得访问通知。计划对会员区图像进行与销售会员资格的营销网站相同级别的图像修饰。
这与使用 Squarespace 的内置图像编辑器相比如何?
+
Squarespace 的内置图像编辑器可以处理裁剪、焦点设置、基本滤镜应用和简单的大小调整 - 对于编辑器内的即时调整非常有用。 Magic Eraser 处理 Squarespace 的编辑器不具备的操作:对象删除(干扰、意外人物、水印)、背景交换(杂乱的家庭背景以干净的工作室颜色)、AI 填充油漆(将源照片扩展到断点安全尺寸)和 AI Enhance (放大和锐化弱光手机照片)。正确的形状是连续的:首先在 Magic Eraser 中准备主要变换,然后使用 Squarespace 的编辑器进行最终裁剪和焦点。
Squarespace 博客封面图像需要在多种缩略图裁剪下工作怎么办?
+
Squarespace 博客封面图像在帖子页面上以全屏 1500×750 呈现,在博客索引中以 600×300 呈现 2:1 缩略图,在摘要块网格中以 250×250 呈现 1:1 方形 — 并且平台从源向下裁剪。最干净的工作流程:以 1500×750 准备封面,主题足够居中,以便 1:1 裁剪仍然可以读取,如果源本身不是 2:1,则 AI 填充会覆盖,Magic Eraser 笔刷会在最终导出之前消除干扰。对于大量使用摘要块的网站(主页功能行、相关帖子模块),这种纪律是有回报的,因为相同的封面图像在每个上下文中都可以清晰地读取。
整个 Squarespace 网站的一个工作流程
Magic Eraser 使用一种一致的编辑方法准备横幅、商务产品照片、图库块集、博客封面和会员区内容 - 每张图像只需几分钟即可通过电话发布。 Web、iOS 和 Android 上的免费套餐。
免费尝试 Magic Eraser相关使用场景
了解专业人士如何在实际工作流程中使用这些工具。
相关对比
了解 Magic Eraser 与类似工具的对比。
TouchRetouch是一款热门的付费移动应用,专注于移除物体和瑕疵。Magic Eraser提供免费的AI编辑功能,无需安装即可在任何设备上使用。比较功能、价格和易用性。
Cleanup.pictures是一款免费的网页端快速物体移除工具。Magic Eraser提供8种AI编辑工具、移动应用和高级处理能力。查看详细对比。
remove.bg是抠图市场的领导者,提供强大的API以及Photoshop和Figma插件。Magic Eraser更进一步,将物体移除、生成填充、AI增强、设计等八大AI工具集于一体。
两款各具优势的强大AI照片编辑器。Magic Eraser提供更广泛的生成式AI工具集,而Photoroom在电商产品摄影和批量处理方面表现出色。看看哪款更适合您的工作流程。
其他集成
探索更多可与 Magic Eraser 搭配使用的平台。