Do Chrome Web Store należy dostarczyć kilka rodzajów obrazów:
Wymagane są tylko ikona rozszerzenia, mały obraz promocyjny i zrzut ekranu. Jednak zapewnienie atrakcyjnych wersji zarówno wymaganych, jak i opcjonalnych obrazów zwiększa jednak szanse na to, że rozszerzenie zostanie zauważone. Na przykład rozszerzenie nie może być widoczne na transparencie, chyba że prześlesz transparentny obraz promocyjny.
Wydajność swojego produktu w Chrome Web Store możesz poprawić, stosując sprawdzone metody dotyczące obrazów i innych informacji w informacjach o produkcie. Więcej informacji o tych sprawdzonych metodach znajdziesz w artykule Tworzenie ciekawej strony z informacjami o aplikacji.
Ikona rozszerzenia
W pliku ZIP rozszerzenia musisz umieścić obraz ikony z rozszerzeniem 128 x 128 pikseli. Oto niektóre wymagania dotyczące obrazu:
- Rzeczywisty rozmiar ikony powinien wynosić 96x96 (w przypadku ikon kwadratowych); dodatkowe 16 pikseli na bok powinno stanowić przezroczyste dopełnienie, co zwiększa całkowity rozmiar obrazu o 128 x 128. Szczegółowe informacje znajdziesz w sekcji Rozmiar ikony.
- Obraz musi być w formacie PNG.
- Obraz powinien dobrze wyglądać zarówno na jasnym, jak i ciemnym tle.
Podczas projektowania ikony pamiętaj o tych wskazówkach:
- Nie umieszczaj krawędzi wokół obrazu o wymiarach 128 x 128 – może to spowodować dodanie krawędzi w interfejsie.
- Jeśli ikona jest przeważnie ciemna, możesz dodać do niej subtelną białą poświatę, która będzie dobrze wyglądać na ciemnym tle.
- Unikaj dużych cieni – interfejs może dodawać cienie. Można użyć małych cieni, aby uzyskać kontrast.
- Jeśli u dołu ikony znajduje się ścięcie, zalecamy głębokość 4 pikseli.
- Ustaw ikonę w stronę gogli, zamiast korzystać z wbudowanej perspektywy. Więcej informacji znajdziesz w witrynie Perspective.
Oto kilka ikon zgodnych z tymi wytycznymi.
|
|
|
Rozmiar ikony
Wszystkie ikony rozszerzeń powinny mieć tę samą wielkość i zajmować mniej więcej ten sam obszar. Jak widać na ilustracji poniżej, po ustawieniu rozmiaru ikony w celu wypełnienia dostępnego obszaru ikony kwadratowe i okrągłe są znacznie większe niż powinny być w porównaniu z ikonami o innych kształtach.
Znormalizowanie rozmiarów ikon, jak widać na następnej ilustracji, powoduje, że ich powierzchnia jest równomierna i wizualna.
Możesz skorzystać z poniższych obrazów szablonów, aby łatwiej określić, jak duży powinien być obraz. Szablony pokazują prawidłowy rozmiar kwadratu i okręgu, ale są to tylko prowadnice – ikony ze spiczastymi fragmentami mogą wykraczać poza te obszary. Jeśli ikona o nieregularnym kształcie zajmuje bardzo niewiele miejsca i jest w większości ujemna, dopuszcza się użycie całego obszaru o wymiarach 128 x 128.
|
|
|
Możesz przestrzegać ogólnych zasad dotyczących rozmiaru grafiki. W przypadku kwadratowej ikony utwórz grafikę o wymiarach 96 x 96 pikseli. W przypadku innych ikon, które są kwadratowe, ustaw szerokość grafiki na 75–80% całkowitej szerokości obrazu. Okrągła ikona powinna mieć średnicę około 112 pikseli lub od 85% do 90% szerokości obrazu. Ikony o nieregularnym kształcie powinny mieć podobną wagę.
Na poniższych ilustracjach widoczne są kwadratowe i okrągłe ikony porównane z szablonami.
|
|
|
|
|
|
Oto przykład ikony o nieregularnym kształcie. W tym przypadku ikona nie jest zgodna z kwadratowymi ani okrągłymi wytycznymi, ale pasuje do obu z nich.
|
|
|
Perspektywa
Aby zapewnić elastyczność i spójność, ikony rozszerzeń powinny być z przodu. Drobne zmiany perspektywy, które dają poczucie namacalności, są dopuszczalne, ale należy unikać ostrych perspektyw.
| Ikony dobrej jakości (z przodu) | Złe ikony (zbyt drastyczna perspektywa) |
|---|---|
|
|
|
|
Obrazy promocyjne
Musisz przesłać jeden mały obraz promocyjny o wymiarach 440 x 280 pikseli. Możesz też udostępnić inne obrazy, których sklep może użyć do promowania rozszerzenia.
Uwaga: jeśli Twoje obrazy odnoszą się do marek Google, postępuj zgodnie ze wskazówkami dotyczącymi promowania marki.
Wymagany jest tylko mały obraz promocyjny, ale możesz też przesłać większe obrazy promocyjne, jeśli chcesz, by Twoje rozszerzenie było lepiej widoczne w Chrome Web Store. Możesz podać po jednym z tych elementów:
- Mały: 440 x 280 pikseli (wymagane)
- Animacja: 1400 x 560 pikseli
Obrazy promocyjne to Twoja szansa na przyciągnięcie uwagi użytkowników i zachęcenie ich do uzyskania dalszych informacji. Nie ograniczaj się do zrzutów ekranu – Twoje obrazy powinny przede wszystkim przedstawiać markę. Oto kilka podstawowych zasad projektowania obrazów:
- Unikaj tekstu.
- Dopilnuj, aby obraz wyświetlał się nawet po zmniejszeniu do połowy.
- Załóżmy, że obraz będzie miał jasnoszare tło.
- W miarę możliwości używaj kolorów nasyconych; to zazwyczaj się sprawdza.
- Unikaj mocnego odcienia bieli i jasnoszarych.
- Wypełnij cały region.
- Upewnij się, że krawędzie są wyraźnie zaznaczone.
Poniższa grafika to przykłady obrazów promocyjnych rozszerzenia:
Oto opis stanów sprawdzania:
- Stan oczekuje na sprawdzenie: zdjęcie nie zostało jeszcze sprawdzone i nie jest wyświetlane w sklepie. Zdjęcia powinny zostać sprawdzone w ciągu tygodnia od przesłania.
- Brak stanu: zdjęcie zostało zatwierdzone i jest wyświetlane w sklepie. [*Obrazy z elementów „Wersja robocza” i „Zaufani testerzy” nie będą oznaczone stanem obrazu. Musisz opublikować produkt, aby uzyskać jego zatwierdzenie.]
- Odrzucono: zdjęcie zostało sprawdzone i odrzucone i nie jest wyświetlane w sklepie. Przyczyny odrzucenia będą widoczne w sekcji Obrazy promocyjne na stronie edycji produktu. Zachęcamy do zapoznania się z przyczynami i wprowadzenia niezbędnych zmian, zanim ponownie prześlesz nowe, poprawione obrazy. Nowe przesłane obrazy od razu otrzymują stan Oczekuje na sprawdzenie.
Aby zastąpić obraz promocyjny, najedź na niego kursorem, aby wyświetlić element sterujący usuwania obrazu.
Zrzuty ekranu
Za pomocą zrzutów ekranu możesz zaprezentować użytkownikom możliwości, wygląd i działanie rozszerzenia. Musisz przesłać co najmniej 1 – a najlepiej 5 – zrzuty ekranu rozszerzenia, które będą wyświetlane w informacjach o aplikacji. Zrzuty ekranu powinny przedstawiać rzeczywiste wrażenia użytkownika, zwracając uwagę na główne funkcje i treści, aby użytkownicy mogli przewidzieć, jak będzie wyglądać rozszerzenie.
Jeśli rozszerzenie obsługuje wiele języków, możesz udostępnić zrzuty ekranu dla różnych języków zgodnie z opisem w sekcji Lokalizowanie informacji o aplikacji.
Podczas edytowania informacji o rozszerzeniach możesz najechać kursorem na miniaturę zrzutu ekranu, aby wyświetlić opcje, które pozwalają usunąć zrzut ekranu lub zmienić jego pozycję.
Każdy zrzut ekranu powinien wyglądać tak:
- Kwadratowe narożniki, bez dopełnienia (pełny spad)
- 1280 x 800 lub 640 x 400 pikseli
Oto przykłady 2 zrzutów ekranu przedstawiających rozszerzenie:
Co dalej?
Następnie zapoznaj się z sekcją Prześlij rozszerzenie do opublikowania.