Gjør logoen din om til alle ikonene et nettsted trenger: favicon.ico som nettlesere ser etter, PNG-ikoner, ikonet for iPhone-hjemskjermen og Android-appikoner, med et ferdig manifest og linjene du limer inn på siden din.
Favicon-generator at a glance
| Price | Gratis, uten registrering, vannmerke eller daglig grense |
|---|---|
| Godtar | JPG · PNG · WebP · HEIC |
| Største fil | 20 MB per file |
| Where it runs | I nettleseren: filene lastes aldri opp |
| Fungerer på | Alle moderne nettlesere på iPhone, Android, Windows, Mac og Linux |
| Send resultatet | Last den ned, eller send den gratis med en lenke eller på e-post (opptil 20 GB) |
Slik bruker du verktøyet Favicon-generator
- Velg en kvadratisk logo eller et bilde, helst 512 × 512 piksler eller større.
- Velg hvordan et ikke-kvadratisk bilde skal håndteres, en bakgrunn og en luft rundt.
- Trykk på Lag favicons.
- Last ned alt som en ZIP, last opp filene til rotmappen på nettstedet, og lim inn HTML-koden i <head>.
Dette får du
| Fil | Størrelse | Brukes av |
|---|---|---|
favicon.ico | 16, 32, 48 px | Alle nettlesere, Windows, bokmerker |
favicon-16x16.png, favicon-32x32.png | 16, 32 px | Nettleserfaner |
apple-touch-icon.png | 180 px | Hjemskjermen på iPhone og iPad |
android-chrome-192x192.png, -512x512.png | 192, 512 px | Hjemskjermen på Android, installerbare nettapper |
site.webmanifest | Navn, ikoner og farger for Android og PWA-er |
Design for 16 piksler
Et favicon er bitte lite. Bruk et tydelig symbol eller én eller to bokstaver i stedet for en hel logo med slagord, og høy kontrast. Små ikoner lages ved å skalere ned i halveringstrinn fra en stor arbeidskopi, noe som holder kantene skarpe. Luft rundt gir en logo som går helt ut i kantene litt pusterom, og avrundede hjørner eller en sirkel passer til stilen på appikoner. iPhone-ikonet får alltid en heldekkende bakgrunn, fordi iOS viser gjennomsiktige områder som svarte.
En ekte ICO-fil
favicon.ico skrives her byte for byte som en ekte ikonfil med flere størrelser (PNG-komprimerte oppføringer, støttet av alle nyere nettlesere og av Windows siden Vista), ikke en omdøpt PNG. Ingenting lastes opp: logoen din behandles i nettleseren. Vil du redigere bildet først, for eksempel beskjære det kvadratisk, bruker du bilderedigeringen. Trenger du også en QR-kode til nettstedet ditt? Prøv QR-kodegeneratoren.
Slik er sammenligningen
| Dette verktøyet | Online converters (e.g. TinyPNG, iLoveIMG eller CloudConvert) | Skrivebordsprogrammer (f.eks. Photoshop) | |
|---|---|---|---|
| Filen din lastes opp | Nei | Ja, til serverne deres | Nei |
| Installasjon eller konto | Ingen | Konto for enkelte funksjoner | Install needed |
| Vannmerke eller daglige grenser | Ingen | Vanlig på gratisabonnementer | Depends on the app |
Andre tjenesters abonnementer endres; sjekk nettstedene deres. Mer bildeverktøy.
Vanlige spørsmål
Hvilken størrelse bør favicon-bildet mitt ha?
Kvadratisk og minst 512 × 512 piksler, så det store Android-ikonet forblir skarpt. Mindre bilder fungerer, men skaleres opp.
Hvor legger jeg filene?
I rotmappen på nettstedet ditt (ved siden av index.html), og lim så inn HTML-koden som vises med resultatene i head-delen på sidene dine.
Trengs favicon.ico fortsatt?
Ja. Nettlesere og mange verktøy ber automatisk om /favicon.ico, selv uten en link-tagg.
Kan jeg lage et favicon fra et foto?
Ja, velg Beskjær midten, men en enkel logo eller bokstav er mye lettere å kjenne igjen på 16 piksler.
Blir logoen min lastet opp?
Nei. Ikonene lages på enheten din.
Trenger du å sende en stor fil?
Send filer opptil 20 GB med en nedlastingslenke eller på e-post. Gratis, ingen konto nødvendig, originalkvalitet.
Send store filer gratis