現在と昔の渋谷の変貌
画像比較スライダー
TRY THE SLIDER
比較用使用素材
画像比較スライダーの使い心地をすぐに試せるよう、テーマ別のビフォー／アフター素材を用意しています。気になるカテゴリを開き、画像を選んで比較してみてください。
現在と昔の人々の暮らしの違い
アメリカのシリコンバレーと東京の街並みの対比
iPhone3GとiPhone17 Proの外観の対比
オックスフォードシャツとオープンカラーシャツの対比
カメレオンの体の色の変化
ダイエット前とダイエット後の姿の対比
子どもの成長前後の比較
普段の自分とハロウィンのコスプレをした自分の対比
冬季と夏季の顔の対比
メイク前後の自分の顔の比較
幼少期と成人の同一人物の顔の対比
掃除をした箇所のビフォーアフター
学習前後の成果物の対比
洋服の汚れ落としのビフォーアフター
BEFORE YOU COMPARE
利用案内・注意事項
画像を気持ちよく、安全に比較していただくための目安と、当サイトのデータの取り扱いをまとめています。
快適に比較するために
- 対応画像フォーマット：JPEG, PNG, WebP
- 推奨サイズ：長辺2000px以内
- 顔だけ比較モードでは、顔が正面に近く、目元が見える写真をおすすめします。
ご利用時のお願い
- アップロードされた画像はサーバに保存されません
- 画像の悪用・転載は一切行いません
- 不具合・ご要望は「要望・バグ報告」よりご連絡ください
YOUR PRIVACY
プライバシーポリシー
当サイトは、サービス提供に必要な範囲で情報を取得します。
1. 利用目的
- 画像比較機能の提供
- サービス改善・不正利用の防止
2. 保存・削除
- 画像は比較処理のために一時的に利用し、処理後は速やかに削除します。
- サーバには一切保存されません。
3. 第三者提供
- 法令に基づく場合を除き、第三者に提供することはありません。
4. 外部サービス
- CDN等の外部サービスを利用する場合があります。
- 顔ランドマークの検出と画像処理は、MediaPipe Face Landmarkerを用いて利用者のブラウザ内で行われます。
5. お問い合わせ
プライバシーポリシーに関するお問い合わせは「要望・バグ報告」よりご連絡ください。
ABOUT THIS PROJECT
開発者・当サイト紹介
このサイトは、ビフォー／アフター画像の違いを直感的に見比べられる、小さな学習プロジェクトから生まれた画像比較ツールです。
開発者について
東京都在住のエンジニア Yuuki が、Java・AWS・JavaScriptなどを学ぶ過程で制作しています。実装した機能を実際に公開し、使いやすさを見直しながら育てているポートフォリオです。
このサイトで大切にしていること
難しい操作を増やさず、画像を選ぶだけで比較を始められることを目指しています。顔だけ比較モードでは、MediaPipe Face Landmarker を使って目元を基準に位置を整え、変化に目を向けやすくします。
こんな比較に役立ちます
風景や製品、人物、顔、制作物など、時間や手を加えることで生まれた変化を、同じ視点で確かめたい場面に使えます。
- 街並みや季節の移り変わり
- 製品・衣類・持ち物の違い
- 成長やスタイルの変化
- メイクや表情など、顔の印象の比較
- 清掃・練習・制作の成果