Favicon Generator
Generate favicons
Generate favicons Działa lokalnie w Twojej przeglądarce
About the
Generator Favicon pobiera obraz, przycina go do kwadratu od środka i tworzy plik ikony o wymiarach 64 na 64, który można upuścić w katalogu głównym witryny. Przycięcie ma większe znaczenie, niż się wydaje: przeglądarki renderują ikony ulubionych w kształcie kwadratu, więc szerokie logo wciśnięte w kwadrat wygląda źle, podczas gdy kadrowanie pośrodku zwykle zachowuje rozpoznawalną część. Obraz jest przetwarzany na płótnie w przeglądarce, więc nic nie jest przesyłane.
Where people use the
- Generowanie favikony z logo przed uruchomieniem witryny.
- Wykonanie szybkiej ikony dla prototypu lub narzędzia wewnętrznego.
- Zastępowanie ikony zastępczej pozostałej po szablonie.
- Wykonanie kwadratowej wersji szerokiego logo do wykorzystania w zakładce.
How to use the
- 1
Prześlij obraz
Wybierz logo lub obraz, którego chcesz użyć. Najlepszy wynik daje kwadratowy obraz źródłowy, ponieważ nic nie jest obcięte.
- 2
Pozwól mu przyciąć i zmienić rozmiar
Najkrótszy bok jest używany jako kwadrat przycięcia, wzięty ze środka, a wynik jest rysowany w formacie 64 na 64.
- 3
Porównaj oba podglądy
Oryginał i ikona są wyświetlane obok siebie, dzięki czemu można zobaczyć, co zostało usunięte.
- 4
Pobierz ikonę
Zapisz plik jako favicon.ico i umieść go w katalogu głównym swojej witryny lub prześlij go tam, gdzie Twój framework oczekuje zasobów statycznych.
Wskazówki i najlepsze praktyki
- Prześlij kwadratowy obraz, aby uniknąć utraty krawędzi szerokiego logo.
- Daj ikonie gładkie tło, jeśli będzie wyświetlana zarówno na jasnych, jak i ciemnych zakładkach.
- Twarde ponowne załadowanie po przesłaniu; przeglądarki agresywnie buforują ulubione ikony.
Często zadawane pytania
Dlaczego moje logo jest przycięte?
Ponieważ favicony są kwadratowe. Narzędzie pobiera ze środka największy pasujący kwadrat. Kwadratowy obraz źródłowy pozwala całkowicie uniknąć przycinania.
Jaki rozmiar mam przesłać?
Przynajmniej 64 na 64 i kwadratowe, jeśli to możliwe. Większe obrazy są po prostu zmniejszane; mniejsze będą wyglądać miękko.
Czy potrzebuję więcej niż jednego rozmiaru?
W przypadku większości witryn wystarczy jedna ikona, ponieważ przeglądarki zmniejszają ikonę o rozmiarze 64 pikseli w przypadku kart. Jeśli chcesz wszędzie uzyskać ostre rezultaty, wygeneruj oddzielnie wersje 16, 32 i 180 pikseli.
Gdzie trafia plik?
W katalogu głównym witryny jako favicon.ico, czego przeglądarki żądają zgodnie z konwencją. Jeśli Twój framework obsługuje pliki statyczne z katalogu takiego jak publiczny, zamiast tego umieść go tam.
Dlaczego na karcie nadal wyświetlana jest stara ikona?
Ponieważ jest buforowany. Załaduj ponownie stronę na stałe lub otwórz ją w prywatnym oknie, a pojawi się nowa ikona.