Przejdź do głównej treści

Jak przygotować Favicony i ikony aplikacji do uruchomienia SaaS

Autor: Converty Team

Dowiedz się, jak przygotować ikony ulubionych i ikony aplikacji do uruchomienia SaaS na podstawie jednego czystego obrazu źródłowego, bez mieszania projektowania marki z pracami nad pakowaniem.

Jak przygotować Favicony i ikony aplikacji do uruchomienia SaaS

Uruchomienie SaaS ma zwykle jedną markę i wiele miejsc, które tego potrzebują. Witryna marketingowa potrzebuje ikony karty. Powłoka aplikacji może wymagać ikon skrótów. Witryna publiczna może potrzebować ikon Apple Touch, ikon obsługujących system Android i manifestu startowego. Premiera może wyglądać na niedokończoną, jeśli te drobne elementy pozostają w tyle za resztą prac nad marką.

Przygotowanie favicon i ikon aplikacji to nie to samo, co projektowanie marki. To praca przy pakowaniu. Po zatwierdzeniu grafiki źródłowej praktyczną pracą jest przekształcenie jej w typowe pliki potrzebne witrynie lub aplikacji. Generator Favicon / App Icon firmy Converty obsługuje to opakowanie z jednego kwadratowego obrazu źródłowego.

Zacznij od obrazu źródłowego, który wytrzyma małe rozmiary

Najlepszy obraz źródłowy jest kwadratowy, prosty i czytelny po zmniejszeniu. Znaki SaaS często zawierają drobne szczegóły, znaki słowne lub złożone kształty, które dobrze wyglądają w sekcji głównej, ale nie sprawdzają się na karcie przeglądarki.

Przed wygenerowaniem paczki sprawdź oznaczenie przy małych rozmiarach. Jeśli zależy to od drobnego tekstu lub cienkich linii, uprość źródło. Generator może wyeksportować pliki, ale nie jest w stanie sprawić, aby zatłoczony znak był czytelny na każdej powierzchni.

Wygeneruj razem wspólny pakiet

Praktyczny pakiet startowy SaaS powinien zazwyczaj obejmować:

  • favicon.ico -Rozmiary ikon PNG
  • Wyjście ikony Apple Touch
  • Wyjście ikon gotowe na Androida
  • starter site.webmanifest

Converty łączy te dane wyjściowe, dzięki czemu zespół uruchamiający nie musi ich ręcznie eksportować i zbierać jeden po drugim. Prześlij źródło, w stosownych przypadkach dodaj nazwę aplikacji lub witryny, wybierz, czy okrągłe dane wyjściowe przeglądarki i systemu Android mają sens, a następnie pobierz plik ZIP.

Umieść pliki w rzeczywistym projekcie

Wygenerowany plik ZIP to pakiet zasobów, a nie samo wdrożenie. Po pobraniu pliki nadal muszą zostać umieszczone w obszarze zasobów publicznych witryny lub aplikacji i powiązane z konfiguracją projektu.

Ta separacja ma znaczenie. Converty ogranicza pracę związaną z eksportem, ale nie zastępuje frameworku, konfiguracji hostingu ani ostatecznej kontroli integracji.

Aby uzyskać bardziej szczegółową listę kontrolną członków pakietu, przeczytaj Jakich plików potrzebujesz w pakiecie Favicon?. Wskazówki dotyczące manifestu można znaleźć w artykule Jak utworzyć site.webmanifest dla prostej aplikacji internetowej.

Otwórz Favicon / Generator ikon aplikacji, gdy uruchomienie SaaS ma zatwierdzoną kwadratową grafikę i trzeba szybko przygotować pakiet ikon przeglądarki i aplikacji.

Może Ci się też spodobać