Chrome 웹 스토어 및 Google Chrome 브라우저에서 사용할 여러 종류의 이미지를 제공해야 합니다.
앱 아이콘, 작은 홍보 이미지, 스크린 샷만 필수입니다. 그러나 필수 및 선택적 이미지의 매력적인 버전을 제공하면 앱이 주목 받을 가능성이 높아집니다. 예를 들어, 크거나 움직이는 홍보 이미지를 제공하지 않으면 앱을 추천 할 수 없습니다.
App icon
앱의 ZIP 파일에 128x128 픽셀 앱 아이콘 이미지를 제공해야 합니다. 이미지에 대한 몇 가지 요구 사항 :
Chrome 15부터 제공하는 이미지는 새 탭 페이지에서 동적으로 크기가 조정됩니다. 크기는 전체 브라우저 창 크기에 의해 결정됩니다.
참고 : 아이콘이 잘 보이는지 확인하려면 Chrome 웹 스토어에서 앱 목록을 미리 봅니다. 설치 가능한 웹 앱에서 작업하는 경우 새 탭 페이지에서도 아이콘을 확인해야 합니다. 이렇게 하려면 압축을 푼 앱을 로드하고 새 탭 페이지를 표시 한 다음 몇 가지 테마를 적용하여 다양한 배경에서 아이콘을 볼 수 있습니다.
아이콘을 디자인 할 때 다음 사항에 유의하십시오.
다음은 이러한 지침을 따르는 몇 가지 아이콘입니다.
참고 : 알파가 없는 이미지를 업로드하면 모서리가 둥근 프레임 (12 픽셀 모서리 반경)에 배치됩니다.
Icon size
모든 앱 아이콘은 대략 동일한 영역을 차지하는 동일한 시각적 가중치를 가져야 합니다. 다음 그림에서 볼 수 있듯이 사용 가능한 영역을 채우기 위해 아이콘의 크기를 조정하면 사각형 및 원형 아이콘이 다른 모양의 아이콘에 비해 원래 크기보다 훨씬 큽니다.
다음 그림과 같이 아이콘 크기를 정규화 하면 아이콘이 대략적으로 균일 한 영역과 시각적 가중치를 제공합니다.
다음 템플릿 이미지를 사용하여 이미지 아트 워크의 크기를 판단 할 수 있습니다. 템플릿은 정사각형과 원의 정확한 크기를 보여 주지만 이는 단지 안내 선일 뿐입니다. 뾰족한 부분이 있는 아이콘은 이 영역 밖에 있을 수 있습니다. 불규칙한 모양의 아이콘이 매우 적은 영역을 차지하고 대부분 음의 공간 인 경우 전체 128x128 영역을 사용하는 것이 허용 될 수 있습니다.
아트웍 크기에 대한 몇 가지 경험 규칙을 따를 수 있습니다. 정사각형 아이콘의 경우 아트 워크를 96x96 픽셀로 만듭니다. 정사각형 모양의 다른 아이콘의 경우 아트 워크 너비를 이미지 전체 너비의 75-80 %로 만듭니다. 원형 아이콘의 지름은 약 112 픽셀 또는 이미지 너비의 85 % ~ 90 % 여야 합니다. 불규칙한 모양의 아이콘은 비슷한 가중치를 가져야 합니다.
다음 그림은 사각형 및 원형 아이콘을 템플릿과 비교하여 보여줍니다.
다음은 불규칙한 모양의 아이콘의 예입니다. 이 경우 아이콘은 정사각형이나 원형 가이드 라인을 따르지 않지만 둘 다 근처에 맞습니다.
Perspective
유연성과 일관성을 위해 앱 아이콘은 전면을 향해야 합니다. 생생한 느낌을 주는 미묘한 원근 조정은 괜찮지 만 극적인 각도는 피하십시오.
|
|
|
|
Good icons (front facing) |
Bad icons (too-drastic perspective) |
프로모션 이미지
작은 440x280 픽셀 프로모션 이미지를 제공해야 합니다. 스토어에서 앱을 홍보하는 데 사용할 수 있는 다른 이미지를 제공 할 수도 있습니다.
참고 : 스크린 샷과 달리 프로모션 이미지는 현재 로케일 별로 다르지 않습니다. 앱이 여러 로케일을 지원하는 경우 앱 기능의 그래픽 표현에 초점을 맞춰 텍스트를 피하거나 프로모션 이미지를 사용자가 가장 많은 로케일로 타겟팅 하는 것이 좋습니다.
참고 : 이미지가 Google 브랜드를 언급하는 경우 브랜드 가이드 라인을 따르세요.
작은 홍보 이미지 만 필요하지만 Chrome 웹 스토어에서 앱을 더 눈에 띄게 표시하려면 더 큰 홍보 이미지를 제공 할 수도 있습니다. 다음 중 하나를 제공 할 수 있습니다.
참고 : 작은 프로모션 이미지가 없는 앱은 해당 이미지가 있는 앱 뒤에 표시됩니다. 작은 프로모션 이미지가 필요하기 전에 앱이 게시 된 경우 앱이 더 눈에 잘 띄게 표시 될 수 있도록 해당 이미지를 추가해야 합니다.
프로모션 이미지는 사용자의 관심을 끌고 더 많은 정보를 얻도록 유도 할 수 있는 기회입니다. 스크린 샷 만 사용하지 마십시오. 이미지는 주로 브랜드를 전달해야 합니다. 다음은 이미지 디자인을 위한 몇 가지 경험 규칙입니다.
다음 그래픽은 앱 홍보 이미지의 예입니다.
|
|
Small promo image (440x280) (full size) |
Large promo image (920x680) (full size) |
|
Marquee (1400x560) (full size) |
참고 : 개발자 대시 보드 내의 각 항목 목록에서 프로모션 이미지의 검토 상태를 찾을 수 있습니다. 항목 목록에서 '수정'을 클릭하고 프로모션 이미지 섹션까지 아래로 스크롤 합니다. 프로모션 이미지 상태에 대해 궁금한 점이 있으면 cws-assets@google.com으로 문의하세요.
다음은 검토 상태에 대한 설명입니다.
Screenshots
앱의 스토어 목록에 표시하려면 앱의 스크린 샷을 1 개 이상 제공해야 하며, 가능하면 최대 5 개까지 허용해야 합니다. 앱이 여러 로케일을 지원하는 경우 앱 국제화에 설명 된대로 로케일 별 스크린 샷을 제공 할 수 있습니다.
앱 목록을 편집 할 때 스크린 샷의 썸네일 위에 마우스를 올리면 스크린 샷을 삭제하거나 위치를 변경할 수 있는 컨트롤이 나타납니다.
각 스크린 샷은 다음과 같아야 합니다.
참고 : 큰 스크린 샷은 고해상도 디스플레이에서 더보기 좋으므로 1280x800 스크린 샷이 선호됩니다. 현재 모든 스크린 샷은 640x400 픽셀로 축소됩니다. 축소했을 때 스크린 샷이 좋지 않거나 (예 : 텍스트가 많음) 1280x800이 앱에 비해 너무 큰 경우 (예 : 저해상도 게임의 스크린 샷) 640x400 스크린 샷을 업로드 할 수 있습니다.
예를 들어, 다음은 앱에 대한 5 개의 스크린 샷 이미지입니다.
|
|
Screenshot #1 (full size) |
Screenshot #2 (full size) |
|
|
|
Screenshot #3 (full size) |
Screenshot #4 (full size) |
Screenshot #5 (full size) |
다음은?
다음으로 앱 게시를 읽어보세요.
https://developer.chrome.com/webstore/images
등록된 댓글이 없습니다.