Како То Ради

Изаберите Свој Извор

Отпремите слику, креирајте од текста са прилагођеним фонтовима, изаберите од стотина емоџија, или нацртајте пиксел арт. Анализирајте било који URL да извучете постојеће favicon-е.

Прилагоди и Преглед

Подесите позадине, градијенте, заобљеност и ефекте. Прегледајте свој favicon у картицама прегледача, на iOS почетном екрану, Android и Windows моделима у реалном времену.

Генериши и Преузми

Генеришите све величине једним кликом. Преузмите комплетан пакет са исечцима кода спремним за употребу за 35+ оквира.

Четири Начина да Креирате Ваш Favicon

Отпреми Слику

Почните са било којом сликом — PNG, JPG, SVG, или WebP. Додајте позадине, подесите попуњавање, светлину, контраст и примените заобљене углове. Савршено за логотипе и постојећа средства бренда.

Текст у Favicon

Креирајте favicon-е засноване на тексту са 1500+ Google Fonts. Изаберите дебљине фонта, боје и додајте пуне или градијент позадине. Идеално за једноставне иконице бренда засноване на словима.

Емоџи Favicon

Изаберите од стотина емоџија кроз 12 категорија укључујући све заставе држава. Додајте обојене позадине са претходним подешавањима или прилагођеним градијентима за дотеран изглед.

Пиксел Арт Платно

Нацртајте свој властити favicon пиксел по пиксел на прилагодљивој мрежи. Користите алате оловке, гумице и испуне са подршком за опозови/понови. Извезите своју пиксел арт креацију тренутно.

Моћне Функције

100% Приватно

Сва обрада се дешава локално у вашем прегледачу. Ваше слике никада не напуштају ваш уређај. Нема отпремања, нема складиштења у облаку, нема прикупљања података.

Све Платформе Покривене

Генеришите 15+ величина favicon-а за прегледаче, iOS почетни екран, Android Chrome, Windows плочице, Safari закачене картице и Прогресивне Веб Апликације.

Преглед Уживо

Видите тачно како ваш favicon изгледа у картицама прегледача, на iOS почетном екрану, Android покретачу и Windows плочицама пре генерисања.

Исечци за 35+ Оквира

Добијте код спреман за употребу за HTML, React, Vue, Next.js, Nuxt, Angular, Astro, Svelte, WordPress, Shopify, Laravel, Django, и 25+ других платформи.

URL Анализатор

Анализирајте било који веб-сајт да извучете постојеће favicon-е. Видите које величине су присутне, шта недостаје, и поново генеришите комплетан сет једним кликом.

Историја Генерисања

Приступите својим недавним генерисањима favicon-а. Вратите претходне креације, упоредите верзије, или наставите уређивање тамо где сте стали.

Брзи Шаблони

Почните са професионално дизајнираним шаблонима са пуним бојама, градијентима и шарама. Примените и прилагодите да одговарају вашем бренду.

Више-величински ICO

Аутоматски креира ICO фајлове са више резолуција уграђујући 16x16, 32x32 и 48x48 величине за максималну компатибилност прегледача.

Комплетан Пакет Излаза

Стандардни Favicon-и

favicon.ico (више величина), 16x16, 32x32, и 48x48 PNG-ови за картице прегледача и обележиваче.

Apple Touch Иконице

180x180 Apple Touch Иконица за iOS почетни екран, плус Safari закачена картица SVG са прилагодивом бојом теме.

Android и PWA Иконице

192x192 и 512x512 иконице за Android Chrome и Прогресивне Веб Апликације, укључујући подршку за маскирне иконице.

Windows Плочице

270x270 Microsoft плочица са browserconfig.xml за интеграцију са Windows Старт менијем и траком задатака.

Веб Манифест

Комплетан site.webmanifest фајл са референцама иконица, бојама теме и PWA поставкама приказа.

Често Постављана Питања

Које величине favicon-а ми требају?

Минимално: favicon.ico, 32x32 PNG, 180x180 Apple Touch Иконица, и 192x192/512x512 за Android/PWA. Наша 'Основно' поставка укључује све потребне величине аутоматски.

Зашто ми треба ICO фајл?

ICO формат садржи више величина у једном фајлу и подржан је од стране свих прегледача укључујући старије верзије. То је традиционални favicon формат који осигурава максималну компатибилност.

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

За картице прегледача, провидност ради добро. За iOS и Android почетне екране, размислите о пуној или градијент позадини јер се иконице појављују на различитим позадинама.

Да ли моја изворна слика мора бити квадратна?

Да, favicon-и су увек квадратни. Ако ваша слика није квадратна, користите наше контроле за попуњавање и скалирање да је савршено уклопите. За најбоље резултате, почните са квадратном сликом.

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

100% приватно. Сва обрада користи изворне Canvas и Blob API-је прегледача. Ваше слике никада не напуштају ваш уређај — ми не отпремамо, не складиштимо нити преносимо никакве податке.

Који оквири су подржани?

Пружамо исечке кода за 35+ платформи укључујући React, Vue, Angular, Next.js, Nuxt, Astro, Svelte, WordPress, Shopify, Laravel, Django, Ruby on Rails, и многе друге.

Шта је са Прогресивним Веб Апликацијама?

Наш генератор креира све потребне PWA иконице укључујући маскирне варијанте, плус комплетан site.webmanifest фајл са правилним декларацијама иконица и бојама теме.

Разумевање Favicon-а

Favicon-и су мале иконице које представљају ваш веб-сајт у прегледачима, обележивачима, почетним екранима и покретачима апликација. Комплетан сет favicon-а осигурава да ваш бренд изгледа професионално и препознатљиво где год корисници наиђу на ваш сајт.

ICO Формат

ICO формат пакује више величина (16x16, 32x32, 48x48) у један фајл. Док модерни прегледачи подржавају PNG favicon-е, ICO остаје битан за максималну компатибилност са старијим прегледачима и одређеним десктоп апликацијама.

PNG Иконице

Модерни прегледачи преферирају PNG favicon-е због њиховог оштрог квалитета и подршке за провидност. Свака величина служи сврси: 16px и 32px за картице прегледача, 180px за iOS, и 192px/512px за Android и PWA.

Манифест Веб Апликације

site.webmanifest фајл дефинише како ваш сајт изгледа када се инсталира као PWA. Он специфицира иконице, боје теме, режим приказа и друге метаподатке које прегледачи користе да креирају искуство слично апликацији.

SVG Favicon-и

Функција закачене картице у Safari-ју користи монохроматску SVG иконицу. Модерни прегледачи такође почињу директно да подржавају SVG favicon-е, нудећи бесконачну скалабилност и мање величине фајлова.