> ## Documentation Index
> Fetch the complete documentation index at: https://help.studiomaker.jp/llms.txt
> Use this file to discover all available pages before exploring further.

# ビフォーアフター実例集

> 実際の作例を、ビフォーアフターで見ながらイメージをつかめます。

実際にどんなことができるのか、ビフォーアフターで見てみましょう。元の写真がどう変わるかを見ると、自分のお店でどう使えるかがイメージしやすくなります。

## 衣装を変える

<CardGroup cols={2}>
  <Card title="ビフォー" icon="image">
    <img src="https://mintcdn.com/commondoinc/-B9t4rOcUlekp00E/images/examples/costume-before.png?fit=max&auto=format&n=-B9t4rOcUlekp00E&q=85&s=46cf39f69e02b750eb22e4097590d0c8" alt="衣装変更前" width="1086" height="1448" data-path="images/examples/costume-before.png" />
  </Card>

  <Card title="アフター" icon="shirt">
    <img src="https://mintcdn.com/commondoinc/-B9t4rOcUlekp00E/images/examples/costume-after.png?fit=max&auto=format&n=-B9t4rOcUlekp00E&q=85&s=2afcd2526cba695b2bef57bff9207c9d" alt="衣装変更後" width="1664" height="2224" data-path="images/examples/costume-after.png" />
  </Card>
</CardGroup>

## 背景を変える

<CardGroup cols={2}>
  <Card title="ビフォー" icon="image">
    <img src="https://mintcdn.com/commondoinc/-B9t4rOcUlekp00E/images/examples/background-before.png?fit=max&auto=format&n=-B9t4rOcUlekp00E&q=85&s=462ea5427742fdfd515c06740839985b" alt="背景変更前" width="1086" height="1448" data-path="images/examples/background-before.png" />
  </Card>

  <Card title="アフター" icon="image">
    <img src="https://mintcdn.com/commondoinc/bJpJwfBMg1kJqdbU/images/_placeholder.svg?fit=max&auto=format&n=bJpJwfBMg1kJqdbU&q=85&s=2706e44e0d2dcb9bdfb3fb5bca2816e1" alt="背景変更後" width="1280" height="800" data-path="images/_placeholder.svg" />
  </Card>
</CardGroup>

## 不要なものを消す

<CardGroup cols={2}>
  <Card title="ビフォー" icon="image">
    <img src="https://mintcdn.com/commondoinc/bJpJwfBMg1kJqdbU/images/_placeholder.svg?fit=max&auto=format&n=bJpJwfBMg1kJqdbU&q=85&s=2706e44e0d2dcb9bdfb3fb5bca2816e1" alt="不要物ありの元画像" width="1280" height="800" data-path="images/_placeholder.svg" />
  </Card>

  <Card title="アフター" icon="eraser">
    <img src="https://mintcdn.com/commondoinc/bJpJwfBMg1kJqdbU/images/_placeholder.svg?fit=max&auto=format&n=bJpJwfBMg1kJqdbU&q=85&s=2706e44e0d2dcb9bdfb3fb5bca2816e1" alt="不要物を消した画像" width="1280" height="800" data-path="images/_placeholder.svg" />
  </Card>
</CardGroup>

## 画質を上げる

<CardGroup cols={2}>
  <Card title="ビフォー" icon="image">
    <img src="https://mintcdn.com/commondoinc/-B9t4rOcUlekp00E/images/examples/upscale-before.png?fit=max&auto=format&n=-B9t4rOcUlekp00E&q=85&s=b3b03686955e6ab8cf8aac56c72eeb55" alt="高解像度化前" width="1086" height="1448" data-path="images/examples/upscale-before.png" />
  </Card>

  <Card title="アフター" icon="sparkles">
    <img src="https://mintcdn.com/commondoinc/-B9t4rOcUlekp00E/images/examples/upscale-after.png?fit=max&auto=format&n=-B9t4rOcUlekp00E&q=85&s=8e32096b3d972a3937aea52870e76236" alt="高解像度化後" width="1086" height="1448" data-path="images/examples/upscale-after.png" />
  </Card>
</CardGroup>

<Note>
  気になる仕上がりがあれば、その作り方は各機能のページで確認できます。
</Note>

次の一手 → [はじめての方へ（全体の流れ）](/start/overview)