Edytor pikselowy favicon

Jak narysować dobrą favikonę 16×16

Favicon jest zwykle wyświetlana w rozmiarze zaledwie 16 lub 32 pikseli, więc liczy się każdy piksel. Ręczne rysowanie na siatce pikseli daje ostre krawędzie i pełną kontrolę – coś, czego automatycznie pomniejszone logo rzadko osiąga.

Zacznij od płótna 16×16 i postaw na prostotę: jedna wyrazista litera, prosty symbol lub najbardziej rozpoznawalny element logo. Używaj mocnego kontrastu, aby ikona była czytelna zarówno na jasnych, jak i ciemnych kartach przeglądarki, i sprawdzaj podglądy na żywo podczas rysowania.

Gdy będziesz zadowolony z efektu, kliknij „Wygeneruj favicony z tego”. Generator zachowuje ostre piksele i tworzy favicon.ico, ikony PNG, ikony Apple touch oraz ikony Android na podstawie Twojego rysunku.

Wskazówki dla ostrych favicon w stylu pixel art

• Używaj od dwóch do czterech kolorów – zbyt wiele odcieni zamienia się w szum przy małych rozmiarach.
• Zostaw 1-pikselowy margines lub wypełnij cały kwadrat; unikaj kształtów, które dotykają tylko niektórych krawędzi.
• Preferuj linie poziome i pionowe; linie ukośne wyglądają najlepiej pod kątem 45 stopni.
• Używaj trybu lustrzanego dla symetrycznych ikon i koloru przezroczystego dla przezroczystych obszarów.
• Rysuj w 32×32 lub 48×48, jeśli ikona jest szczegółowa – większe rozmiary są używane na ekranach o wysokiej rozdzielczości.