Generatur tal-favicon
Oħloq favicon.ico, ikoni PNG, l-apple-touch-icon u site.webmanifest minn immaġni jew emoji waħda, b’tags HTML lesti biex iwaħħalhom. ZIP, mingħajr tlugħ.
Minn karattru wieħed sa tlieta jaħdmu l-aħjar, eż. ittra, inizjali jew emoji.
site.webmanifest
Preview fid-daqs reali
Fajls fiż-ZIP
Kif toħloq favicon
- Taħt Sors, agħżel Immaġni jew Test jew emoji. - Immaġni: waqqa’ PNG, JPG, WebP jew SVG. Logo kwadru ta’ mill-inqas 512 × 512 px jaħdem l-aħjar. Agħżel L-immaġni kollha biex tidħol ġewwa l-ikona, jew Imla u aqta’ biex tkopri l-kwadru. - Test jew emoji: ikteb ittra, inizjali jew emoji, imbagħad agħżel il-Font, Grassett u l-Kulur tat-test.
- Issettja l-Kulur tas-sfond, jew immarka Sfond trasparenti. Agħżel Forma (Kwadru, Bil-kantunieri mdawrin jew Ċirku) u Padding (%) biex tħalli spazju madwar il-kontenut.
- Jekk trid, iftaħ site.webmanifest biex tdaħħal l-Isem tal-app (web manifest), l-Isem qasir, il-Kulur tat-tema u l-URL tal-folder tal-ikoni (żomm
/jekk il-fajls jmorru fl-għerq tas-sit tiegħek). - Ikklikkja Iġġenera l-favicons. L-ikoni jidhru fid-daqs reali tagħhom, ħdejn tab ta’ brawżer simulat. Wara dan, kull bidla taġġornahom fil-ħin.
- Ikklikkja Niżżel ZIP, ittella’ l-fajls fuq is-sit tiegħek, imbagħad Ikkopja t-tags u waħħalhom ġewwa
<head>tal-paġni tiegħek.
X’hemm fiż-ZIP
| Fajl | Daqs | Użat minn |
|---|---|---|
| favicon.ico | 16, 32 u 48 px | Tabs tal-brawżer, bookmarks, brawżers qodma, Windows |
| favicon-16x16.png | 16 × 16 | Tabs tal-brawżer |
| favicon-32x32.png | 32 × 32 | Tabs fuq skrins b’densità għolja, shortcuts tat-taskbar |
| apple-touch-icon.png | 180 × 180 | Home screen tal-iPhone u l-iPad |
| android-chrome-192x192.png | 192 × 192 | Home screen tal-Android (web manifest) |
| android-chrome-512x512.png | 512 × 512 | Splash screens tal-installazzjoni (web manifest) |
| site.webmanifest | — | Isem, kuluri u ikoni ta’ sit installabbli |
| favicon-tags.html | — | It-tags HTML, bħala referenza |
Il-fajl ICO fih tliet immaġini PNG, format li Windows (minn Vista) u kull brawżer kurrenti jaqra. L-apple-touch-icon dejjem jiġi salvat fuq sfond solidu, għax iOS juri l-pikseli trasparenti bħala suwed; b’sfond trasparenti jintuża l-abjad.
It-tags HTML
It-tags iġġenerati jidhru hekk (bl-URL tal-folder tiegħek):
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">
Il-brawżers jitolbu wkoll /favicon.ico awtomatikament fl-għerq tad-dominju tiegħek, allura żommu hemm jgħin anki fuq paġni mingħajr it-tags.
Pariri tad-disinn
- Żommha sempliċi. F’16 × 16 px, id-dettall jisparixxi. Ittra waħda, simbolu grassett jew l-iktar verżjoni sempliċi tal-logo tiegħek tinqara l-aħjar.
- Iċċekkja l-preview fid-daqs reali. L-ikona ta’ 16 px fit-tab simulat hija dik li l-viżitaturi jaraw fil-fatt.
- Ħu kont tal-modalità skura. Logo skur fuq sfond trasparenti jista’ jisparixxi fit-temi skuri tal-brawżer; sfond ikkulurit jew padding żgħir jgħin.
- L-emoji jidhru differenti fuq kull sistema, għax kull pjattaforma tpinġi l-emoji bl-istil tagħha. Il-fajls PNG iżommu d-dehra tal-apparat tiegħek.
Mistoqsijiet frekwenti
Liema daqsijiet teħtieġ favicon?
Fil-prattika: favicon.ico b’16, 32 u 48 px, apple-touch-icon ta’ 180 px u PNGs ta’ 192 u 512 px għall-web manifest. Din l-għodda toħloqhom kollha minn sors wieħed.
Nista’ nuża logo SVG?
Iva. Il-fajls SVG jitpinġu b’riżoluzzjoni għolja qabel ma jinħolqu l-ikoni. L-SVG jintwera bħala immaġni sempliċi, allura l-iscripts tiegħu qatt ma jaħdmu.
Kif nagħmel favicon b’emoji?
Agħżel Test jew emoji, ikteb jew waħħal l-emoji, agħżel sfond jew żommu trasparenti, u iġġenera. Ir-riżultat huwa PNG u ICO veri, allura jaħdem fuq kull brawżer.
Għaliex il-favicon il-ġdida tiegħi ma tidhirx?
Il-brawżers iżommu l-favicons fil-cache b’mod aggressiv. Erġa’ tgħabbi bil-cache imnaddfa, iftaħ is-sit f’tieqa privata, jew żid verżjoni mal-URL, bħal /favicon.ico?v=2.
L-immaġni tiegħi tittella’?
Le. L-ikoni, iż-ZIP u l-manifest jinħolqu fil-brawżer tiegħek; xejn ma jitlaq mill-apparat tiegħek.
Għodod relatati
- Konvertitur tal-formati tal-immaġini Ikkonverti l-immaġini bejn PNG, JPG, WebP, BMP u ICO fil-brawżer tiegħek. Konverżjoni f’lott, daqsijiet tal-favicon u trasparenza, mingħajr ma ttella’ xejn.
- SVG għal PNG Ikkonverti SVG għal PNG, JPG jew WebP fil-brawżer tiegħek b’kull wisa’, għoli, skala jew DPI, b’sfond trasparenti jew ikkulurit. F’lott u ZIP, mingħajr upload.
- Generatur tal-meta tags Generatur tal-meta tags b’xejn għat-titlu, il-meta description, l-URL kanoniku, robots u viewport, b’kontrolli tat-tul u HTML eskejpjat sew.
- Biddel id-daqs tal-immaġini Biddel id-daqs ta’ immaġini JPG, PNG u WebP bil-pixels jew bil-perċentwal, żomm il-proporzjon u ipproċessa diversi ritratti f’daqqa, fil-brawżer tiegħek.