Генератор фавиконица

Претворите један PNG, JPG или SVG у favicon.ico и све величине иконица које су потребне вашем сајту, спаковане у ZIP.

Слика која није квадратна

Цела слика остаје видљива, центрирана са празнином око ње.

Позадина

Провидна позадина одговара картицама прегледача; за иконице на почетном екрану iPhone-а сигурнија је позадина у боји.

Ваш пакет иконица

Ваша фавиконица и пакет иконица ће се појавити овде.

Спремно. Додајте PNG, JPG или SVG да бисте започели.

Ваша слика се претвара у иконице директно у вашем прегледачу. Ништа се не отпрема на BroBroGo.

Честа питања

Које датотеке се налазе у пакету иконица?

favicon.ico са верзијама од 16, 32 и 48 пиксела унутар ње, PNG иконице од 16, 32, 180, 192 и 512 пиксела, као и site.webmanifest који наводи велике иконице. Ако почнете од SVG-а, биће укључен и сам вектор. Један ZIP садржи све.

Које величине треба да буде моја изворна слика?

SVG је идеалан — свака иконица се исцртава из вектора, тако да чак и на 16 пиксела остаје оштра. За PNG или JPG, почните са најмање 512 × 512; мање слике се повећавају и могу изгледати мутно.

Да ли позадина треба да буде провидна или у боји?

Иконице на картицама изгледају одлично када су провидне. Међутим, почетни екрани за iPhone и iPad провидне делове боје у црно — ако постоји могућност да корисници додају ваш сајт на свој почетни екран, изаберите боју позадине.

Шта се дешава са сликом која није квадратна?

Иконице су квадратне, али ваша слика никада неће бити деформисана. Подразумевано се центрира са маргинама око ње; пребаците на „Попуни (опсеци)“ да бисте уместо тога одсекли вишак ивица.

Где треба да поставим датотеке на свом сајту?

Отпремите их у корену фасциклу свог сајта, тако да favicon.ico буде доступан на адреси /favicon.ico, а затим налепите генерисане редове у <head> својих страница. Прегледачи ће сами изабрати одговарајућу величину.