生成可嵌入的前后对比滑块
粘贴公开图片 URL，实时预览，设置高度、标签和初始位置，然后复制独立的 HTML 代码。
免费使用Browser tool
Before-after slider embed generator
Paste image URLs and copy a self-contained HTML comparison slider snippet. Nothing is uploaded.
Live preview
使用方法
粘贴前后图片 URL
粘贴前后图片 URL
调整高度、标签和位置
调整高度、标签和位置
将代码粘贴到网站或 CMS
将代码粘贴到网站或 CMS
功能
易嵌入的 HTML
生成可嵌入网站的前后图片对比滑块 HTML 代码。
实时预览
粘贴公开图片 URL，实时预览，设置高度、标签和初始位置，然后复制独立的 HTML 代码。
无需上传图片
不会。工具只在浏览器中把 URL 写入代码；图片托管服务必须允许公开显示。
After this task
After this free tool, open Magic Eraser for the next AI editing workflow.
Continue with Magic Eraser规格
| 输入 | HTTPS image URLs |
| 输出 | HTML + CSS + JavaScript |
| 处理 | Client-side |
Related Magic Eraser Tools
常见问题
会上传图片吗？
+
不会。工具只在浏览器中把 URL 写入代码；图片托管服务必须允许公开显示。
可以修改代码吗？
+
可以。普通 HTML、CSS 和 JavaScript 均可自定义。
More free tools
Explore our other limited free edits after sign-in photo and image tools.
设计具有多个色标的线性、径向和圆锥渐变。复制 CSS 代码或下载为 PNG 图像。
在 HEX、RGB、HSL、HSB、CMYK 和 CSS 命名格式之间转换颜色。查看实时预览、复制任何值并导出色卡。
将十六进制颜色代码转换为 RGB 值，反之亦然。实时预览、一键复制和 CSS 片段输出。——可在您的浏览器中使用。
从上传的图像中选择任何颜色并立即获取其十六进制、RGB 和 HSL 代码。从照片构建调色板，用于网页设计、品牌推广和插图。
上传照片并使用十六进制、RGB 和 HSL 代码提取 5-10 个主色。复制样本，导出为 ASE 或 CSS 变量。
生成 URL、文本、WiFi 凭证和 vCard 的 QR 码。自定义颜色、添加中心徽标并下载为 PNG 或 SVG。