Favicon
Ikona strony wyświetlana przed tytułem zakładki (okna), historii przeglądanych stron, ulubionych, w wynikach wyszukiwania, spełnia ważną rolę w identyfikacji. Jest to mały obraz o rozdzielczości 16x16 piksela, najczęściej w formacie PNG.
Wykonamy ikonę w technice pixel art z przezroczystym tłem.
Wykonamy ikonę w technice pixel art z przezroczystym tłem.
Ćwiczenie
- Uruchom edytor grafiki.
- Wybierz z menu Plik → Nowy.
- W oknie Utworzenie nowego obrazu zmień Wymiary obrazu na 16x16 (px).
- Rozwiń Zaawansowane opcje i z listy Wypełnienie wybierz: Kolor tła - z domyślnym kolorem tła, Kolor pierwszoplanowy - z domyślnym kolorem pierwszoplanowym, Białe lub Przezroczyste - dla ikon z brakiem tła.
- Zatwierdź przyciskiem OK.
- W menu Widok wybierz Wyświetlanie siatki oraz Powiększenie → Cały obraz w oknie.
- W menu Obraz wybierz Skonfiguruj siatkę... i w oknie dialogowym Konfiguracja siatki ustaw Odstępy na 1 (Piksele).
- W Przyborniku kliknij symbol ołówka i wybierz kolor pierwszoplanowy.
- W Opcje narzędzia ustaw Rozmiar np. na 1 piksel.
- Zaprojektuj swoją ikonę strony, w czasie rysowania możesz obserwować jej rzeczywisty rozmiar w lewym górnym narożniku aplikacji.
- Z menu Plik wybierz Wyeksportuj.
- W oknie dialogowym w polu Nazwa wpisz nazwę pliku favicon.png.
- Określ lokalizację pliku i naciśnij Wyeksportuj.
- Zamknij edytor (Porzuć zmiany).
Opublikuj plik w portfolio.