Favicon generatorius

Paverskite vieną PNG, JPG arba SVG failą į „favicon.ico“ ir visų kitų dydžių piktogramas, supakuotas į ZIP archyvą.

Nekvadratinis paveikslėlis

Matomas visas paveikslėlis, centruotas su paraštėmis aplink.

Fonas

Permatomas fonas puikiai tinka naršyklės skirtukams; „iPhone“ pagrindinio ekrano piktogramoms saugiau pasirinkti fono spalvą.

Jūsų piktogramų rinkinys

Čia pasirodys jūsų svetainės piktograma (favicon) ir piktogramų rinkinys.

Paruošta. Norėdami pradėti, pridėkite PNG, JPG arba SVG failą.

Jūsų paveikslėlis paverčiamas piktogramomis jūsų naršyklėje. Nieko neįkeliama į „BroBroGo“.

DUK

Kokie failai yra piktogramų rinkinyje?

„favicon.ico“ su 16, 32 ir 48 pikselių versijomis viduje, PNG piktogramos (16, 32, 180, 192 ir 512 pikselių) bei „site.webmanifest“ failas, kuriame išvardytos didžiosios piktogramos. Pradedant nuo SVG, įtraukiamas ir pats vektorinis failas. Viskas supakuota į vieną ZIP archyvą.

Kokio dydžio turėtų būti pradinis paveikslėlis?

SVG formatas yra idealus – kiekviena piktograma atkuriama iš vektoriaus, todėl išlieka ryški net esant 16 pikselių dydžiui. Naudojant PNG arba JPG, rekomenduojama pradėti nuo bent 512 × 512 px; mažesni paveikslėliai bus padidinti ir gali atrodyti neryškūs.

Ar fonas turėtų būti permatomas, ar spalvotas?

Skirtukų piktogramos puikiai atrodo su permatomu fonu. Tačiau „iPhone“ ir „iPad“ pagrindiniuose ekranuose permatomos sritys užpildomos juoda spalva – jei lankytojai gali pridėti jūsų svetainę prie pagrindinio ekrano, rekomenduojame pasirinkti fono spalvą.

Kas nutinka, jei pradinis paveikslėlis nėra kvadratas?

Piktogramos yra kvadratinės, tačiau jūsų paveikslėlis niekada nebus ištemptas. Pagal numatytuosius nustatymus jis yra centruojamas su paraštėmis aplink; pasirinkite „Užpildyti (apkirpti)“, kad vietoj to būtų nukirpti išsikišantys kraštai.

Kur svetainėje reikia įkelti šiuos failus?

Įkelkite juos į pagrindinį (root) svetainės aplanką, kad „favicon.ico“ būtų pasiekiamas adresu /favicon.ico, tada įklijuokite sugeneruotas eilutes į savo puslapių <head> dalį. Naršyklės pačios pasirinks tinkamą dydį.

Paveikslėlių dydžio keitiklisKeiskite paveikslėlių dydį pagal pikselius, procentus arba paruoštus šablonus – vienam vaizdui arba visai grupei.Paveikslėlių apkirpimo įrankisApkirpkite, pasukite ir apverskite paveikslėlį iki bet kokios formos – laisvo stačiakampio, fiksuoto santykio ar švaraus apskritimo.Paveikslėlių kompresoriusSuspauskite paveikslėlius lokaliai naudodami išmanųjį, tikslinio dydžio ir išplėstinį valdymą.Vandens ženklų uždėjimasUždėkite teksto arba logotipo vandens ženklą ant vienos nuotraukos arba visos jų grupės iškart.Paveikslėlių formatų konverterisKonvertuokite JPG, PNG, WebP, HEIC ir AVIF paveikslėlius tiesiog savo naršyklėje.Base64 paveikslėlių keitiklisNutempkite paveikslėlį, kad gautumėte jo Base64 data URI, arba įklijuokite Base64 kodą, kad peržiūrėtumėte ir atsisiųstumėte paveikslėlį.DI alternatyvaus teksto generatoriusPaverskite bet kurį paveikslėlį aiškiu, SEO optimizuotu alternatyviuoju tekstu – redaguokite ir nukopijuokite.Spalvų konverterisKonvertuokite spalvas tarp HEX, RGB, HSL, HSV, CMYK ir LAB – redaguokite bet kurį lauką, o kiti atsinaujins automatiškai.