Tutorials, tips en info voor audio, foto en video

Een favicon voor je eigen website maken

Een favicon voor je eigen website maken

favicon selber machen Een favicon voor je eigen website maken

Velen zullen wel de kleine symbolen kennen bovenin de browser in de menubalk, naast de tabs, de knoppen waarmee je naar afzonderlijke pagina’s gaat. Wanneer je ook een eigen website hebt, ken je vast het probleem dat het icoon van de betreffende aanbieder of slechts een leeg icoon zich naast de tab bevindt. Ik toon jullie nu in een paar stappen hoe je eenvoudig zelf je eigen favicon kunt maken met behulp van MAGIX Web Designer.

Favicons embedden – zo eenvoudig gaat het

Ten eerste open je een nieuw project door in het programma op “Bestand” → “Nieuw” te klikken of met de sneltoets “Ctrl+N”. Je kunt nu een foto of afbeelding uploaden, zoals bijvoorbeeld je logo om dit als icoon te gebruiken, of een nieuwe afbeelding maken. Denk er aan dat een favicon vierkant moet zijn en de inhoud niet te veel elementen bevat, omdat het in de browser zeer klein verschijnt en daarom goed te herkennen moet zijn. Afzonderlijke letters zoals in de video hier onder, zijn een goede optie.
Wanneer je je afbeelding af hebt, klik je in de linker menubalk bovenin op de computermuis (selectiegereedschap) en kies dan je afbeelding uit zodat deze door 8 kleine zwarte vierkanten omrand is. Wanneer je je afbeelding zojuist gemaakt hebt en hiervoor meerdere elementen hebt gebruikt, moet je deze allemaal tot een afbeelding laten samensmelten. Dat kun je doen door in de bovenste menubalk op “Ordenen” → “Groeperen” te klikken. Zo vormt je afbeelding nu een geheel.
Voor de volgende stap, het selectiegereedschap is nog steeds gemarkeerd, kies je een klein, geel naambordje uit. Deze bevindt zich in de bovenste menubalk iets verder naar beneden aan de rechter kant. Wanneer je met de muis daar overheen beweegt, verschijnt “Objectnaam gebruiken, verwijderen of bekijken”. Deze klik je aan waarop er een klein venster wordt geopend waarin een naam moet worden ingevoerd. Dit moet “Favicon” zijn, zodat het geheel ook functioneert. En zo is je eigen Favicon alweer klaar en je website ziet er nu nog professioneler uit.