Jak stworzyć favicon ze zdjęcia

Favicon to niewielki obrazek, który przeglądarka pokazuje na karcie, w zakładkach i w historii obok nazwy twojej witryny. Tradycyjnym formatem jest ICO, mały plik ikony rozpoznawany przez większość przeglądarek bez dodatkowej konfiguracji.

Dobry favicon zależy od dwóch rzeczy: powinien być mniej więcej kwadratowy i pozostawać czytelny po pomniejszeniu do rozmiaru paznokcia. Dlatego favicon to zwykle jedna pogrubiona litera, znak logo lub prosty kształt, a nie szczegółowe zdjęcie.

Jeśli masz już kwadratowe logo, konwersja to jeden krok:

• Otwórz konwerter PNG na ICO i wrzuć swój obraz.
• Poczekaj na konwersję, a potem pobierz plik .ico.
• Dodaj go do witryny jako favicon.ico albo odwołaj się do niego z poziomu HTML.

Zaczynasz od innego formatu? Użyj konwertera JPG na ICO dla zdjęcia lub płaskiego logo, albo SVG na ICO, jeśli twój znak jest wektorowy: źródło wektorowe jest idealne, bo jest rysowane czysto w dowolnym rozmiarze potrzebnym ikonie. Każda konwersja odbywa się w przeglądarce, więc obraz nigdy nie jest przesyłany.

Ikona może być tylko tak wyraźna, jak materiał, który jej dostarczysz. Jeśli twój obraz nie jest kwadratowy, przytnij go najpierw do kwadratu w edytorze zdjęć, aby konwerter nie musiał zgadywać: wyśrodkuj ważny fragment i odetnij resztę. Uprość rozbudowaną grafikę do jednego mocnego kształtu lub litery, bo drobne detale zamieniają się w nieczytelną plamę w rozmiarze favicon.

Jeśli twoje logo istnieje jako grafika wektorowa, zachowaj je jak najdłużej jako SVG i przekonwertuj na ICO na samym końcu: wektory pozostają ostre, bo są renderowane dokładnie w wymaganym rozmiarze pikseli, zamiast być rozciągane z małej bitmapy. Powiązane informacje o czystej rasteryzacji wektorów znajdziesz w artykule konwertowanie SVG na PNG bez utraty jakości.