MENU
IBIGENT BLOG
홈페이지 만드는 법 5편, 참고 그림으로 홈페이지 만들기

[아이비전트] 2026-10-27 · 아이비전트

아이비전트

홈페이지 만드는 법 5편, 참고 그림으로 홈페이지 만들기

요약

화면 캡처나 카탈로그 그림 한 장을 넣어 그림 속 메뉴와 글로 새 홈페이지를 만드는 순서를 실제 화면과 영상으로 정리했습니다.

비전트 AI 호스팅 · 편집기 시작하는 7가지 방법 5편

메뉴나 소개 글이 담긴 화면 캡처, 카탈로그 그림을 넣으면 그림 속 메뉴와 글을 읽어 새 홈페이지를 만듭니다. 그림 속 사진과 로고는 옮기지 않습니다.

지금 홈페이지 주소가 없거나 종이 카탈로그만 있을 때 쓰는 방법입니다. 아이비전트(IBIGENT) 비전트 AI 호스팅 편집기에서 시험 사이트의 정비 서비스 화면 캡처 한 장으로 실제로 끝까지 만들어 본 순서를 화면과 영상으로 정리했습니다.

순서

1
「이미지 참고하기」를 누른다
편집기 첫 화면이나 편집기 오른쪽 「새 홈페이지 제작」 창에서 5번을 누릅니다.
2
참고할 그림을 넣는다
[그림 고르기]를 누르거나 화면 캡처를 Ctrl+V로 붙여 넣습니다. 그림은 1장입니다.
3
담을 내용을 적는다(선택)
그림에 없는 회사 소개 같은 내용이 있으면 적습니다.
4
글 만드는 방식과 메뉴 방식을 고른다
원문 그대로 또는 원문 개선, 원페이지형 또는 서브메뉴형을 고릅니다.
5
메뉴를 확인하고 만든다
서브메뉴형이면 제안된 메뉴를 고친 뒤 「이 구성으로 만들기」를 누릅니다. 수십 분 걸립니다.

1. 「이미지 참고하기」 누르기

편집기 오른쪽 「새 홈페이지 제작」을 누르면 7가지 방법이 나옵니다. 아래 줄 5번을 누릅니다.

새 홈페이지 제작 창의 방법 고르기 단계, 7가지 방법 카드
「새 홈페이지 제작」 창, 5번 「이미지 참고하기」

2. 그림 넣기

[그림 고르기]를 누르거나, 화면을 캡처한 뒤 이 창에서 Ctrl+V로 붙여 넣습니다. 그림은 1장 넣을 수 있고, 다시 넣으면 앞 그림이 바뀝니다.

참고 그림 넣는 칸, 그림 고르기 버튼, 담을 내용 입력칸과 메뉴 방식 선택
그림 넣기, 담을 내용, 글 만드는 방식, 메뉴 방식
구분내용
넣을 수 있는 그림PNG, JPG, GIF, WEBP. 6MB까지
담을 내용 (선택)그림에 없는 내용을 1,000자까지 적습니다. 예) 회사 소개, 설립 연도, 주요 거래처
가져오지 않는 것그림 속 사진, 로고

3. 글 만드는 방식과 메뉴 방식 고르기

고르는 것내용
원문 그대로그림에서 읽은 문장을 고치지 않고 그대로 씁니다.
원문 개선이름, 숫자 같은 사실은 그대로 두고 문장을 읽기 좋게 다듬어 씁니다.
원페이지형한 화면에 메뉴별 구역이 이어지는 사이트입니다. 메뉴 확인 없이 바로 만듭니다. 사이트 전체가 바뀐다는 확인 칸에 체크하고 「만들기」를 누릅니다.
서브메뉴형메뉴마다 페이지가 따로 있는 사이트입니다. 「다음」을 누르면 AI가 메뉴를 제안합니다.

4. 메뉴 확인하고 만들기

서브메뉴형이면 회사 정보와 메뉴를 고친 뒤 「이 구성으로 만들기」를 누릅니다. 큰 메뉴 5개, 하위 메뉴 10개까지 넣을 수 있습니다. 메뉴 확인 화면은 2편 채팅으로 새로 만들기와 같습니다.

AI가 정한 메뉴로 바로 만들지 않습니다. 만들기 전에 제안된 메뉴를 보고 직접 고칠 수 있습니다.

AI가 메뉴를 제안하는 중 진행 막대
AI가 메뉴를 제안하는 중, 보통 몇 분
메뉴 확인 화면, 회사 정보와 큰 메뉴·하위 메뉴 구성
메뉴 확인, 회사 정보와 메뉴 이름, 하위 메뉴 종류(내용 페이지 / 사진 소개)
메뉴 확인 화면 아래, 바뀌는 것과 되돌리기 안내, 확인 체크와 이 구성으로 만들기 버튼
메뉴 확인 아래, 바뀌는 것과 되돌리기, 확인 체크, 「이 구성으로 만들기」
구분내용
바뀌는 것사이트 전체(모든 페이지, 메뉴, 디자인)
그대로인 것도메인, 문의 접수 기록, 방문자 분석
걸리는 시간수십 분. 창을 닫아도 계속 만들어집니다.
새 홈페이지를 만드는 중 진행 막대와 걸린 시간
만드는 중, 창을 닫아도 계속 만들어집니다
새 홈페이지가 만들어졌습니다 화면, 사이트 보기와 편집기 새로 열기 버튼
완성, 「사이트 보기」와 「편집기 새로 열기」

되돌리고 싶을 때

만들기 직전에 사이트 전체가 자동으로 백업됩니다. 편집기 위쪽 「저장본 되돌리기」에서 「사이트 전체 백업」을 고르면 만들기 전 사이트로 돌아갑니다.

이전 편과 다음 편

이전 편: 주소(URL)로 만들기
다음 편: 문서로 만들기

비전트 AI 호스팅 편집기 시작하는 7가지 방법

  1. 1. 템플릿으로 만들기
  2. 2. 채팅으로 새로 만들기
  3. 3. 사용 중인 AI로 연결
  4. 4. 주소(URL)로 만들기
  5. 5. 참고 그림으로 만들기
  6. 6. 문서로 만들기
  7. 7. ZIP 파일 올리기

참고 그림 한 장으로 시작해 보세요

14일 무료체험으로 편집기를 열 수 있습니다. 비전트 AI 호스팅 보기

자주 묻는 질문

Q.어떤 그림을 넣을 수 있나요?
PNG, JPG, GIF, WEBP 그림 1장을 6MB까지 넣을 수 있습니다. [그림 고르기]를 누르거나 화면 캡처를 Ctrl+V로 붙여 넣습니다.
Q.그림 속 사진과 로고도 옮겨지나요?
옮기지 않습니다. 그림 속 메뉴와 글만 읽고, 새 홈페이지의 사진은 새로 넣습니다.
Q.그림에 없는 내용은 어떻게 넣나요?
「담을 내용」 칸에 회사 소개, 설립 연도, 주요 거래처 같은 내용을 1,000자까지 적을 수 있습니다.
Q.만든 뒤 예전 사이트로 되돌릴 수 있나요?
만들기 직전에 사이트 전체가 자동으로 백업됩니다. 편집기 위쪽 「저장본 되돌리기」에서 「사이트 전체 백업」을 고르면 됩니다.

관련 글