Ilmainen · Ei vesileimaa · 52 kieltä

Favicon-generaattori jokaiselle laitteelle

Muuta mikä tahansa kuva favicon.ico-tiedostoksi, Apple touch -kuvakkeiksi, Android- ja PWA-kuvakkeiksi sekä valmiiksi liitettäväksi HTML-koodiksi. Tai piirrä oma kuvake pikseli pikseliltä.

Favicon-pakettisi on valmis

Lataa ZIP-paketin tiedostot palvelimelle ja liitä tämä koodi <head>-osioon

Näin luot favicon-kuvakkeen 3 vaiheessa

Mistä tahansa logosta tai kuvasta täydelliseksi, standardien mukaiseksi favicon-sarjaksi alle minuutissa.

Lataa kuvasi

Pudota PNG-, JPG-, WebP-, AVIF-, GIF-, SVG- tai ICO-tiedosto generaattoriin tai piirrä kuvake pikselieditorissa.

Säädä rajaus ja värit

Vedä ja zoomaa kuvaa, aseta täyte, pyöristetyt kulmat, tausta ja teemaväri.

Lataa ja asenna

Lataa ZIP-paketti, siirrä tiedostot verkkosivustollesi ja liitä HTML-koodi <head>-osioon.

Kaikki, mitä verkkosivustosi kuvake tarvitsee

Yksi lataus luo kaikki kuvakkeet, joita nykyaikaiset selaimet, puhelimet, tabletit ja käyttöjärjestelmät vaativat.

Selaimen faviconit

Monikokoinen favicon.ico sekä 16, 32 ja 96 px PNG-kuvakkeet Chromelle, Firefoxille, Safarille ja Edgelle.

Apple touch -kuvakkeet

Kaikki iPhonen ja iPadin aloitusnäytön koot 57–180 px yhtenäisellä taustalla.

Android ja PWA

Kuvakkeet aina 512 px asti, maskattava kuvake ja valmis manifest.json asennettaville verkkosovelluksille.

Windows-ruudut

Ruutukuvat ja browserconfig.xml ruutuvärillesi.

Pikselieditori

Piirrä terävä 16×16-kuvake tyhjästä tai hienosäädä ladatun kuvan jokaista pikseliä.

HTML-koodi mukana

Kopioitava <head>-koodi lataussivulla ja jokaisen paketin readme-tiedostossa.

REST API

Automatisoi favicon-kuvakkeiden luonti henkilökohtaisilla API-avaimilla ja valmiilla koodiesimerkeillä.

Yksityinen ja turvallinen

Ei hotlinkkausta, ei julkisia gallerioita. Kuvakkeesi pysyvät sinun – omalla palvelimellasi.

Paketin favicon-koot

Tiedosto	Koko	Käyttäjät
`favicon.ico`	16, 32, 48	Kaikki selaimet, Windows, hakurobotit
`favicon-16x16.png`, `favicon-32x32.png`	16, 32	Selaimen välilehdet, kirjanmerkit
`favicon-96x96.png`	96	Google-hakutulokset, työpöydän pikakuvakkeet
`apple-icon-*.png`, `apple-touch-icon.png`	57 – 180	iPhonen ja iPadin aloitusnäyttö
`android-icon-.png`, `web-app-manifest-.png`	36 – 512	Androidin aloitusnäyttö, PWA
`maskable-icon-512x512.png`	512	Androidin mukautuvat kuvakkeet
`ms-icon-*.png`	70 – 310	Windowsin Käynnistä-ruudut
`manifest.json`, `site.webmanifest`, `browserconfig.xml`	—	PWA-asennus, Windowsin määritykset

Usein kysytyt kysymykset

Mikä on favicon?

Favicon on pieni kuvake, joka näkyy selaimen välilehdissä, kirjanmerkeissä, historiassa ja hakutuloksissa verkkosivustosi nimen vieressä. Nykyaikaiset sivustot tarvitsevat myös suurempia versioita iPhonen ja Androidin aloitusnäytöille, Windows-ruuduille ja Progressive Web App -sovelluksille.

Mitä kuvamuotoja voin ladata?

Voit ladata PNG-, JPG-, WebP-, AVIF-, GIF-, BMP- tai SVG-tiedoston tai olemassa olevan ICO-tiedoston. Terävin tulos syntyy neliönmuotoisesta, vähintään 512 × 512 pikselin kuvasta, jossa on läpinäkyvä tausta.

Mitä favicon-paketti sisältää?

Monikokoisen favicon.ico-tiedoston (16, 32 ja 48 px), PNG-faviconit, kaikki Apple touch -kuvakkeet, Android- ja PWA-kuvakkeet mukaan lukien maskable-kuvake, Windows-ruutukuvat, manifest.json, site.webmanifest, browserconfig.xml sekä readme-tiedoston, jossa on asennusohjeet ja valmis liitettävä HTML-koodi.

Onko MakeFav ilmainen?

Kyllä. Faviconien luominen, muokkaaminen ja lataaminen on täysin ilmaista. Tarvitset vain ilmaisen tilin vahvistetulla sähköpostiosoitteella; ilmaiseen tiliin kuuluu uutiskirjeemme, joka lähetetään enintään kerran viikossa.

Miksi tarvitsen tilin lataamiseen?

Tilit suojaavat palvelua väärinkäytöltä ja hotlinkkaukselta, tallentavat favicon-pakettiesi historian ja antavat sinulle henkilökohtaiset API-avaimet. Luotuja kuvakkeita ei koskaan julkaista eikä niihin linkitetä palvelimiltamme – isännöit ne itse.

Miten asennan faviconin verkkosivustolleni?

Pura paketti, lataa kaikki tiedostot verkkosivustosi juurikansioon ja liitä HTML-koodi jokaisen sivun <head>-osioon. Sama koodi on myös paketin readme-makefav.txt-tiedoston lopussa.

Tarvitsenko favicon.ico-tiedostoa vielä vuonna 2026?

Kyllä. Monet työkalut, hakurobotit ja vanhemmat selaimet pyytävät edelleen automaattisesti tiedostoa /favicon.ico. Yhdistä se PNG- ja SVG-kuvakkeisiin sekä web-manifestiin, niin saat parhaan kattavuuden.

Voinko luoda faviconeja automaattisesti?

Kyllä. Käytä MakeFavin REST API:a henkilökohtaisella API-avaimellasi luodaksesi täydellisiä favicon-paketteja build-putkestasi, sisällönhallintajärjestelmästäsi tai sovelluksestasi. Koodiesimerkit löytyvät API-dokumentaatiosta.

Luo favicon nyt

Mainos