Create and export images (image ads, backup images) - Google Web Designer
Google Web Designer의 콘텐츠 제작 도구를 사용해 이미지 광고를 만들어 JPG 또는 PNG 이미지로 내보낼 수 있습니다.
이미지 광고 만들기
Google Web Designer에서는 특정 문서 유형을 사용하거나 기존 문서의 이미지 버전(AMP HTML 및 동영상 문서 제외)을 내보내 이미지 광고를 만들 수 있습니다.
새 이미지 광고를 만드는 방법은 다음과 같습니다.
- 상단 메뉴에서 파일 > 새 항목...을 선택하거나 시작 페이지에서 새 파일 만들기를 선택합니다.
- 왼쪽 패널에서 광고 유형으로 이미지를 선택합니다.
- 파일 이름을 입력하고 파일 위치를 선택합니다.
- 광고의 크기를 선택합니다.
- 맞춤 - 너비와 높이를 지정하려면 맞춤을 선택합니다.
- 여러 크기의 레이아웃 - 여러 크기의 광고를 게시하려면 이 체크박스를 선택합니다. (이 옵션은 나중에 변경할 수 있습니다.)
- 확인을 누릅니다.
기존 문서에서 이미지를 내보내는 방법은 이미지 광고 내보내기를 참고하세요.
이미지 광고 작업하기
대부분의 도구는 이미지 광고에서 사용할 수 있지만, 일부 제한사항이 있습니다. 이러한 제한사항에도 불구하고 HTML5 광고에서 이미지를 내보내는 것보다 이미지 광고를 만드는 것이 좋은 이유는 다음과 같습니다.
- 이미지로 내보낼 수 있는 콘텐츠만 만들어야 합니다.
- 배경화면 도구, 다양한 크기의 레이아웃, 변형 등의 기능을 사용할 수 있습니다.
- Campaign Manager 360 및 Display & Video 360에 이미지를 직접 게시할 수 있습니다.
여러 크기의 레이아웃
여러 크기의 레이아웃을 사용하면 Google Web Designer의 반응형 워크플로를 통해 다양한 광고 크기에 맞게 이미지 광고를 조정할 수 있습니다. 각 크기는 별도의 이미지 파일로 내보내집니다.
여러 크기의 레이아웃에 대해 자세히 알아보세요.
변형
변형을 사용하면 단일 문서 내에서 각기 다른 스타일과 콘텐츠로 다양한 버전의 이미지 광고를 제작할 수 있습니다. 예를 들어 한 이미지 문서에 다양한 제품에 대한 여러 변형이 있을 수 있으며, 각 변형은 제품에 따라 텍스트 및 이미지로 전환됩니다. 각 변형은 별개의 이미지 파일로 내보내집니다.
변형에 대해 자세히 알아보세요.
제한사항
이미지 광고에서는 다음 기능을 사용할 수 없습니다.
- 페이지
- 구성요소
- 이벤트 및 자바스크립트 라이브러리
- 타임라인 및 애니메이션
- 모션 경로
- 광고 검사기
- 광고 환경
- 이미지 광고와 다른 문서 유형 간의 복사 및 붙여넣기
- 브라우저에서 이미지 광고 미리보기
- 여러 이미지 광고를 동시에 게시하기
- Google Drive 또는 Studio에 게시하기
이미지 광고 미리보기
여러 크기의 레이아웃을 사용 중인 경우 반응형 미리보기 패널을 사용하여 광고가 여러 크기에서 어떻게 표시되는지 확인할 수 있습니다.
다른 사용자가 검토할 수 있도록 이미지 광고의 온라인 미리보기를 생성할 수도 있습니다.
- 미리보기 버튼을 클릭합니다
- 공유 가능한 링크 가져오기를 선택합니다.
- 이미지 광고가 여러 크기의 레이아웃을 사용하는 경우 미리보기에 포함할 크기를 선택합니다.
- 이미지 광고에 변형이 있는 경우 미리보기에 포함할 변형을 선택합니다.
- 링크 생성을 클릭합니다.
- QR 코드를 스캔하거나 링크 복사를 클릭하여 미리보기 페이지의 URL을 확인할 수 있습니다.
미리보기 URL은 누구나 볼 수 있으며 14일 후 만료됩니다.
이미지 광고 게시하기
문서를 이미지 파일로 내보낼 준비가 되면 파일 > 게시 메뉴 명령어 또는 게시 버튼을 사용합니다. 로컬에서, Campaign Manager 360 또는 Display & Video 360에 게시할 수 있습니다.
Campaign Manager 360 또는 Display & Video 360에 게시할 때마다 이미지 광고는 새 광고 소재로 추가된다는 것에 유념하세요. 현재 기존 Campaign Manager 360 또는 Display & Video 360 광고 소재를 업데이트하거나 덮어쓸 수 없습니다.
내보내기 대화상자에는 이미지 광고에만 제공되는 옵션이 포함되어 있습니다.
- 이탈 URL(Display & Video 360만 해당) - 이미지 광고의 클릭연결 URL
- 다음 형식으로 내보내기 - JPG 또는 PNG 형식의 이미지 형식
- 화질(JPG 전용) - 화질 수준
- 변형(여러 변형만 해당) - 전체 또는 선택한 변형
이미지 광고에 여러 크기의 레이아웃이 있으면 각 게재 크기가 개별 이미지로 내보내집니다. 여러 변형을 선택하면 각 변형이 개별 이미지로 내보내집니다. 게재 크기와 변형이 여러 개 있는 경우 크기와 변형의 조합을 각각 별도의 이미지로 내보냅니다.
JPG 화질 미리보기
내보내기 형식으로 JPG를 선택하면 화질 수준을 0%에서 100%로 설정할 수 있습니다. 화질이 낮을수록 파일 크기가 작아지고 이미지가 압축되지만, 세부정보는 손실되거나 아티팩트가 추가될 수 있습니다. 허용되는 화질 수준을 확인하는 데 도움이 되도록 내보내기 대화상자에서 JPG 화질 확인 버튼을 클릭하여 내보낸 JPG가 어떻게 보이는지 미리 볼 수 있습니다.
원본 이미지는 비교를 위해 왼쪽에 표시되고 압축된 이미지는 오른쪽에 표시됩니다. 미리보기 중인 이미지의 버전을 전환할 수 있습니다.
- 여러 크기 미리보기(여러 크기의 레이아웃만 해당) - 미리보기 크기 드롭다운 또는 오른쪽 상단의 화살표 버튼을 사용합니다.
- 여러 변형 미리보기(여러 변형만 해당) - 변형 드롭다운을 사용합니다.
- 다른 화질 수준 미리보기 - 화질 슬라이더 또는 오른쪽에 있는 비율 입력란을 사용합니다.
이미지 광고 내보내기
Google Web Designer에서 HTML5 광고를 제작한 경우(문서 생성 시 배너, 확장형 또는 전면 광고 유형 사용) 이를 이미지로 내보낼 수 있습니다.
이미지로 내보내는 방법은 다음과 같습니다.
- 상단 메뉴에서 파일 > 이미지 내보내기... 명령어를 선택합니다.
- 다음 설정을 입력합니다.
- 이름 - 이미지의 파일 이름
- 위치 - 이미지의 위치
- 다음 형식으로 내보내기 - JPG 또는 PNG 형식의 이미지 형식
- 화질(JPG 전용) - 화질 수준
- 변형(동적 광고만 해당) - 전체 또는 선택한 변형
- 페이지(여러 페이지가 있는 광고만 해당) - 페이지
- 캡처 시간(애니메이션이 있는 광고만 해당) - 애니메이션의 종료, 시작 또는 특정 시간
- 내보내기를 클릭합니다.
반응형 광고의 경우 각 게재 크기가 별도의 이미지 광고로 내보내집니다.
Ads Creative Studio 계정이 있으신가요?
이미지 광고를 내보낸 후에는 Google Web Designer에서 직접 JPG 또는 PNG 파일을 Ads Creative Studio 애셋 라이브러리에 업로드할 수 있습니다.
제한사항
다음 일부 HTML5 광고 기능은 이미지 내보내기 시 지원되지 않습니다.
- 여러 페이지(한 페이지만 내보낼 수 있음)
- 구성요소
- 이벤트
- 하이퍼링크
- 애니메이션(단일 프레임을 내보낼 수 있음)
- 동적 광고의 샘플 데이터