Przejdź do treści
helpyself

Podgląd tła aplikacji

Local only — nothing is uploaded unless you save or share it.

Znajdź rozmiar obrazu tła aplikacji, który przetrwa na każdym telefonie i tablecie.

  1. Upuść obraz, którego zamierzasz użyć jako tła pełnoekranowego.
  2. Wybierz tryb wyświetlania używany przez twoją aplikację — dla teł zwykle jest to wypełnienie.
  3. Odczytaj obszar bezpieczny u góry: ten prostokąt jest widoczny na każdym pokazanym urządzeniu.
  4. Przejrzyj siatkę w poszukiwaniu najciaśniejszego kadru i przesuń motyw do obszaru bezpiecznego, jeśli nie przetrwał.

Udostępnij link

Zapisuje to w Twoich plikach i daje adres, który każdy może otworzyć. Link przestaje działać sam z siebie.

Link działa przez
Zapisz to narzędzie

Miej Podgląd tła aplikacji pod ręką

Dodaj do zakładek

O tym narzędziu

Tło pełnoekranowe prawie nigdy nie jest pokazywane w całości. Ekran ma jedne proporcje, twoja grafika inne, i coś musi ustąpić — więc motyw, który starannie wyśrodkowałeś, przeżywa w przetestowanym symulatorze i traci głowę na czyimś iPadzie. Tutaj zobaczysz szkody, zanim wypuścisz aplikację. Upuść obraz, a wszystkie urządzenia zostaną narysowane naraz, w pionie i w poziomie, pokazując dokładnie ten wycinek twojej grafiki, który dociera na ekran. Nad siatką jest liczba, która naprawdę się liczy: prostokąt widoczny na każdym sprawdzanym urządzeniu. Tam może stanąć logo, twarz albo wiersz tekstu i przetrwać wszędzie. Tryby wyświetlania też są objęte, bo tło ustawione na dopasowanie zamiast wypełnienia zawodzi zupełnie inaczej — pasy po bokach zamiast kadrowania — a te dwa nieustannie się mylą. Włącz obszary bezpieczne, a wcięcie, pasek stanu i wskaźnik ekranu głównego zostaną nałożone jako cień, bo tło rysuje się od krawędzi do krawędzi, a elementy systemu siadają na nim, zamiast je odsuwać. Nic nie jest wysyłane: obraz jest odczytywany i rysowany w twojej przeglądarce, a rachunek to czysta geometria.

Najczęstsze pytania

Dlaczego urządzenia są grupowane według proporcji, a nie modelu?

Bo dwa telefony o tym samym kształcie kadrują tło identycznie, niezależnie od liczby pikseli — kadrowanie to przekształcenie przez podobieństwo, a rozdzielczość się skraca. Wypisanie czterdziestu modeli dałoby czterdzieści wierszy i mniej więcej cztery różne odpowiedzi, a lista dezaktualizowałaby się każdej jesieni.

Ile z mojego obrazu tła widać na telefonie?

Mniej, niż byś przypuszczał, i zależy to od urządzenia — telefon 19,5:9 pokazuje wysoki pasek obrazu 16:9 i wyrzuca boki. Właśnie do tego służy ten podgląd proporcji ekranu telefonu: wszystkie popularne kształty naraz, z zaznaczonym obszarem bezpiecznym obrazu tła jako tą częścią, która przetrwa na wszystkich.

Czym dokładnie jest obszar bezpieczny?

Tą częścią twojego obrazu, która jest widoczna na każdym sprawdzanym urządzeniu, w obu orientacjach. To iloczyn zbiorów, a nie średnia, bo motyw obcięty na jednym urządzeniu z siedmiu jest obcięty — uśrednianie ukryłoby dokładnie ten przypadek, którego szukasz.

Dlaczego wcięcie i wskaźnik ekranu głównego nie zmniejszają obrazu?

Tło pełnoekranowe rysuje się od krawędzi do krawędzi, za wszystkim, więc elementy systemu je zasłaniają, zamiast je kadrować. To inne pytanie niż kadrowanie, dlatego obszary bezpieczne mają osobny przełącznik i są cieniowane na podglądzie, a nie z niego wycinane.

Którego trybu wyświetlania użyć do tła?

Prawie zawsze wypełnienia — pokrywa ekran i kadruje nadmiar. Dopasowanie pokazuje cały obraz, ale zostawia pasy, rozciągnięcie go zniekształca, a wyśrodkowanie pokazuje go w rozmiarze oryginalnym. Narzędzie zgłasza, który z nich zachodzi, żeby pomyłka była widoczna, a nie subtelna.

Czy mój obraz jest gdzieś wysyłany?

Nie. Plik jest odczytywany w twojej przeglądarce, żeby poznać jego wymiary i narysować podglądy, i nigdy nie opuszcza karty. Wersja API w ogóle nie przyjmuje obrazu — pracuje na samej szerokości i wysokości, więc możesz sprawdzić kształt, zanim grafika powstanie.

Pomóż ulepszyć to narzędzie

Znalazłeś błąd, chcesz zmiany albo brakuje Ci jakiegoś narzędzia?

/app-background-preview

↑↓ nawigacja · Enter otwiera · Esc zamyka