반응형 문서 미리보기

반응형 기능은 AMP HTML 광고에서 지원되지 않습니다. 동영상 광고, 애니메이션 GIF 및 이미지 광고는 여러 크기의 레이아웃을 사용할 수 있습니다.

반응형 미리보기를 사용하면 문서가 미리보기와 같은 여러 크기에서 어떻게 보이는지 한눈에 볼 수 있습니다.

반응형 미리보기는 미리보기에 사용 설정된 크기를 모두 포함하며, 반응형 문서에만 사용할 수 있습니다.

문서 작성 중 미리 보기

반응형 미리보기 패널은 스테이지 옆에 표시되며, 문서를 변경하면 자동으로 업데이트됩니다. 이 패널의 미리보기에는 현재 페이지와 타임라인의 위치도 반영됩니다. 즉, 페이지를 전환하거나 애니메이션을 미리 보고 스크러빙할 수 있습니다.

이벤트가 어떻게 작동하는지 확인하려면 브라우저에서 문서를 미리보기하세요.

다음 방법 중 하나를 사용하여 '반응형 미리보기 패널'을 열거나 닫습니다.

패널이 열리면 오른쪽 상단에 있는 X를 클릭하여 닫을 수도 있습니다.

스테이지에 가장 가까운 패널의 가장자리를 드래그하여 반응형 미리보기 패널의 너비 또는 높이를 변경하세요.

'반응형 미리보기' 패널을 위, 아래 또는 스테이지 왼쪽이나 오른쪽으로 이동할 수 있습니다.

패널을 표시할 새 위치에 노란색 막대가 나타날 때까지 패널 상단에 있는 핸들 을 드래그합니다.

'반응형 미리보기' 패널에서 미리보기를 클릭하여 '반응형' 패널에서 해당 크기를 선택합니다.

반응형 미리보기 패널에서 미리보기 위로 마우스를 가져가면 미리보기의 오른쪽 상단에 회색 X가 표시됩니다. 해당 미리보기 크기의 사용을 중지하려면 X를 클릭합니다.

Google Web Designer 창 오른쪽 상단에 있는 '미리보기' 버튼을 눌러 브라우저에서 미리보기를 엽니다.

브라우저의 반응형 미리보기에서는 선택할 수 있는 모드와 크기가 다양합니다. 크기 목록에는 광고 환경에 사용되는 일반적인 크기 외에도 직접 사용 설정한 맞춤 게재 크기가 포함됩니다.

문서를 하나의 크기로만 미리 보려면 이 모드를 선택하세요.

크기 표시 - 보려는 크기를 선택합니다.
맞춤 크기 - 단일 크기 > 맞춤을 선택한 경우, 이 입력란을 수정하거나 미리보기의 크기 조절 핸들을 드래그하거나 미리보기 영역의 상단이나 왼쪽에 있는 회색 막대를 클릭하여 새로운 크기를 설정할 수 있습니다.

여러 크기로 문서를 미리 보려면 이 모드를 선택하세요.

어떻게 하면 개선할 수 있을까요?