Прескокни до главната содржина

Кои датотеки ви се потребни во пакетот Favicon?

Од Converty Team

Дознајте кои датотеки припаѓаат во практичен пакет фавикони, вклучувајќи favicon.ico, икони PNG, икони на допир на Apple, икони за Android и стартер site.webmanifest.

Кои датотеки ви се потребни во пакетот Favicon?

Пакетот фавикон е лесно да се потцени. Многу луѓе го сметаат за една мала слика во картичката на прелистувачот, но на модерната страница обично му треба мал сет на поврзани средства. Иконата на јазичето на прелистувачот е само една површина. Мобилните кратенки, иконите на Android, иконите на допир на Apple и референците на манифестот може да имаат потреба од свои датотеки.

Практичната цел не е да се собере секоја можна варијанта на икона. Целта е да се испорача фокусиран пакет кој покрива заеднички прелистувачи и површини слични на апликации без да се претвори подготовката за лансирање во рачна извозна работа. Favicon / App Icon Generator во Converty е изграден околу таа работа: почнете од една квадратна слика и преземете пакет со заедничките датотеки заедно.

Основната датотека сè уште е favicon.ico

favicon.ico останува најпознатата фавикон-датотека. Тоа е предноста што луѓето очекуваат да ја видат поврзана со јазичињата на прелистувачот, обележувачите и постарите конвенции за фавикони.

Дури и кога страницата вклучува и икони PNG и веб-манифест, favicon.ico сè уште е корисен бидејќи покрива традиционална патека што ја разбираат многу прелистувачи и алатки. За едноставна локација, тоа е често првата датотека што некој ја проверува кога иконата на јазичето не изгледа правилно.

PNG иконите покриваат модерни површини

Современите иконски пакети обично вклучуваат PNG-датотеки со повеќе големини. Различни прелистувачи, кратенки и контексти за прикажување може да користат различни димензии. Извезувањето само една големина може да остави прелистувачот или уредот да ја скалира сликата, што може да направи малите икони да изгледаат меки или преполни.

Ова е причината зошто изворните уметнички дела се важни. Квадратна, едноставна, читлива слика дава подобри резултати низ пакетот отколку детална графика стисната во неколку големини. Конвертирањето не може да го претвори сложеното лого во совршена мала ознака, но може да ја отстрани повторливата работа за извоз откако ќе имате соодветен извор.

Иконите на допир на Apple и иконите на Android служат на различни површини

Иконите на допир на Apple се користат за кратенки на уредите на Apple. Иконите подготвени за Android поддржуваат случаи за употреба поврзани со инсталирање и кратенки на површини ориентирани кон Android.

Тие датотеки лесно се забораваат бидејќи не се секогаш видливи при нормална проверка на прелистувачот на работната површина. Веб-страницата може да изгледа добро во картичка, додека сè уште недостасуваат важни средства откако некој ќе ја зачува на почетниот екран на уредот. Комплетниот пакет го прави тоа помалку веројатно.

Ако одлучувате дали иконата на допир на Apple е одвоена од фавиконот, прочитајте Apple Touch Icon наспроти Favicon: Што треба да вклучува модерната локација?.

Манифестот ги поврзува површините слични на апликацијата

Стартерот site.webmanifest и дава на веб-апликацијата или страницата место за опишување на иконите и поврзаните метаподатоци за приказот. Тоа не е замена за самите датотеки со икони. Тоа укажува на нив, така што компатибилните површини можат да разберат какви средства се достапни.

Затоа Converty вклучува стартер манифест во пакетот. Создадената датотека ви дава практична почетна точка, но сепак треба да ги поставите средствата во вашиот проект и да ги повикате од поставувањето на вашата страница.

Практична листа за проверка на пакети фавикон

Фокусираниот фавикон пакет обично треба да вклучува:

  • favicon.ico
  • повеќе големини на икони PNG
  • Излез на иконата на допир на Apple
  • Излез на икона подготвена за Android
  • стартер site.webmanifest

Ова е доволно за многу мали сајтови, лансирање на SaaS, маркетинг страници и проекти за документација. Поспецијализираните поставки можеби ќе требаат дополнителни средства специфични за платформата, но заедничкиот пакет ја отфрла рутинската работа.

Отворете го Favicon / App Icon Generator кога имате една квадратна изворна слика и ви требаат обичните фајлови на пакети фавикон здружени во еден извоз. За поширокиот работен тек, прочитајте Како да генерирате комплетен пакет фавикон од една слика.

Може да ви се допадне и ова