埋め込み用ビフォーアフタースライダーを作成
公開画像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
Webサイト用のビフォーアフター画像比較スライダーの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 の名前付き形式の間で色を変換します。ライブ プレビューを表示し、任意の値をコピーし、カラー カードをエクスポートします。サインアップは必要ありません。
HEX カラー コードを RGB 値に、またはその逆に変換します。ライブ プレビュー、ワンクリック コピー、CSS スニペット出力。サインアップは必要ありません。ブラウザで動作します。
アップロードされた画像から任意の色を選択すると、その HEX、RGB、および HSL コードが即座に取得されます。 Web デザイン、ブランディング、イラスト用の写真からパレットを作成します。
写真をアップロードし、HEX、RGB、HSL コードを使用して 5 ～ 10 の主要な色を抽出します。スウォッチをコピーし、ASE または CSS 変数としてエクスポートします。サインアップは必要ありません。
URL、テキスト、WiFi 認証情報、および vCard の QR コードを生成します。色をカスタマイズし、センターのロゴを追加し、PNG または SVG としてダウンロードします。サインアップは必要ありません。