Favicon-framleiðandi

Breyttu einni PNG, JPG eða SVG mynd í favicon.ico og allar þær táknastærðir sem vefsvæðið þitt þarf, pakkað í ZIP-skrá.

Óferköntuð mynd

Öll myndin helst sýnileg, miðjuð með auðu svæði í kring.

Bakgrunnur

Gegnsætt hentar vel fyrir vafraflipa; fyrir iPhone heimaskjá-tákn er bakgrunnslitur öruggari.

Táknapakkinn þinn

Favicon og táknapakkinn þinn munu birtast hér.

Tilbúið. Bættu við PNG, JPG eða SVG til að byrja.

Myndinni þinni er breytt í tákn beint í vafranum þínum. Ekkert er hlaðið upp til BroBroGo.

Algengar spurningar

Hvaða skrár eru í táknapakkanum?

favicon.ico með 16, 32 og 48 díla útgáfum innbyrðis, PNG-tákn í 16, 32, 180, 192 og 512 dílum, og site.webmanifest sem listar stóru táknin. Ef byrjað er með SVG fylgir vigurskráin sjálf einnig með. Ein ZIP-skrá geymir allt saman.

Hvaða stærð ætti upprunalega myndin að vera?

SVG er tilvalið — hvert tákn er teiknað upp úr vigrinum, þannig að jafnvel 16 dílar haldast skarpir. Fyrir PNG eða JPG er best að byrja með að minnsta kosti 512 × 512; minni myndir eru stækkaðar upp og geta litið óskýrt út.

Á bakgrunnurinn að vera gegnsær eða litaður?

Tákn á vafraflipum líta vel út gegnsæ. Heimaskjáir á iPhone og iPad lita hins vegar gegnsæ svæði svört — ef líklegt er að fólk bæti síðunni þinni við heimaskjáinn sinn er betra að velja bakgrunnslit.

Hvað gerist ef myndin er ekki ferköntuð?

Tákn eru ferköntuð, en myndin þín er aldrei teygð. Sjálfgefið er hún miðjuð með spássíu í kring; skiptu yfir í „Fylla (skera)“ (Fill) til að sníða löngu brúnirnar af í staðinn.

Hvert fara skrárnar á vefsvæðinu mínu?

Hladdu þeim upp í rótarmöppu vefsvæðisins þíns, þannig að favicon.ico sé aðgengilegt á /favicon.ico, og límdu svo línurnar sem búnar voru til inn í <head> á síðunum þínum. Vafrar velja réttu stærðina sjálfkrafa.

Skrifað og yfirfarið af ritstjórn BroBroGo.Síðast uppfært:

Breyttu myndum í tákn fyrir vefsvæðið þitt

Þetta tól tekur eina myndskrá sem þú lætur í té og breytir henni í safn af táknskrám sem henta fyrir ýmsa notkun á vefsvæðum. Þar á meðal eru flipatákn fyrir vafra, Apple touch-tákn og tákn fyrir framsækin vefforrit (PWA). Tólið pakkar þessum táknum saman í ZIP-skrá sem hægt er að sækja og gefur þér jafnframt nauðsynlegan HTML-kóðabút til að fella táknin inn á vefsvæðið þitt.

Þegar þú hleður inn mynd sýnir tólið stærðina á hlaðinni mynd með textanum „{w} × {h} px“ undir heitinu „dimensions“. Táknin sem verða til eru alltaf ferköntuð. Ef upprunalega myndin þín er ekki ferköntuð er henni annaðhvort breytt með því að bæta við spássíu eða hún er skorin til, allt eftir því hvaða valmöguleika þú velur.

Kröfur og valkostir fyrir upprunamyndir

Tólið styður eftirfarandi skrár sem inntak:

  • Myndskrá: Ein PNG, JPG eða SVG mynd.
  • Stærð: Fyrir PNG eða JPG er mælt með að minnsta kosti 512 × 512 dílum. Smærri myndir geta valdið því að stóru táknin líti út fyrir að vera óskýr.
  • Hámarksstærð skráar: Allt að 50 MB.

Þegar óferköntuð mynd er notuð geturðu valið hvernig hún passar í ferninginn:

  • Passa (bæta við spássíu): Öll myndin helst sýnileg, miðjuð með auðu svæði í kring. Þetta er sjálfgefna stillingin fyrir óferkantaðar myndir.
  • Fylla (skera): Myndin fyllir út í ferninginn og brúnirnar sem fara út fyrir eru skornar af.

Þú getur einnig valið bakgrunninn fyrir táknin þín:

  • Gegnsær: Enginn bakgrunnslitur. Þetta er sjálfgefna stillingin. Gegnsætt hentar vel fyrir vafraflipa.
  • Litur: Bakgrunnslitur sem notandinn velur. Fyrir iPhone heimaskjá-tákn er bakgrunnslitur öruggari þar sem gegnsæ svæði eru lituð svört á þeim tækjum.

Skrárnar í táknapakkanum þínum

Þegar framleiðslunni er lokið færðu ZIP-skrá sem inniheldur öll mynduðu táknin. Pakkinn inniheldur eftirfarandi skrár:

  • favicon.ico: Inniheldur 16, 32 og 48 díla útgáfur innbyrðis. Þetta er klassískt flipatákn.
  • PNG-tákn: Í stærðunum 16, 32, 180, 192 og 512 dílum. Þessi tákn nýtast sem flipatákn (PNG), fyrir iPhone og iPad heimaskjái, og fyrir Android og uppsett vefforrit.
  • site.webmanifest: Lítil textaskrá sem listar stóru táknin og segir tækjum hvar táknin eru vistuð.
  • Vigurskrá: Ef byrjað er með SVG fylgir vigurskráin sjálf einnig með í táknapakkanum, sem tryggir að hún sé skörp í hvaða stærð sem er.

Auk skránna færðu HTML-kóðabút undir „Afrita kóða“ sem þú límir inn í <head> á vefsíðunum þínum.

Villuskilaboð og lausnir

Tólið getur sýnt eftirfarandi villuskilaboð ef eitthvað fer úrskeiðis við vinnsluna:

  • „Ekki var hægt að opna þessa skrá sem mynd. Hún gæti verið skemmd, tóm eða ekki raunveruleg mynd.“
  • „Ekki var hægt að lesa þessa SVG-skrá. Gakktu úr skugga um að skráin sé gilt SVG-skjal.“
  • „Aðeins PNG, JPG og SVG myndir eru studdar.“
  • „Þessi skrá er yfir 50 MB. Notaðu minni upprunamynd.“
  • „Veldu fyrst PNG, JPG eða SVG mynd.“
  • „Framleiðsla mistókst. Reyndu aðra mynd.“
  • „Lítil upprunamynd ({w} × {h} px): stóru táknin gætu litið óskýrt út. 512 × 512 eða stærri — eða SVG — gefur bestu niðurstöðurnar.“

Örugg og staðbundin vinnsla

Persónuvernd þín er tryggð við notkun tólsins. Myndinni þinni er breytt í tákn beint í vafranum þínum og ekkert er hlaðið upp til BroBroGo. Þetta þýðir að vinnslan fer að öllu leyti fram á þínu eigin tæki.

Algengar spurningar

Hvaða skrár eru í táknapakkanum?

Svar: favicon.ico með 16, 32 og 48 díla útgáfum innbyrðis, PNG-tákn í 16, 32, 180, 192 og 512 dílum, og site.webmanifest sem listar stóru táknin. Ef byrjað er með SVG fylgir vigurskráin sjálf einnig með. Ein ZIP-skrá geymir allt saman.

Hvaða stærð ætti upprunalega myndin að vera?

Svar: SVG er tilvalið — hvert tákn er teiknað upp úr vigrinum, þannig að jafnvel 16 dílar haldast skarpir. Fyrir PNG eða JPG er best að byrja með að minnsta kosti 512 × 512; minni myndir eru stækkaðar upp og geta litið óskýrt út.

Á bakgrunnurinn að vera gegnsær eða litaður?

Svar: Tákn á vafraflipum líta vel út gegnsæ. Heimaskjáir á iPhone og iPad lita hins vegar gegnsæ svæði svört — ef líklegt er að fólk bæti síðunni þinni við heimaskjáinn sinn er betra að velja bakgrunnslit.

Hvað gerist ef myndin er ekki ferköntuð?

Svar: Tákn eru ferköntuð, sem þýðir að óferkantaðar myndir þarf að laga að forminu. Myndin þín er þó aldrei teygð. Sjálfgefið er hún miðjuð með spássíu í kring; skiptu yfir í „Fylla (skera)“ (Fill) til að sníða löngu brúnirnar af í staðinn.

Hvert fara skrárnar á vefsvæðinu mínu?

Svar: Hladdu þeim upp í rótarmöppu vefsvæðisins þíns, þannig að favicon.ico sé aðgengilegt á /favicon.ico, og límdu svo línurnar sem búnar voru til inn í <head> á síðunum þínum. Vafrar velja réttu stærðina sjálfkrafa.

Stærðarbreytir myndaBreyttu stærð mynda eftir dílum, prósentuhlutfalli eða tilbúnum forstillingum — ein mynd eða heill hópur.MyndskurðartækiSkerðu, snúðu og speglaðu mynd í hvaða form sem er — frjáls rétthyrningur, læst hlutfall eða hreinn hringur.MyndasamþjappaGerdust JPEG, PNG og WebP skrár minni beint í vafranum, með sömu myndgæðum.Vatnsmerking myndaStimplaðu texta- eða lógóvatnsmerki á eina mynd eða heilan hóp.Sniðbreytir myndaBreyttu JPG, PNG, WebP, HEIC og AVIF myndum í vafranum þínum.Base64 myndbreytirDragðu mynd hingað inn til að fá Base64 data URI hennar, eða límdu Base64 til að forskoða og hlaða myndinni niður.Gervigreindar-alt-texta-framleiðandiBreyttu hvaða mynd sem er í skýran, SEO-vænan alt-texta — lagaðu orðalagið og afritaðu.LitabreytirBreyttu litum á milli HEX, RGB, HSL, HSV, CMYK og LAB — breyttu hvaða reit sem er og hinir uppfærast jafnharðan.