{"id":1138,"date":"2018-01-10T08:14:39","date_gmt":"2018-01-10T08:14:39","guid":{"rendered":"https:\/\/sitechecker.pro\/?page_id=1138"},"modified":"2024-12-17T10:45:44","modified_gmt":"2024-12-17T08:45:44","slug":"what-is-favicon","status":"publish","type":"page","link":"https:\/\/test.sitechecker.pro\/nl\/what-is-favicon\/","title":{"rendered":"Wat Is een Favicon en Waarom Is het zo Belangrijk voor Branding?"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Het klassieke ICO bestand is 16&#215;16 met 16 of 24-bit kleur en ondersteuning voor transparantie. Veel later kwam er een 32&#215;32 afmeting, maar oudere browsers verkleinen deze nog naar 16&#215;16.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Waarom heb je dit nu nodig? Tegenwoordig is het een belangrijk element van de interface van een website, die ook belangrijk is bij geavanceerde webapplicaties.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><div class=\"blog__conversion\">\n                <p class=\"title\">Favicon Checker<\/p>\n                <p class=\"description\">Controleer of uw website favicon heeft en hoe het wordt weergegeven in verschillende browsers<\/p>\n                <form id=\"mini__tool-form\" class=\"article__seo-search\" action=\"\" method=\"POST\" autocomplete=\"off\">\n                    <span class=\"error\">Must be a valid URL with http:\/\/ or https:\/\/<\/span>\n                    <input id=\"minitool_input\" name=\"url\" type=\"text\" placeholder=\"Voer hier uw domein in\">\n                    <button type=\"submit\" class=\"minitool_check-landing sitechecker__text\"><span>Controleren<\/span><img src=\"\/wp-content\/themes\/sitechecker\/out\/img_design\/loading-blue.svg\" alt=\"arrow\" title=\"arrow\" class=\"loading\"><\/button>\n                <\/form>\n                <div id=\"result-container\">\n                    <div class=\"container__results\">\n                        <div class=\"container__result\" id=\"result-template\">\n                            <div class=\"result\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><\/span><\/p>\n<h2><b>Wat is het Doel?<\/b><\/h2>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Uiteraard is het veel makkelijker om te kijken naar de bookmark die je nodig hebt, aangezien het makkelijker is om te zoeken naar een bekend symbool in plaats van het lezen van alle namen van de websites. Het doel hiervan is dus het verbeteren van de gebruikservaring. Dat is de meest voorname reden om dit te gebruiken. Vandaag de dag kun je dit populaire element vinden op alle websites en in alle browsers in de tabbladen bovenin. Wereldwijde bedrijven hebben een herkenbaar en populair symbool waardoor zij op kunnen vallen op het internet (en hebben goede favicon voorbeelden om naar te kijken). Zonder enige twijfel is dit handig voor alle soorten websites. Het is gemaakt om een snel visueel hulpmiddel te zijn om de website te vinden die je zoekt tussen alle bookmarks op het internet, zodat jouw doelgroep jouw website sneller en makkelijker kan vinden.<\/span><\/p>\n<div class=\"content__img-wrap\"><img src=\"http:\/\/test.sitechecker.pro\/wp-content\/uploads\/2018\/01\/website-favicons.jpg\" alt=\"Displaying favicons in the browser\" class=\"description-img description-img-zoom\" loading=\"lazy\" ><\/div>\n<p><span style=\"font-weight: 400;\">Een website zonder een persoonlijk en te identificeren icoontje krijgt het generieke symbool van de browser zelf en daarom is het belangrijk dat je dit wel hebt wanneer je aan de branding wilt werken van jouw website.<\/span><\/p>\n<h2><b>Hoe Maak je een Website Favicon?<\/b><\/h2>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Je kunt het zelf doen of hulp gebruiken op het internet. Het is niet nodig om gebruik te maken van online generators, maar deze zijn wel handig en makkelijk te gebruiken. Hier zijn een aantal websites die kunnen helpen:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><a href=\"https:\/\/www.favicongenerator.com\/\"><span style=\"font-weight: 400;\">Favicon <\/span> <span style=\"font-weight: 400;\">Generator<\/span><\/a><span style=\"font-weight: 400;\">;<\/span><\/li>\n<li><a href=\"https:\/\/www.favicon-generator.org\/\"><span style=\"font-weight: 400;\">Favicon <\/span> <span style=\"font-weight: 400;\">Generator ORG<\/span><\/a><span style=\"font-weight: 400;\">;<\/span><\/li>\n<li><a href=\"http:\/\/tools.dynamicdrive.com\/favicon\/\"><span style=\"font-weight: 400;\">Dynamic <\/span> <span style=\"font-weight: 400;\">Drive Favicon Tool<\/span><\/a><span style=\"font-weight: 400;\">;<\/span><\/li>\n<li style=\"font-weight: 400;\"><a href=\"http:\/\/favigen.com\/\"><span style=\"font-weight: 400;\">Favigen<\/span><\/a><span style=\"font-weight: 400;\">;<\/span><\/li>\n<li><a href=\"http:\/\/www.genfavicon.com\/\"><span style=\"font-weight: 400;\">Gen <\/span> <span style=\"font-weight: 400;\">Favicon<\/span><\/a><span style=\"font-weight: 400;\">;<\/span><\/li>\n<li><a href=\"http:\/\/www.degraeve.com\/favicon\/\"><span style=\"font-weight: 400;\">Degraeve <\/span> <span style=\"font-weight: 400;\">Favicon<\/span><\/a><span style=\"font-weight: 400;\">;<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Zoals je kunt zien hoef je niet eens een grafisch ontwerper te zijn om dit te maken. Maar wil je een wereldwijde website lanceren met een branding over heel de wereld, dan doe je er verstandig aan om wel een professionele ontwerper in te schakelen om zo iets te laten maken dat past bij jouw merk. Ga je zelf aan de slag, dan heb je ongeveer 10 minuten nodig voor een simpel exemplaar \u2013 je hoeft het websitelogo alleen maar te uploaden naar de website die we hiervoor noemden en je kunt direct het bestand downloaden. Zo gemakkelijk is het!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Kijk eens op deze inspirerende websites om idee\u00ebn op te doen voor jouw eigen favicon:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><a href=\"http:\/\/www.freshfavicon.com\/\"><span style=\"font-weight: 400;\">Fresh <\/span> <span style=\"font-weight: 400;\">Favicons<\/span><\/a><span style=\"font-weight: 400;\">;<\/span><\/li>\n<li style=\"font-weight: 400;\"><a href=\"http:\/\/thefavicongallery.com\/\"><span style=\"font-weight: 400;\">The <\/span> <span style=\"font-weight: 400;\">Favicon Gallery<\/span><\/a><span style=\"font-weight: 400;\">;<\/span><\/li>\n<li style=\"font-weight: 400;\"><a href=\"http:\/\/www.deltatangobravo.com\/archive\/2004\/march\/favourite\"><span style=\"font-weight: 400;\">Delta <\/span> <span style=\"font-weight: 400;\">Tango Bravo<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\"><div class=\"blog__banner\">\n                <img src=\"https:\/\/test.sitechecker.pro\/wp-content\/themes\/sitechecker\/out\/img_design\/logo.svg\" alt=\"logo\">\n                <div>\n                    <p class=\"title\">Controleer de website op SEO-fouten <\/p>\n                    <p class=\"description\">Geen favicon tast de bruikbaarheid van de website aan, maar het missen van de titel- en beschrijvingstags kan leiden tot verkeersverlies.<\/p>\n                    <a href=\"\/tool\/crawl-report\/\" class=\"btn\">Website audit<\/a>\n                <\/div>\n            <\/div><\/span><\/p>\n<h2><b>Hoe Toevoegen aan de Website?<\/b><\/h2>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Heb je het bestand eenmaal klaar, dan is het niet moeilijk om dit op de server te plaatsen. Eerst moet je toegang krijgen van de teksteditor van de broncode van jouw website om hier de HTML-code aan te passen van de website. Hieronder vind je een snelle gids:<\/span><\/p>\n<ol>\n<li><span style=\"font-weight: 400;\"> Upload het bestand naar de server. Vul het browseradres in bij de FTP-server. Klik op Enter, log in en upload het bestand naar de broncode.<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> Vervolgens verander je de HTML-pagina van de website. Zoek en download \u2018header.php\u2019 of \u2018index.html\u2019 vanaf de server. Is jouw website gemaakt in HTML, dan voer je de code in bij het head gedeelte van de index.html file:<\/span><\/li>\n<\/ol>\n<div class=\"code\"><code>&lt;link rel=\"shortcut icon\" type=\"image\/x-icon\" href=\"http:\/\/yourwebsite.com\/favicon.ico\"&gt;<\/code><\/div>\n<div><\/div>\n<div><span style=\"font-weight: 400;\">Werk je met WordPress, dan schrijf je de code in het head gedeelte van de header.php file:<\/span><\/div>\n<div><\/div>\n<div class=\"code\"><code>&lt;link rel=\"shortcut icon\" type=\"image\/x-icon\" href=\"&lt;?php bloginfo('url') ?&gt;\/favicon.ico\"&gt;<\/code><\/div>\n<div><\/div>\n<div><span style=\"font-weight: 400;\">En dat is alles! Je zal versteld staan hoe gemakkelijk het eigenlijk is.<\/span><\/div>\n<div>\n<h2><b>Een Icoon Maken in Photoshop<\/b><\/h2>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Photoshop is een geweldig programma om te werken met afbeeldingen. Het is een handig programma dat jou kan helpen in verschillende omstandigheden en waarmee je zelfs een website op maat kunt maken. Wanneer je een ontwerper bent, is Photoshop het beste programma om te gebruiken. Ben je geen ontwerper, dan raden we je aan om naar de websites te kijken die we eerder genoemd hebben om tijd te besparen. Het probleem is dat Photopshop geen \u2018ico\u2019 bestanden ondersteunt. Daarom moet je de plug-in installeren van<\/span><a href=\"http:\/\/www.telegraphics.com.au\/sw\/\"> <span style=\"font-weight: 400;\">Telegraphics<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In het selectie menu, folder FILE, moet je een nieuw bestand maken, met een canvas van 64&#215;64 pixels (het is makkelijker om met meer grootte te werken), plak het logo in het document en doe alle aanpassingen die nodig zijn.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Na dit alles, selecteer je IMAGE folder, ga naar IMAGE SIZE en verander het naar 16&#215;16 pixels en vergeet niet om op RESAMPLE IMAGE en BICUBIC SHARPER te klikken om ervoor te zorgen dat de afbeelding niet vervaagt. Ben je blij met de resultaten die je ziet, dan klik je op FILE folder en klik je op SAVE AS.<\/span><\/p>\n<h2><b>Conclusie<\/b><\/h2>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Dit element is een soort visitekaartje, en moet gemaakt worden in dezelfde stijl als de stijl van de website \u2013 hoe meer de website en het icoontje gemeen hebben, hoe beter. Het moet geassocieerd worden met de website \u2013 dat is de belangrijkste functie. Daarnaast moet de favicon relevant en duidelijk zijn; de gebruiker moet direct begrijpen wat het is en het moet makkelijk te onthouden zijn.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Een goed gemaakt icoon zorgt ervoor dat de website professioneler oogt. Wil je een sterk merk neerzetten en wil je serieus aan de slag, dan is het maken van een favicon een serieuze bezigheid.<\/span><\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"&nbsp; Het klassieke ICO bestand is 16&#215;16 met 16 of 24-bit kleur en ondersteuning voor transparantie. Veel later kwam er een 32&#215;32 afmeting, maar oudere browsers verkleinen deze nog naar 16&#215;16. Waarom heb je dit nu nodig? Tegenwoordig is het een belangrijk element van de interface van een website, die ook belangrijk is bij geavanceerde&#8230;","protected":false},"author":10380808,"featured_media":3424,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pages-templates\/pages-minitools-3.php","meta":[],"categories":[32],"tags":[],"_links":{"self":[{"href":"https:\/\/test.sitechecker.pro\/nl\/wp-json\/wp\/v2\/pages\/1138"}],"collection":[{"href":"https:\/\/test.sitechecker.pro\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.sitechecker.pro\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/nl\/wp-json\/wp\/v2\/users\/10380808"}],"replies":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/nl\/wp-json\/wp\/v2\/comments?post=1138"}],"version-history":[{"count":0,"href":"https:\/\/test.sitechecker.pro\/nl\/wp-json\/wp\/v2\/pages\/1138\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/nl\/wp-json\/wp\/v2\/media\/3424"}],"wp:attachment":[{"href":"https:\/\/test.sitechecker.pro\/nl\/wp-json\/wp\/v2\/media?parent=1138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/test.sitechecker.pro\/nl\/wp-json\/wp\/v2\/categories?post=1138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/test.sitechecker.pro\/nl\/wp-json\/wp\/v2\/tags?post=1138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}