# URL로 이미지 제작

## 1️⃣ 메뉴 클릭

브이캣 홈 화면 내 <kbd>**URL로 이미지 제작**</kbd> 버튼을 클릭해 주세요.

<figure><img src="https://2149388926-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F31tSd0d475aruNgjm5gq%2Fuploads%2FvgzakZ7gvXvgfBTyIex2%2FURL%EB%A1%9C%20%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%A0%9C%EC%9E%911_%EC%88%98%EC%A0%95.png?alt=media&#x26;token=58e4b725-3c4d-46f8-ab65-ab94b18a12ab" alt=""><figcaption></figcaption></figure>

## 2️⃣ <mark style="color:purple;">상품 URL 입력</mark>

상품페이지 URL을 입력 후 <kbd>**시작하기**</kbd> 버튼을 클릭하면 AI가 분석을 진행합니다.

{% hint style="success" %}
**참고해 보세요!** \
상품 정보가 풍부한 페이지를 넣으면 클릭률을 높이는 배너 이미지를 제작할 수 있습니다.\
기업 홈페이지와 같이 상품 정보가 없는 페이지는 사용을 추천하지 않아요:joy:

\
만약 상품 페이지 분석에 오류가 발생하신다면?\
[크롬 확장 프로그램](https://guide.vcat.ai/ko/url-tools/chrome-extension-install)을 활용해 다시 분석을 진행해 보세요!\
상품 페이지를 더욱 안정적으로 분석할 수 있습니다.
{% endhint %}

<figure><img src="https://2149388926-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F31tSd0d475aruNgjm5gq%2Fuploads%2F8aoOZB8HexXHGy5I6xC4%2FURL%EB%A1%9C%20%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%A0%9C%EC%9E%912.png?alt=media&#x26;token=d74cff25-6606-457b-96f0-36582e0637e2" alt=""><figcaption></figcaption></figure>

## 3️⃣ <mark style="color:purple;">템플릿 선택</mark>

AI가 분석을 끝내면 선택하신 템플릿에 상품 이미지와 문구를 추천해 입력합니다.

{% hint style="success" %}
**참고해 보세요!**

템플릿 제목에는 마케팅 목적, 산업 카테고리와 같은 특징이 해시태그로 작성돼 있어요.\
\#해시태그를 참고해 템플릿을 선택해 보세요!
{% endhint %}

<figure><img src="https://2149388926-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F31tSd0d475aruNgjm5gq%2Fuploads%2FGdrfPhOl881harUa774R%2FURL%EB%A1%9C%20%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%A0%9C%EC%9E%913.png?alt=media&#x26;token=8690a356-0188-4b06-89b9-c2379da4c01f" alt=""><figcaption></figcaption></figure>

## 4️⃣ 사이즈 일괄 선택

이미지를 사용할 매체의 배너 사이즈를 확인한 후, 필요한 사이즈를 모두 선택해 보세요.

### ▶ 추천 사이즈 선택

추천 사이즈는 메타(Facebook, Instagram)와 구글 GDN(Google Display Network)에서 활용 가능한 사이즈로 구성되어 있어요. \
한 번에 최대 20개 사이즈의 배너를 선택할 수 있는 점 참고해 주세요.

<figure><img src="https://2149388926-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F31tSd0d475aruNgjm5gq%2Fuploads%2FL4Xv9nIFy3r8dcjrtQxr%2FURL%EB%A1%9C%20%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%A0%9C%EC%9E%914.png?alt=media&#x26;token=34bccf79-62a5-4d0c-b5e7-b03e3c415bb8" alt=""><figcaption></figcaption></figure>

### ▶ 원하는 사이즈  추가

추천 사이즈 외에 필요한 사이즈가 있다면 직접 사이즈를 입력할 수도 있어요. \
나만의 목록을 만들어 자주 사용하는 사이즈를 간편하게 관리할 수 있답니다!\
하나의 목록에는 최대 20개의 사이즈를 저장할 수 있는 점 참고해 주세요😉

① MY 탭을 클릭합니다.\
② 원하는 사이즈를 직접 입력 후 추가 버튼을 클릭합니다. \
(사이즈는 50\~5000px 범위 내에서 입력 가능해요.)

<figure><img src="https://2149388926-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F31tSd0d475aruNgjm5gq%2Fuploads%2FbnkK58D7fAdiBG01775T%2FURL%EB%A1%9C%20%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%A0%9C%EC%9E%915_%EC%88%98%EC%A0%95.png?alt=media&#x26;token=30279ad2-8cc9-4b3a-b991-d991172f653a" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**참고해 보세요!**

이미지 사이즈 추가 기능은  [<kbd>**프로**</kbd>](https://vcat.ai/payment) 이상 요금제에서 제공하는 기능이에요. \
무료, 스타터 플랜을 사용하고 계시다면 <kbd>**내 사이즈 목록 추가**</kbd> 버튼이 클릭되지 않는 점 참고해 주세요!
{% endhint %}

## 5️⃣ 이미지 편집

### ▶ 미디어 편집

* **이미지 변경**\
  현재 반영된 이미지를 변경할 수 있어요. 아래의 다양한 소스를 활용해 보세요!&#x20;

{% hint style="success" %}
**참고해 보세요!**

* **URL 미디어** : URL 분석을 통해 수집된 이미지
* **무료 미디어 :** 무료로 제공하는 이미지
* **파일 보관함 :** 내가 업로드한 이미지
* **생성 이미지 :** AI 이미지 편집 도구를 활용해 생성한 이미지&#x20;
  {% endhint %}

<figure><img src="https://2149388926-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F31tSd0d475aruNgjm5gq%2Fuploads%2FtH5cixYkKGPHFdqwAHUe%2FURL%EB%A1%9C%20%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%A0%9C%EC%9E%916_%EC%88%98%EC%A0%95.png?alt=media&#x26;token=4afa14a1-21eb-435a-854f-0717a1932bcf" alt=""><figcaption></figcaption></figure>

* **AI 도구 (이미지 자동 편집)**\
  클릭 한 번으로 이미지 편집을 아주 간단하게 해결할 수 있어요!

{% hint style="success" %}
**참고해 보세요!**&#x20;

* **배경 제거** : 상품을 제외한 배경을 깨끗하게 지워줘요.
* **화질 개선** : 낮은 품질의 이미지를 고해상도의 선명한 이미지를 바꿔줘요.
* **이미지 확장** : 배너 템플릿과 원본 이미지의 비율이 다를 때 생기는 여백을 채워줘요.&#x20;
* **개체 삭제** : 이미지에서 특정 부분만 지운 후 빈 공간을 채워요.
  {% endhint %}

<figure><img src="https://2149388926-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F31tSd0d475aruNgjm5gq%2Fuploads%2FpZZJ3W3UdKtNzO4jzW6F%2FURL%EB%A1%9C%20%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%A0%9C%EC%9E%917_%EC%88%98%EC%A0%95.png?alt=media&#x26;token=a9be596d-bb51-4810-8d61-3f9ac6034d1d" alt=""><figcaption></figcaption></figure>

* **이미지 상세 편집**\
  상품 색상 조정, 그림자 삽입 등 다양한 편집 기능을 활용해 보세요.\
  해당 기능들은 배경 제거가 완료된 후 활용이 가능한 점 참고해 주세요!

<figure><img src="https://2149388926-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F31tSd0d475aruNgjm5gq%2Fuploads%2FRaCOXgyWMLmWDqY5oa9A%2FURL%EB%A1%9C%20%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%A0%9C%EC%9E%918_%EC%88%98%EC%A0%95.png?alt=media&#x26;token=1aaaab2f-a094-47db-af32-4cf249af292f" alt=""><figcaption></figcaption></figure>

### ▶ 텍스트 편집

* **텍스트 수정**\
  현재 입력된 텍스트를 변경할 수 있어요. \
  어떤 문구로 작성해야 할지 고민되신다면 아래 내용을 확인해 주세요!

{% hint style="success" %}
**참고해 보세요!**

* **URL 텍스트 :** URL 분석을 통해 수집된 텍스트
* **텍스트 보관함 :** 내가 직접 입력하거나 URL 텍스트에서 자주 사용하는 텍스트를 저장
  {% endhint %}

<figure><img src="https://2149388926-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F31tSd0d475aruNgjm5gq%2Fuploads%2FYh43c3mifuGU1GFCNnl3%2FURL%EB%A1%9C%20%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%A0%9C%EC%9E%9110.png?alt=media&#x26;token=1c9c26da-bf96-4d56-a46d-7fbae47b2c67" alt=""><figcaption></figcaption></figure>

* **텍스트 스타일 변경**\
  텍스트 폰트, 색상, 정렬, 간격도 수정할 수 있어요.\
  상품과 어울리도록 폰트 스타일을 직접 변경해 보세요.

<figure><img src="https://2149388926-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F31tSd0d475aruNgjm5gq%2Fuploads%2FCjudGYyoVffZrzJEfUYs%2FURL%EB%A1%9C%20%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%A0%9C%EC%9E%9114.gif?alt=media&#x26;token=27364795-5271-48ce-ad9a-6a53bb5b9467" alt=""><figcaption></figcaption></figure>

### ▶ 편집 일괄 적용

수정한 이미지나 텍스트를 제작하려는 모든 사이즈에 일괄 적용할 수 있습니다.\ <kbd>**전체 사이즈에 적용**</kbd> 버튼을 클릭해 스타일 싱크 기능을 확인해 보세요.

<figure><img src="https://2149388926-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F31tSd0d475aruNgjm5gq%2Fuploads%2F4N9fJM9k9Rl182U0yIIm%2FURL%EB%A1%9C%20%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%A0%9C%EC%9E%9111_%EC%88%98%EC%A0%95.png?alt=media&#x26;token=0c4dc24c-5e26-4bcb-bd03-2ebebf3c2f86" alt=""><figcaption></figcaption></figure>

## 6️⃣ 이미지 제작 후 활용&#x20;

편집이 모두 끝났다면 에디터 화면 우측 상단의 <kbd>**JPG/PNG 제작**</kbd> 버튼을 클릭합니다.

<figure><img src="https://2149388926-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F31tSd0d475aruNgjm5gq%2Fuploads%2FFYSrLKtFOIDgTLsEPBnx%2FURL%EB%A1%9C%20%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%A0%9C%EC%9E%9112.png?alt=media&#x26;token=e595c4a4-6f1f-4e1d-85e3-3e9d3d0b1e6f" alt=""><figcaption></figcaption></figure>

<kbd>**제작한 이미지**</kbd> 페이지에서 하단의 버튼들을 활용해 보세요.

<figure><img src="https://2149388926-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F31tSd0d475aruNgjm5gq%2Fuploads%2FPRITMazVoDjK9B5Avyxm%2FURL%EB%A1%9C%20%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%A0%9C%EC%9E%9113_%EC%88%98%EC%A0%95.png?alt=media&#x26;token=93f6d221-5aaf-4327-859f-dab2ade2ca97" alt=""><figcaption></figcaption></figure>

### ▶ 다운로드

제작된 이미지를 모두 다운로드 하거나, 원하는 사이즈만 골라서 다운로드할 수 있어요.

<figure><img src="https://2149388926-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F31tSd0d475aruNgjm5gq%2Fuploads%2Fz9mURbsTwyyZ0q3YpxYU%2FURL%EB%A1%9C%20%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%A0%9C%EC%9E%9115_%EC%88%98%EC%A0%95.png?alt=media&#x26;token=68ecf8cd-0bfe-4677-b39e-5936c23f3fc2" alt=""><figcaption></figcaption></figure>

### ▶ 채널 내보내기

제작한 이미지를 바로 페이스북, 인스타그램, 틱톡 광고로 게시해 보세요!\
([사용 방법 알아보기 > 클릭](https://guide.vcat.ai/ko/channel/ad-launcher))

<figure><img src="https://2149388926-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F31tSd0d475aruNgjm5gq%2Fuploads%2FZexxwe2zgZYm2y9hSLGQ%2FURL%EB%A1%9C%20%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%A0%9C%EC%9E%9116_%EC%88%98%EC%A0%95.png?alt=media&#x26;token=cb3c865c-1d25-47ec-aec9-24bad4b08b48" alt=""><figcaption></figcaption></figure>

***

{% tabs %}
{% tab title="더 궁금한 사항을 확인해 보세요" %}

* [스타일 싱크로 전체 사이즈를 적용하고 싶어요. ](https://vcat.ai/help/ko/articles/8021235-%EC%8A%A4%ED%83%80%EC%9D%BC-%EC%8B%B1%ED%81%AC%EB%A1%9C-%EC%A0%84%EC%B2%B4-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0)
* [배너 사이즈를 복제하고 싶어요. ](https://vcat.ai/help/ko/articles/8021233-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%B0%B0%EB%84%88-%EC%82%AC%EC%9D%B4%EC%A6%88-%EB%B3%B5%EC%A0%9C%ED%95%98%EA%B8%B0)
* [이미지 배경 제거 방법이 궁금해요. ](https://vcat.ai/help/ko/articles/8021246-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%B0%B0%EA%B2%BD-%EC%A0%9C%EA%B1%B0%ED%95%98%EA%B8%B0-%EB%88%84%EB%81%BC%EC%BB%B7-%EC%83%9D%EC%84%B1)
  {% endtab %}
  {% endtabs %}