Búa til favicon
Svingja einfalt mynd í vefsíður (favicon) og vefsíður ikon pakka. Skoðaðu að hönnun er enn viðurkennd í litlum stærðum, hlaupa skrifnar niður og fylgjast með uppsetningu dæmi.
áður en þú byrjar
- inntök
- JPG, PNG eða statískt WebP mynd.
- Afleiðing
- A ZIP með ICO, PNG dæmi, manifest og HTML dæmi.
Sjálfbúnaður ...
Hvernig á að nota þetta tól
- Veldu JPG, PNG eða statískt WebP mynd.
- Bæta til kvarts eða bæta padding og athuga ikona fyrirmyndun.
- Hættu niður ZIP og passa dæmi leiðir til vefsíðunnar þíns.
Að skilja niðurstöður
A vefsíður síða tákn (favicon) birtist oft í mjög litlu stærð. A ljóst tákn eða bókin virkar yfirleitt betra en nákvæm kunstverk eða smá texta. Gerðar skrif eru enn nauðsynlegir að hlaða upp og referencið af vefsíðu þínu.
Hvers vegna líður vefsíðunni mína (favicon) blurry eða of lítil?
A breið orðmarka eða nákvæmlega mynd getur orðið ólesandi í smáþróunarmál. Byrjaðu með einfaldum kvartsymbolum og skoðaðu raunverulegu 16 og 32-pixel forrit. Padding varðveita fullur kjarn en getur yfirgefið breið logó mjög lítil; kvartsgrúð fylgir mynda og getur skerað út hliðina. Skoðaðu báðir valkostur áður en þú settir niðurstöður.
Hvaða vefsíður tab ikona (favicon) skrá ætti ég að hlaupa upp á vefsíðu mínu?
ZIP er með favicon.ico, PNG icons, apple-touch-icon.png, site.webmanifest and install.html.txt Til dæmis link tags. Hættu skýrsluna fyrst; hlaða upp ZIP einn hentar ekki reikninginn. Til dæmis leiðir til þess að skrá eru á rótinu vefsvæði. Áætlaðu þessar leiðir til aðra mappur, eða nota staðsetningu síður-eikona á plötvunni þinni, þá athuga útgáfu síðu og cache.
Prófaðu dæmi
Prófaðu upprunalega skammt til að athuga stuðlað vinnuflokk. Sjálfsögn er ekki takmörk fyrir hvert innfang.
Originalsögn sýn ↓Ef árangur er ekki það sem þú ert að vona
Síðan sýnir enn gamall ikon.
Hugbúnaður gefur þá ekki upp. Skoðaðu URL-tæknin og síðu markup, þá fjarlægðu síðurinn og prófaðu fræga browsersemi. Browsers og leita-resultakönnun geta uppfærð á mismunandi tíma.
Næsta gagnleg tól: SVG í PNG →mikilvægt takmörk
- Myndin er aðeins inn; breyta SVG til PNG fyrst.
- Verktækið breytir ekki staðsetningu vefsíðunnar þíns.
- Skoðaðu eigin vefsíðuna þína eftir að setja upp dæmi vegna þess að caching og plattformar hegðun getur verið mismunandi.
- Maximum 10 MB 12 milljónir pixels. Útflutningin inniheldur ICO, PNG tákn, webmanifest og dæmi HTML í ZIP.
Stundum spurningar
Er þetta að setja upp vefsíðunni (favicon) á síðuna mína?
Ekki Það er búin að undirbúa skýrslum og dæmi. Uppfærðu skrifnar og uppfærðu leiðir eða staðsetningar vefsíðunnar.
Er pakkaðurinn að gera vefsíðu mínu PWA?
Ekki Ikonfiler og grundvallar webmanifest eru aðeins hluti af web app setup.
Hvers vegna er logótið mitt erfitt að lesa á 16 pixel?
Fínir upplýsingar geta verið að missa á þessum stærð. Prófaðu einfalt merki, sterkari form eða meira pláss um markinn.
Related leiðbeiningar
Spurning eða réttning? mrkcal@mrkcal.com