Mitä favicon-paketti sisältää
Favicon-paketti sisältää yleensä favicon.ico-tiedoston sekä yleisimmät PNG-kokoversiot.
Niiden generointi yhdessä auttaa välttämään puuttuvia resursseja julkaisun hetkellä.
Favicon / sovelluskuvakegeneraattori
Lataa yksi neliömäinen lähdekuva ja luo favicon-paketti sovelluskuvakkeineen sekä aloitusmanifestilla.
Tiedostoa ei ole valittu
Lataa yksi neliökuva esikatsellaksesi sen täällä ennen generointia.
| Tiedosto | Pikselit |
|---|---|
favicon.icoKuvake | 16 x 16, 32 x 32, 48 x 48 |
favicon-16x16.pngKuvake | 16 x 16 |
favicon-32x32.pngKuvake | 32 x 32 |
favicon-48x48.pngKuvake | 48 x 48 |
favicon-96x96.pngKuvake | 96 x 96 |
favicon-128x128.pngKuvake | 128 x 128 |
favicon-180x180.pngKuvake | 180 x 180 |
favicon-196x196.pngKuvake | 196 x 196 |
apple-touch-icon.pngKuvake | 180 x 180 |
apple-touch-icon-precomposed.pngKuvake | 180 x 180 |
android-chrome-192x192.pngKuvake | 192 x 192 |
android-chrome-512x512.pngKuvake | 512 x 512 |
site.webmanifestManifesti | ei sovellu |
Tietoa favicon- ja sovelluskuvakkeiden luonnista
Favicon-generaattorit muuttavat yhden lähdekuvan kuvakesarjaksi, jonka sivusto tai web-sovellus tarvitsee. Se kattaa yleensä selainvälilehdet, touch-kuvakkeet, Android-resurssit ja manifestivalmiit tiedostot.
Apple touch -kuvakkeet, Android-kuvakkeet ja manifestit
Nykyaikaiset asetukset tarvitsevat myös Apple touch -kuvakkeet, Android-kuvakkeet ja manifestituen.
Näiden niputtaminen yhteen tekee käyttöönotosta ja PWA-asetuksista yksinkertaisempaa.
Lähdekuvan valmistelu
Lähdekuva toimii parhaiten, kun se on neliö, yksinkertainen ja luettavissa pienessä koossa.
Selkeä kuvitus tuottaa terävämpiä tuloksia 16x16-, 32x32- ja muissa pienissä viennissä.
Usein kysytyt kysymykset
Vastauksia lähdekuvan vaatimuksiin, generoituun favicon-sisältöön, pyöreään kuvakeasetukseen ja siihen, mitä ladatulle paketille kannattaa tehdä seuraavaksi.
Muut työkalut
Selaa jokaista erillistä työkalusivua etusivun keskuksesta tai keskitetystä ylätunnisteen valitsimesta.
Kuvat
WebP-muunnin
Muunna enintään 10 JPEG-, PNG- tai WebP-kuvaa WebP-muotoon laatuasetuksilla ja ZIP-latauksilla.
Avaa WebP-muunnin
Värit ja CSS
Värimuunnin
Muunna hex-, RGB-, HSL-, OKLCH- ja OKLAB-formaattien välillä samalla kun tarkistat kontrastia ja viet CSS-valmiita tokeneita.
Avaa Värimuunnin
Dataformaatit
JSON / YAML / TOML -muunnin
Validoi, muotoile, minimoi ja muunna JSONia, YAMLia ja TOMLia selkeillä yhteensopivuusvaroituksilla.
Avaa JSON / YAML / TOML
Dataformaatit
CSV-tarkistin
Validoi CSV-tiedostot ja liitetyt rivit erotinmerkin tunnistuksella, otsaketarkistuksilla, ongelmalistoilla ja jäsennetyillä esikatseluilla.
Avaa CSV-tarkistin
Teksti
Case / Slug / Escape
Muunna teksti camelCase-, snake_case-, kebab-case-, PascalCase-, slug- ja yleisiin escape-muotoihin.
Avaa Case / Slug / Escape
Teksti
Markdown-tarkistin ja esikatselu
Validoi Markdown-rakenne, esikatsele renderöity tulos ja löydä yleiset kirjoitusongelmat ennen julkaisua.
Avaa Markdown-tarkistin