Як Гэта Працуе

Абярыце Вашу Крыніцу

Загрузіце відарыс, стварыце з тэксту з карыстальніцкімі шрыфтамі, абярыце з сотняў эмодзі або намалюйце піксель-арт. Прааналізуйце любы URL, каб выняць існуючыя favicons.

Наладзьце і Праглядзіце

Адрэгулюйце фоны, градыенты, акругласць і эфекты. Праглядзіце ваш favicon ва ўкладках браўзера, на галоўным экране iOS, Android і плітках Windows у рэальным часе.

Згенеруйце і Спампуйце

Згенеруйце ўсе памеры адным націскам. Спампуйце поўны пакет з гатовымі да выкарыстання фрагментамі кода для 35+ фрэймворкаў.

Чатыры Спосабы Стварыць Ваш Favicon

Загрузіць Відарыс

Пачніце з любога відарыса — PNG, JPG, SVG або WebP. Дадайце фоны, адрэгулюйце водступ, яркасць, кантраснасць і ўжыйце закругленыя куты. Ідэальна для лагатыпаў і існуючых актываў брэнда.

Тэкст у Favicon

Стварайце тэкставыя favicons з 1500+ Google Fonts. Абярыце вагу шрыфта, колеры і дадайце суцэльны або градыентны фон. Ідэальна для простых значкоў на аснове літар.

Эмодзі Favicon

Абярыце з сотняў эмодзі ў 12 катэгорыях, уключаючы ўсе сцягі краін. Дадайце каляровыя фоны з прадусталёўкамі або карыстальніцкімі градыентамі для завершанага выгляду.

Палатно Піксель-Арт

Намалюйце свой уласны favicon піксель за пікселем на наладжвальнай сетцы. Выкарыстоўвайце інструменты пяра, сціркі і заліўкі з падтрымкай адмены/паўтору. Экспартуйце сваё стварэнне піксель-арт імгненна.

Магутныя Функцыі

100% Прыватна

Уся апрацоўка адбываецца лакальна ў вашым браўзеры. Вашы відарысы ніколі не пакідаюць вашу прыладу. Няма загрузак, няма хмарнага сховішча, няма збору дадзеных.

Пакрыццё Ўсіх Платформ

Генеруйце 15+ памераў favicon для браўзераў, галоўнага экрана iOS, Chrome Android, плітак Windows, замацаваных укладак Safari і Прагрэсіўных Вэб-праграм.

Жывы Прагляд

Убачце дакладна, як ваш favicon выглядае ва ўкладках браўзера, на галоўным экране iOS, у лаўнчары Android і на плітках Windows перад генерацыяй.

Фрагменты для 35+ Фрэймворкаў

Атрымайце гатовы да выкарыстання код для HTML, React, Vue, Next.js, Nuxt, Angular, Astro, Svelte, WordPress, Shopify, Laravel, Django і 25+ іншых платформ.

Аналізатар URL

Прааналізуйце любы вэб-сайт, каб выняць існуючыя favicons. Убачце, якія памеры прысутнічаюць, што адсутнічае, і перагенеруйце поўны набор адным націскам.

Гісторыя Генерацый

Доступ да вашых нядаўніх генерацый favicon. Аднавіце папярэднія стварэнні, параўнайце версіі або працягвайце рэдагаванне з месца, дзе спыніліся.

Хуткія Шаблоны

Пачніце з прафесійна распрацаваных шаблонаў з суцэльнымі кветкамі, градыентамі і ўзорамі. Ужыйце і наладзьце пад ваш брэнд.

Мульты-Памер ICO

Аўтаматычна стварае мульты-разрозныя файлы ICO, якія змяшчаюць памеры 16x16, 32x32 і 48x48 для максімальнай сумяшчальнасці браўзераў.

Поўны Пакет Вываду

Стандартныя Favicons

favicon.ico (мульты-памер), 16x16, 32x32 і 48x48 PNG для ўкладак браўзера і закладак.

Значкі Apple Touch

180x180 Apple Touch Icon для галоўнага экрана iOS, плюс Safari pinned tab SVG з наладжвальным колерам тэмы.

Значкі Android і PWA

192x192 і 512x512 значкі для Android Chrome і Прагрэсіўных Вэб-праграм, уключаючы падтрымку маскіруемых значкоў.

Пліткі Windows

270x270 плітка Microsoft з browserconfig.xml для інтэграцыі з меню Пуск Windows і панэллю задач.

Вэб-Маніфест

Поўны файл site.webmanifest са спасылкамі на значкі, кветкамі тэмы і наладамі адлюстравання PWA.

Частыя Пытанні

Якія памеры favicon мне патрэбныя?

Як мінімум: favicon.ico, 32x32 PNG, 180x180 Apple Touch Icon і 192x192/512x512 для Android/PWA. Наша прадусталёўка 'Асноўныя' ўключае ўсе неабходныя памеры аўтаматычна.

Навошта мне патрэбен файл ICO?

Фармат ICO змяшчае некалькі памераў у адным файле і падтрымліваецца ўсімі браўзерамі, уключаючы старыя версіі. Гэта традыцыйны фармат favicon, які забяспечвае максімальную сумяшчальнасць.

Ці павінен мой favicon мець празрысты фон?

Для ўкладак браўзера празрыстасць працуе добра. Для галоўных экранаў iOS і Android разгледзьце суцэльны або градыентны фон, бо значкі з'яўляюцца на розных шпалерах.

Ці павінен мой зыходны відарыс быць квадратным?

Так, favicons заўсёды квадратныя. Калі ваш відарыс не квадратны, выкарыстоўвайце нашы элементы кіравання водступам і маштабам, каб ідэальна яго падагнаць. Для лепшых вынікаў пачніце з квадратнага відарыса.

Ці ў бяспецы мае відарысы і ці прыватныя яны?

100% прыватна. Уся апрацоўка выкарыстоўвае ўбудаваныя ў браўзер API Canvas і Blob. Вашы відарысы ніколі не пакідаюць вашу прыладу — мы не загружаем, не захоўваем і не перадаем ніякіх дадзеных.

Якія фрэймворкі падтрымліваюцца?

Мы прапануем фрагменты кода для 35+ платформ, уключаючы React, Vue, Angular, Next.js, Nuxt, Astro, Svelte, WordPress, Shopify, Laravel, Django, Ruby on Rails і многія іншыя.

Што наконт Прагрэсіўных Вэб-праграм?

Наш генератар стварае ўсе неабходныя значкі PWA, уключаючы маскіруемыя варыянты, плюс поўны файл site.webmanifest з правільнымі аб'явамі значкоў і кветкамі тэмы.

Разуменне Favicons

Favicons — гэта маленькія значкі, якія прадстаўляюць ваш вэб-сайт у браўзерах, закладках, на галоўных экранах і ў лаўнчарах праграм. Поўны набор favicon гарантуе, што ваш брэнд выглядае прафесійна і пазнавальна ўсюды, дзе карыстальнікі сустракаюць ваш сайт.

Фармат ICO

Фармат ICO пакуе некалькі памераў (16x16, 32x32, 48x48) у адзін файл. Хоць сучасныя браўзеры падтрымліваюць PNG favicons, ICO застаецца істотным для максімальнай сумяшчальнасці са старымі браўзерамі і пэўнымі настольнымі праграмамі.

Значкі PNG

Сучасныя браўзеры аддаюць перавагу PNG favicons за іх выразную якасць і падтрымку празрыстасці. Кожны памер служыць мэце: 16px і 32px для ўкладак браўзера, 180px для iOS і 192px/512px для Android і PWA.

Маніфест Вэб-праграмы

Файл site.webmanifest вызначае, як ваш сайт выглядае пры ўсталёўцы ў якасці PWA. Ён паказвае значкі, колеры тэмы, рэжым адлюстравання і іншыя метададзеныя, якія браўзеры выкарыстоўваюць для стварэння вопыту, падобнага на праграму.

SVG Favicons

Функцыя замацаванай укладкі Safari выкарыстоўвае манахормны значок SVG. Сучасныя браўзеры таксама пачынаюць наўпрост падтрымліваць SVG favicons, прапаноўваючы бясконцую маштабавальнасць і меншыя памеры файлаў.