Kitengeneza favicon
Tengeneza favicon
Inafanya kazi ndani ya kivinjari chako · Hakuna kupakia
Zana hii na maelekezo kwenye ukurasa huu bado ni kwa Kiingereza kwa sasa. Inafanya kazi vilevile: kila kitu kinafanya kazi ndani ya kivinjari chako.
Drag & drop your logo or icon here
or
A square PNG or SVG, at least 512 × 512, works best. JPG, WebP and others work too.
Your files stay on your device. Nothing is uploaded.
Preview
Add this to the <head> of your pages
Put the files from the ZIP in the main folder of your website (next to your home page). Then paste this code:
Kivinjari chako ni cha zamani mno kuendesha zana hii. Tafadhali kisasishe, au tumia toleo la sasa la Chrome, Edge, Firefox au Safari.
- Hakuna kinachoondoka kwenye kifaa chako
- Hakuna kikomo cha ukubwa kutoka kwa seva
- Hakuna kujisajili, hakuna alama maji
- Bure
How to make a favicon
- Choose your logo: a square PNG or SVG works best.
- Pick fit or fill, add some space around it, and choose a background if you want one. Check the preview.
- Download the ZIP, put the files in your website's main folder, and paste the HTML code into your pages.
What you get
- favicon.ico with 16, 32 and 48 pixel sizes, for all browsers and Windows.
- favicon-16x16.png and favicon-32x32.png.
- apple-touch-icon.png (180 × 180) for iPhone and iPad home screens.
- android-chrome-192x192.png and 512x512.png for Android and installed web apps.
- site.webmanifest with your site name and theme color.
- favicon.svg, when you start from an SVG.
Tips
- Simple shapes and bold letters stay recognizable at 16 pixels; fine details disappear.
- The Apple touch icon always gets a background color, because iOS shows transparent areas as black.
- After updating a favicon, browsers may keep showing the old one for a while. A hard refresh helps.
Your images stay on your device
Everything happens in your browser. Your images are never uploaded, so private photos and client work stay with you.
Maswali yanayoulizwa mara kwa mara
What size should my image be?
At least 512 × 512 pixels, or an SVG, which is sharp at every size.
Where do I put the files?
In the main (root) folder of your website, next to your home page, then paste the HTML code into the <head> of every page.
Are my images uploaded?
No. They are processed in your browser and never sent anywhere.