Toolbox Hub
Alle gereedschappen

Favicon Generator

Generate favicons

Generate favicons Wordt lokaal uitgevoerd in uw browser

About the

De Favicon Generator neemt een afbeelding, snijdt deze bij tot een vierkant vanuit het midden en produceert een pictogrambestand van 64 bij 64 dat u in de hoofdmap van de site kunt plaatsen. De uitsnede is belangrijker dan het klinkt: browsers geven favicons vierkant weer, dus een breed logo in een vierkant ziet er verkeerd uit, terwijl een uitsnede in het midden meestal het herkenbare deel behoudt. De afbeelding wordt verwerkt op een canvas in uw browser, er wordt dus niets geüpload.

Where people use the

  • Een favicon genereren op basis van een logo voordat een site wordt gelanceerd.
  • Snel een icoon maken voor een prototype of een interne tool.
  • Een plaatsaanduidingspictogram vervangen dat is overgebleven van een sjabloon.
  • Een vierkante versie maken van een breed logo voor gebruik in een tabblad.

How to use the

  1. 1

    Upload een afbeelding

    Kies het logo of de afbeelding die u wilt gebruiken. Een vierkant bronbeeld geeft het beste resultaat omdat er niets wordt afgesneden.

  2. 2

    Laat het bijsnijden en het formaat wijzigen

    De kortste zijde wordt gebruikt als bijsnijdvierkant, genomen vanuit het midden, en het resultaat wordt getekend op 64 bij 64.

  3. 3

    Vergelijk de twee voorbeelden

    Het origineel en het pictogram worden naast elkaar weergegeven, zodat u kunt zien wat er door de uitsnede is verwijderd.

  4. 4

    Download het pictogram

    Sla het bestand op als favicon.ico en plaats het in de hoofdmap van uw site, of upload het waar uw framework statische assets verwacht.

Tips en beste praktijken

  • Upload een vierkante afbeelding om te voorkomen dat de randen van een breed logo verloren gaan.
  • Geef het pictogram een ​​effen achtergrond als het op zowel lichte als donkere tabbladen wordt weergegeven.
  • Moeilijk herladen na het uploaden; browsers cachen favicons agressief.

Veelgestelde vragen

Waarom wordt mijn logo bijgesneden?

Omdat favicons vierkant zijn. Het gereedschap neemt het grootste vierkant dat past, vanuit het midden. Bij een vierkante bronafbeelding wordt bijsnijden geheel vermeden.

Welk formaat moet ik uploaden?

Minstens 64 bij 64, en vierkant als je kunt. Grotere afbeeldingen worden eenvoudigweg verkleind; kleinere zullen er zacht uitzien.

Heb ik meer dan één maat nodig?

Voor de meeste sites is één pictogram voldoende, omdat browsers een pictogram van 64 pixels naar beneden schalen voor tabbladen. Als u overal scherpe resultaten wilt, genereer dan afzonderlijk versies van 16, 32 en 180 pixels.

Waar gaat het bestand naartoe?

In de hoofdmap van de site als favicon.ico, die browsers volgens afspraak opvragen. Als uw raamwerk statische bestanden vanuit een directory zoals public aanbiedt, plaats deze dan daar.

Waarom wordt op het tabblad nog steeds het oude pictogram weergegeven?

Omdat het in de cache wordt opgeslagen. Herlaad de pagina hard, of open hem in een privévenster, en het nieuwe pictogram verschijnt.

Gerelateerde hulpmiddelen