Wielkość Favicon w pikselach. Ikona witryny: twórz i edytuj

18.05.2019

To tylko mały obraz i jak wielki hype wokół niego. Ikona witryny jest tym, co każdy szanujący się zasób powinien być wyposażony, ponieważ jest to favicon, który wyświetla firmową tożsamość firmy. Ale czym jest favicon, jaki jest jego rozmiar, jak dodać ten obraz do strony? Wszystko jest napisane w artykule.

To jest favicon

Jeśli dosłownie przetłumaczyć ten termin, otrzymasz "ulubiony obraz". To słowo pochodzi z połączenia dwóch angielskich słów: ulubione, czyli wybranego, oraz ikony, czyli obrazu lub ikony.

rozmiar favicon

Lokalizacja favicons - linia adresu zasobu sieciowego na karcie przeglądarki lub lista ulubionych zakładek. W niektórych wyszukiwarkach favicony znajdują się w pobliżu zasobów na stronach wyszukiwania. Na przykład w "Yandex". Warto również zauważyć, że algorytmy wyszukiwania dla tego systemu podczas wyszukiwania wyników najpierw dają pierwszeństwo zasobom, które mają ikonę witryny.

Dlatego nie ignoruj ​​znaczenia tego obrazu. Niech rozmiar favicon i mały, to marka zasobu, przyciąga użytkowników i wpływa na kompilację pierwszego wrażenia z witryny.

Ze stron historii

Po raz pierwszy taka koncepcja, jak "favicon" pojawiła się w 1999 roku. Następnie firma "Microsoft" wydała nową wersję przeglądarki Explorer. W tej zaktualizowanej wersji przeglądarki Internet Explorer -5 stało się możliwe korzystanie z ulubionych. Aby to zrobić, trzeba było przesłać obraz z rozszerzeniem .ico do głównego folderu witryny.

Pobrane zdjęcie powinno mieć format http:// "nazwa strony" /favicon.ico. Tylko w tym przypadku przeglądarka może użyć odpowiedniej wielkości favicon na liście zakładek i obok paska adresu witryny, która znajduje się w zakładkach. Ale to już dawno przestarzała technologia, teraz ikona witryny jest obsługiwana w witrynach i bez zakładek. Ponadto dostępne są różne formaty ulubionych zdjęć. Teraz możesz użyć nie tylko obraz z rozszerzeniem .ico, ale także formaty .jpg, .png, .gif i .jpeg.

Funkcje formatów

Jak wspomniano wcześniej, tylko obraz z rozszerzeniem .ico był używany jako favicon. I to znacznie uprościło zadanie, możesz zrobić zdjęcia, które chcesz dopasować do rozmiaru favicon i po prostu zmienić rozszerzenie. Teraz usługi specjalne są w to zaangażowane, ale ze względu na fakt, że liczba formatów wzrosła, musisz mieć przynajmniej podstawową wiedzę o ich funkcjach.

ikona witryny

Najbardziej popularnymi formatami na dziś są .png i .ico:

  • . ico - ten format jest idealny dla systemu Windows. Zdjęcia z tym rozszerzeniem mają różne rozdzielczości i głębi kolorów. To jest głębia bitowa, która charakteryzuje informacje o kolorach dla każdego piksela i sprawia, że ​​obraz jest bardziej dokładny. W przypadku Internet Explorera jest to świetne rozwiązanie, ponieważ można w nim korzystać z różnych formatów.
  • . png - pliki tego rozszerzenia są wygodniejsze w użyciu. Wyjaśnia to fakt, że do utworzenia ikony witryny nie są potrzebne żadne dodatkowe narzędzia. Ponadto format obsługuje kanał maskujący, za pomocą którego można utworzyć obraz o najmniejszym rozmiarze bez utraty jakości obrazu. Jedyną rzeczą, że ten format jest gorszy od poprzedniego, jest niemożność wyświetlenia favicon w Internet Explorerze.

Inne rozszerzenia

Jeśli chodzi o inne formaty, każdy ma swoje zalety i wady. Wszystkie pojawiają się w zależności od przeglądarki. Na przykład zdjęcia .gif nie są kompatybilne ze starszymi przeglądarkami. Zdjęcia .jpg nie mają jakości i klarowności obrazu, ale są płynne przejścia między kolorami. Pliki w formacie .svg mają doskonałą jakość obrazu, tylko że są dostępne tylko w przeglądarce Opera.

Animowana ikona witryny .apng pozostaje w wątpliwość, ponieważ ruchomy obraz może odciągnąć uwagę użytkownika od głównych informacji. Z jednej strony, alokuje zasoby między innymi, az drugiej strony może być denerwujące przy stałym migotaniu.

rozmiar strony favicon

Rozmiar ma znaczenie

W wersji klasycznej rozmiar ikony wynosi około 16 × 16 pikseli. Przynajmniej tak było do niedawna. Ale wraz z rozwojem technologii wielkość favicon zaczęła wzrastać. Teraz maksymalny rozmiar ikony to 64x64 piksele. Ta dynamiczna ekspansja ulubionego obrazu jest wyzwalana przez pożądanie (i, odpowiednio, zdolność) użytkowników do zapisywania skrótów do stron w ich odpowiednich folderach lub na pulpicie, aby mieć szybki dostęp.

Obecnie istnieje 5 rozmiarów favicon:

  • 16 x 16;
  • 24 x 24;
  • 32 x 32;
  • 48 x 48;
  • 64 x 64;

rozmiar favicon w pikselach

Dodawanie ikony

Wszystkie te wymiary powinny pasować do jednego favikonu na stronie, a to nieco komplikuje zadanie tworzenia ulubionego obrazu. Ale dzisiaj wszystkie przeglądarki mają funkcję odtwarzania favicon osobno dla każdej strony. To znaczy, w zależności od żądania, przeglądarki automatycznie wybierają rozmiar favicon dla witryny.

Aby zainstalować favicon na stronie, wystarczy postępować według prostego algorytmu:

  1. Najpierw musisz utworzyć favicon. Ten proces nie powinien powodować niedogodności. Najpierw wybierz obraz, który umieści witrynę, a następnie dokonaj edycji za pomocą specjalnego serwera, który automatycznie dostosuje obraz do standardowego rozmiaru favicon.
  2. Po drugie, musisz pobrać wynikowy materiał do folderu głównego witryny.
  3. A po trzecie, wpisz tag taki kod:

rozmiar strony favicon

Aby nie zepsuć obrazu

Jak już wspomniano, favicon to marka, twarz strony. Dlatego niezwykle ważne jest, aby zrozumieć, czym powinna być ikona, aby przyciągnąć uwagę odwiedzających, a nie zrazić ich. Rozmiar favicon w pikselach jest bardzo mały, ale mimo to odgrywa kluczową rolę w procesie personalizacji strony. Logiczne byłoby stworzenie favikonu w taki sposób, aby pasował do ogólnego projektu zasobu. Należy pamiętać, że ikona witryny powinna wywoływać pierwsze wrażenie na jej temat, ale jeśli favicon nie jest powiązany z zasobem, lepiej go po prostu usunąć.

Drugą rzeczą, na którą warto zwrócić uwagę, jest łatwość percepcji. Ikona powinna być prosta, aby każdy użytkownik mógł ją zrozumieć, a to nawet nie jest omawiane.

standardowy rozmiar favicon

Główne zadanie faviconu: przedstawienie kluczowego tematu zasobu. Ale nikt nie zabrania używania tej całej swojej kreatywności. Na przykład, jeśli witryna sprzedaje urządzenia gospodarstwa domowego, można oczywiście użyć obrazu pralki lub lodówki jako favikonu. Ale w jaki sposób zasób różni się od podobnych setek i jak zostanie zapamiętany? A co jeśli spróbujesz poeksperymentować z nazwą projektu? Na przykład "Yandex" od dawna jest rozpoznawalny dzięki szkarłatnej literze "I". Jest to główna cecha faviconu, jako marki - powodująca awarię pamięci użytkownika i charakteryzująca określoną witrynę, odróżniając ją od setek innych.

Programy do tworzenia favikonów

Dzisiaj każdy webmaster może korzystać ze specjalnych usług do tworzenia faviconów. Ponadto istnieją trójwymiarowe galerie, z których można wybrać gotową ikonę witryny, wykonaną na profesjonalnym poziomie. Wśród twórców stron szczególnie popularna jest galeria IconJ. To nie tylko katalog, ale także generator. Zainteresowani mogą wybrać ikonę dla swoich zasobów z katalogu zawierającego ponad 18 000 zdjęć lub utworzyć własną favicon.

16 16 pikseli

Na powierzchni Runetu popularna jest baza favicon z agencji reklamowej Web Audit. Jeśli chodzi o zasoby zagraniczne, najlepszą opcją tworzenia i wybierania ikony witryny jest Favicon.cc. Tutaj możesz użyć specjalnych funkcji, aby dostosować schemat kolorów, przyciąć obraz lub nałożyć dodatkowe warstwy.

Tworzenie favicon nie wymaga specjalnej wiedzy ani unikalnych umiejętności, a jego obecność może znacznie zwiększyć współczynnik klikalności, a co za tym idzie, zwiększyć ruch. Najważniejszą rzeczą do zapamiętania jest to, że każda ikona jest marką, która powinna być niezapomniana i zrozumiała.