{"id":21235,"date":"2020-12-09T23:17:58","date_gmt":"2020-12-10T07:17:58","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=21235"},"modified":"2020-12-29T13:05:13","modified_gmt":"2020-12-29T21:05:13","slug":"html-favicon","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/html-favicon\/","title":{"rendered":"HTML Favicon: A How-To Guide"},"content":{"rendered":"\n<p><em>A HTML favicon appears in the tab bar of your browser next to the name of a website. The favicon is a small image that identifies the website a user is visiting. Favicons <\/em><em>are declared in<\/em><em> the &lt;head&gt; tag of a web page.<\/em><\/p>\n\n\n\n<p>Have you noticed all or 99% of your browser tabs have their own distinguishing logo on the side? Well that was the coolest thing (back in 1999) when Internet Explorer first supported it.<\/p>\n\n\n\n<p>This little image or icon the favicon, which stands for favorite icon. Favicons are not required, but they are common on most websites. They are also used for shortcuts across multiple devices. So all websites and web apps should implement favicon(s) to distinguish themselves.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is an HTML Favicon?<\/h2>\n\n\n\n<p>A HTML favicon is an image that appears in your browser tabs list. You will see your favicon if you bookmark a site and on some sites that let you can embed links. A favicon makes it easy for a user to identify a site in their tabs list, bookmarks, and in embedded lists of links.<\/p>\n\n\n\n<p>A favicon is added in the &lt;head&gt; tag of a web page. The &lt;head&gt; tag is where all the so-called &#8220;meta&#8221; information goes. Meta information is details about the web page itself, such as the title of the page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Favicon HTML: The Traditional Way to Add a Favicon<\/strong><\/h2>\n\n\n\n<p>Let\u2019s suppose you\u2019ve finished your kick-ass app using the latest technology. You want to add some flare. When someone visits your <a href=\"https:\/\/careerkarma.com\/blog\/url-vs-uri\/\">website URL<\/a>, they should see an icon that identifies your app in their browser bar. You have your design ready, and you want to add your favicon to the page.<\/p>\n\n\n\n<p>First you have to make sure your image is either an ICO file or save it as PNG (to preserve transparency). The file should be at least 16\u00d716 in size. Then, convert the image into the ICO format.<\/p>\n\n\n\n<p><strong>Why are we converting to ICO?<\/strong> We do so because browsers have many resolutions, and favicons are used as shortcut icons. An ICO file will contain many PNG images inside to support different resolutions and shortcuts. But, ICO has its drawbacks, as we&#8217;ll discuss in a moment.<\/p>\n\n\n\n<p>You can use one of the many online tools out there to convert an ICO from a PNG image.<\/p>\n\n\n\n<p>Your browser will pick your favicon from by dropping the file on the root directory. As practice, let\u2019s add the favicon.ico to the index.html between the <em>&lt;head&gt;<\/em> tag. Add the following code to your &lt;head&gt; tag:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;link rel=&quot;icon&quot; href=&quot;\/favicon.ico&quot; type=&quot;image\/x-icon&quot;&gt;<\/pre><\/div>\n\n\n\n<p>Refresh and check your icon pop up on the tab! Breeze.<\/p>\n\n\n\n<p>Our image location is \/favicon.ico. This refers to the favicon.ico file in the root folder of our website. The root folder is the main folder, usually the one in which an index.html file is placed.<\/p>\n\n\n\n<p><strong>Note<\/strong>: If you get a \u201cfavicon.ico Not Found error\u201d, make sure the icon is named <em>favicon.ico<\/em><em>. <\/em>Then, make sure your icon is in the main folder of your site. Finally, check that your index.html is placed in the file you request on your web page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Favicon HTML: <strong>A More Compatible Way to Add a Favicon<\/strong><\/h2>\n\n\n\n<p>You might notice that the favicon does not work across all systems. This is because the <strong>ICO format is not as reliable anymore<\/strong>. To fix this, HTML5 introduced the <em>sizes<\/em> attribute, so we could rely directly on PNG files. Today we don\u2019t have to necessarily compress a PNG to an ICO!<\/p>\n\n\n\n<p>We can save our PNG image in three sizes to match the favicon.ico (16\u00d716), taskbar (32\u00d732) and shortcut icons (96\u00d796). Then our HTML code <em>&lt;head&gt;<\/em> tag can be changed as:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;link rel=&quot;icon&quot; type=&quot;image\/png&quot; href=&quot;\/favicon16x16.png&quot; sizes=&quot;16x16&quot;&gt;\n&lt;link rel=&quot;icon&quot; type=&quot;image\/png&quot; href=&quot;\/favicon32x32.png&quot; sizes=&quot;32x32&quot;&gt;\n&lt;link rel=&quot;icon&quot; type=&quot;image\/png&quot; href=&quot;\/favicon96x96.png&quot; sizes=&quot;96x96&quot;&gt;<\/pre><\/div>\n\n\n\n<p>This should make our website or app more consistent with modern standards!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>HTML Add Favicon: Getting More Complex<\/strong><\/h2>\n\n\n\n<p>When it comes to web browser mobile support or larger displays, our potential favicon list continues to expand.<\/p>\n\n\n\n<p>Take for example the <em>apple-touch-icon<\/em>, which is basically the icon when you add to the home screen on an iOS device. Well, if you want to optimize for iOS devices, yes you\u2019ll need a specific favicon for that.&nbsp;<\/p>\n\n\n\n<p>Behold, our list of favicons grows:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;link rel=&quot;apple-touch-icon&quot; sizes=&quot;72x72&quot; href=&quot;touch-ipad.png&quot; &gt;\n&lt;link rel=&quot;apple-touch-icon&quot; sizes=&quot;114x114&quot; href=&quot;touch-iphone.png&quot; &gt;\n&lt;link rel=&quot;apple-touch-icon&quot; sizes=&quot;152x152&quot; href=&quot;touch-ipad-ret.png&quot; &gt;<\/pre><\/div>\n\n\n\n<p>You might ask what about Android devices? Wait, how did we get from that single and <em>fabulous<\/em> favicon.ico to an ever-growing list of them?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Conclusion<\/strong><\/h2>\n\n\n\n<p>There are great <a href=\"https:\/\/github.com\/audreyfeldroy\/favicon-cheat-sheet\" target=\"_blank\" rel=\"noopener\" rel=\"nofollow\">open source references<\/a> and plenty of favicon generators to help you in your way. For a smaller app or portfolio project, you might not have the time to cover most or all of the favicon instances.<\/p>\n\n\n\n<p>At the end it all boils down to your own needs. Feel free to experiment with what works with you. One strategy will be to start by having a 16\u00d716 PNG, 32\u00d732 PNG and 152\u00d7152 PNG favicons, and expand from there.<\/p>\n\n\n\n<p>You could also keep it simple and stick to the old-fashioned favicon.ico. This format is supported so there\u2019s nothing stopping you from doing that. Just note as your app or project grows you\u2019ll need to add\/replace with PNG favicons. Now you know how to add a favicon to your website.<\/p>\n\n\n\n<p>If you&#8217;re looking for more HTML learning resources and top online courses, check out our <a href=\"https:\/\/careerkarma.com\/blog\/learn-html\/\">How to Learn HTML guide<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"A HTML favicon appears in the tab bar of your browser next to the name of a website. The favicon is a small image that identifies the website a user is visiting. Favicons are declared in the &lt;head&gt; tag of a web page. Have you noticed all or 99% of your browser tabs have their&hellip;","protected":false},"author":86,"featured_media":11165,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17281],"tags":[],"class_list":{"0":"post-21235","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-html"},"acf":{"post_sub_title":"","sprint_id":"","query_class":"HTML","school_sft":"","parent_sft":"","school_privacy_policy":"","has_review":null,"is_sponser_post":"","is_guest_post":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>HTML Favicon: A How-To Guide | Career Karma<\/title>\n<meta name=\"description\" content=\"Learn how to add a favicon to your website for maximum compatibility. Learn HTML with CareerKarma.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/careerkarma.com\/blog\/html-favicon\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Favicon: A How-To Guide\" \/>\n<meta property=\"og:description\" content=\"Learn how to add a favicon to your website for maximum compatibility. Learn HTML with CareerKarma.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/html-favicon\/\" \/>\n<meta property=\"og:site_name\" content=\"Career Karma\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/careerkarmaapp\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-10T07:17:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-29T21:05:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"667\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Felipe Boh\u00f3rquez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@career_karma\" \/>\n<meta name=\"twitter:site\" content=\"@career_karma\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Felipe Boh\u00f3rquez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-favicon\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-favicon\\\/\"},\"author\":{\"name\":\"Felipe Boh\u00f3rquez\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e2cbf72dcbfaf9e81a8b6a38c1bd4220\"},\"headline\":\"HTML Favicon: A How-To Guide\",\"datePublished\":\"2020-12-10T07:17:58+00:00\",\"dateModified\":\"2020-12-29T21:05:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-favicon\\\/\"},\"wordCount\":888,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-favicon\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg\",\"articleSection\":[\"HTML\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-favicon\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-favicon\\\/\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-favicon\\\/\",\"name\":\"HTML Favicon: A How-To Guide | Career Karma\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-favicon\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-favicon\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg\",\"datePublished\":\"2020-12-10T07:17:58+00:00\",\"dateModified\":\"2020-12-29T21:05:13+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e2cbf72dcbfaf9e81a8b6a38c1bd4220\"},\"description\":\"Learn how to add a favicon to your website for maximum compatibility. Learn HTML with CareerKarma.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-favicon\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-favicon\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-favicon\\\/#primaryimage\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg\",\"width\":1000,\"height\":667},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-favicon\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML Favicon: A How-To Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\",\"name\":\"Career Karma\",\"description\":\"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e2cbf72dcbfaf9e81a8b6a38c1bd4220\",\"name\":\"Felipe Boh\u00f3rquez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png\",\"caption\":\"Felipe Boh\u00f3rquez\"},\"description\":\"Felipe Boh\u00f3rquez is a Software Engineer and technical writer at Career Karma. He covers all things frontend and backend development.\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/author\\\/felipe-bohorquez\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"HTML Favicon: A How-To Guide | Career Karma","description":"Learn how to add a favicon to your website for maximum compatibility. Learn HTML with CareerKarma.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/careerkarma.com\/blog\/html-favicon\/","og_locale":"en_US","og_type":"article","og_title":"HTML Favicon: A How-To Guide","og_description":"Learn how to add a favicon to your website for maximum compatibility. Learn HTML with CareerKarma.","og_url":"https:\/\/careerkarma.com\/blog\/html-favicon\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2020-12-10T07:17:58+00:00","article_modified_time":"2020-12-29T21:05:13+00:00","og_image":[{"width":1000,"height":667,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg","type":"image\/jpeg"}],"author":"Felipe Boh\u00f3rquez","twitter_card":"summary_large_image","twitter_creator":"@career_karma","twitter_site":"@career_karma","twitter_misc":{"Written by":"Felipe Boh\u00f3rquez","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/html-favicon\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/html-favicon\/"},"author":{"name":"Felipe Boh\u00f3rquez","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e2cbf72dcbfaf9e81a8b6a38c1bd4220"},"headline":"HTML Favicon: A How-To Guide","datePublished":"2020-12-10T07:17:58+00:00","dateModified":"2020-12-29T21:05:13+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/html-favicon\/"},"wordCount":888,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/html-favicon\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg","articleSection":["HTML"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/html-favicon\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/html-favicon\/","url":"https:\/\/careerkarma.com\/blog\/html-favicon\/","name":"HTML Favicon: A How-To Guide | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/html-favicon\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/html-favicon\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg","datePublished":"2020-12-10T07:17:58+00:00","dateModified":"2020-12-29T21:05:13+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e2cbf72dcbfaf9e81a8b6a38c1bd4220"},"description":"Learn how to add a favicon to your website for maximum compatibility. Learn HTML with CareerKarma.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/html-favicon\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/html-favicon\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/html-favicon\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg","width":1000,"height":667},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/html-favicon\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/careerkarma.com\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML","item":"https:\/\/careerkarma.com\/blog\/html\/"},{"@type":"ListItem","position":3,"name":"HTML Favicon: A How-To Guide"}]},{"@type":"WebSite","@id":"https:\/\/careerkarma.com\/blog\/#website","url":"https:\/\/careerkarma.com\/blog\/","name":"Career Karma","description":"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/careerkarma.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e2cbf72dcbfaf9e81a8b6a38c1bd4220","name":"Felipe Boh\u00f3rquez","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/08\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/08\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/08\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png","caption":"Felipe Boh\u00f3rquez"},"description":"Felipe Boh\u00f3rquez is a Software Engineer and technical writer at Career Karma. He covers all things frontend and backend development.","url":"https:\/\/careerkarma.com\/blog\/author\/felipe-bohorquez\/"}]}},"_links":{"self":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/21235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/users\/86"}],"replies":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/comments?post=21235"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/21235\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/11165"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=21235"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=21235"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=21235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}