Kitengeneza Favicon

Zana zote

Tengeneza kifurushi kamili cha favicon kutoka kwa nembo, ikoni ya fonti au monogram — favicon.ico, PNG za kisasa, Apple touch icon, PWA icons, web manifest na kijisehemu cha HTML.

Weka nembo, chagua ikoni ya fonti au andika monogram — tunatengeneza kila favicon ambayo tovuti ya kisasa inahitaji, kuanzia favicon.ico ya kawaida hadi Apple touch icon, PWA icons na kijisehemu cha HTML kilicho tayari kubandika.

Sanaa yako
Dondosha PNG hapa au bofya kupakia
PNG ya uwazi inapendekezwa · pia inakubali JPG / WebP
64%
Mandharinyuma
Rangi ya mandharinyuma
0%
Kivinjari na PWA
Inatumika na kiolesura cha kivinjari na PWA manifest.
Onyesho la awali
Tovuti Yako
example.com
Alamisho · 32px
Apple touch · 180px
PWA · 512px
Kifurushi chako cha favicon kiko tayari
Upakuaji wa ZIP umeanza. Ifungue katika root ya tovuti yako na ubandike kijisehemu cha HTML katika <head> yako.

Kuhusu Kitengeneza Favicon

Kitengenezaji cha Favicon hutengeneza kila aikoni ambayo tovuti ya kisasa inahitaji kutoka chanzo kimoja: pakia nembo ya PNG, chagua aikoni ya fonti, au andika monogramu. Kifurushi kinajumuisha favicon.ico ya kawaida (16, 32 na 48 px), favicon za PNG za kisasa, aikoni ya Apple touch ya 180 px, aikoni za PWA za 192 na 512 px, site.webmanifest na kipande cha HTML cha head.

Uwekaji mtindo hushughulikiwa ndani ya zana: chagua rangi ya mandhari au uache uwazi, kata kuwa mraba, iliyoviringishwa au mviringo, rekebisha padding na ukubwa wa kazi ya sanaa, na weka rangi ya mandhari (theme color) inayotumiwa na kiolesura cha kivinjari na manifest ya PWA. Muhtasari wa moja kwa moja huonyesha aikoni yako katika mazingira halisi — kichupo cha kivinjari cha 16 px, alama ya kurasa, tile ya Apple touch na aikoni ya PWA.

Kila kitu huchorwa kwenye canvas ndani ya kivinjari chako, na Tengeneza hukusanya kifurushi kizima kuwa ZIP pamoja na README. Usakinishaji ni hatua mbili: fungua ZIP kwenye mzizi wa tovuti yako na bandika kipande kilichotolewa kwenye <head> yako.

Jinsi ya kutumia Kitengeneza Favicon

  1. Chagua chanzo chako: pakia nembo ya PNG, chagua aikoni ya fonti, au andika monogramu.
  2. Ipe mtindo — rangi ya mandhari au uwazi, umbo, padding na ukubwa wa kazi ya sanaa.
  3. Jaza jina la tovuti, jina fupi na rangi ya mandhari kwa ajili ya manifest ya PWA.
  4. Angalia muhtasari: kichupo cha kivinjari, alama ya kurasa, mazingira ya Apple touch na PWA.
  5. Bofya "Tengeneza favicon" na fungua kifurushi kwenye mzizi wa tovuti yako.
  6. Bandika kipande cha HTML kutoka kwenye kifurushi ndani ya <head> ya ukurasa wako.

Maswali yanayoulizwa mara kwa mara

Ndiyo — kifurushi kizima, ikiwa ni pamoja na .ico, ukubwa wote wa PNG, manifest na kipande cha HTML, ni bure kutengeneza na kupakua.

favicon.ico yenye tabaka za 16, 32 na 48 px, favicon za PNG za kisasa, apple-touch-icon ya 180 px, aikoni za PWA za 192 na 512 px, site.webmanifest, kipande cha HTML tayari kubandikwa na README yenye hatua za usakinishaji.

Ndiyo. Vivinjari na roboti bado huomba /favicon.ico kama chaguo mbadala, na wateja wa zamani hutegemea hilo. Kifurushi kinatoa faili hilo pamoja na viungo vya kisasa vya PNG ili kila mtembeleaji apate aikoni safi.

Fungua kifurushi kwenye mzizi wa tovuti yako ili faili ziwe kwenye mzizi wa domain, kisha bandika kipande cha HTML kilichotolewa ndani ya <head> ya kurasa zako. README ndani ya ZIP inarudia hatua hizi.

Huandikwa kwenye manifest na lebo za meta, ikitia rangi kiolesura cha kivinjari kwenye simu na skrini ya kuanzia na sanduku la kichwa la PWA iliyosakinishwa ili viendane na chapa yako.

Ndiyo. Andika monogramu ya herufi moja au mbili na uchague fonti na rangi, au chagua glyph kutoka kwenye maktaba ya aikoni za fonti — kitengenezaji huitoa katika kila ukubwa kama vile nembo iliyopakiwa.
Shiriki hii
Zana Zinazohusiana
Kiunda Ikoni za Programu Unda seti kamili ya ikoni za programu iliyo tayari kwa duka kwa ajili ya App Store na Google Play — mandharinyuma bora ya gredienti, mesh na ruwaza, iliyoundwa kutoka nembo yako. Bila Malipo
Ikoni hadi PNG Geuza Bootstrap Icons, Font Awesome na zaidi kuwa picha maalum za PNG — bure, ndani ya kivinjari chako. Bila Malipo
Mjenzi wa Nembo Buni nembo ndani ya kivinjari chako na uhamisha vekta inayoweza kuhaririwa ya kweli (SVG, inafunguka katika Illustrator) pamoja na PNG yenye uwazi. Bure, bila AI, hakuna kinachopakiwa. Bila Malipo
Kizalishi cha Msimbo wa QR Tengeneza msimbo wa QR (URL, maandishi, Wi-Fi, vCard…) kama PNG. Bila Malipo
Kitengenezaji Sahihi ya Barua Pepe Buni sahihi ya barua pepe ya HTML yenye umbo la kitaalamu kutoka kwa templeti 30, ibinafsishe na uihifadhi. Bila Malipo
Kizalishi cha CSS Box Shadow Tengeneza vivuli vya CSS box-shadow vilivyowekwa tabaka kwa kutumia vitelezi vya moja kwa moja vya umbali, ukungu, usambazaji, rangi, uwazi na inset — angalia muundo kwenye kipengele halisi na nakili CSS tayari kupachika papo hapo. Bila Malipo
Utafutaji maarufu
jenereta ya favicon kitengeneza favicon.ico tengeneza favicon mtandaoni aikoni ya apple touch jenereta ya aikoni PWA favicon kutoka nembo
Unahitaji msaada?
Umepata tatizo na zana hii? Tujulishe timu yetu.
Ripoti tatizo

Ongeza zana hii ya bure kwenye tovuti yako mwenyewe — nakili na ubandike msimbo ulio hapa chini.