{"id":645,"date":"2012-06-08T14:03:02","date_gmt":"2012-06-08T14:03:02","guid":{"rendered":"http:\/\/www.sitekickr.com\/blog\/?p=645"},"modified":"2012-07-25T16:18:19","modified_gmt":"2012-07-25T16:18:19","slug":"secure-favicon-compliment-sites-standard-favicon","status":"publish","type":"post","link":"https:\/\/www.sitekickr.com\/blog\/secure-favicon-compliment-sites-standard-favicon\/","title":{"rendered":"Secure favicon to compliment your site&#8217;s standard favicon"},"content":{"rendered":"<p>The favicon is a nifty little 16 pixel representation of your website, usually something recognizable, like your complete logo, or a portion of it. The unfortunate side of the favicon is that, in some browsers, it remains in it&#39;s usual form throughout a secure checkout process, instead of converting to a lock icon.<\/p>\n<p>I drummed up a little trick this morning which will &quot;fool&quot; browsers into using your own lock icon while using the https protocol.<\/p>\n<ul>\n<li>First, get yourself a favicon that looks like a lock, or any secure image of your choice. I generally visit <a href=\"http:\/\/www.iconfinder.com\/search\/?q=secure\">IconFinder<\/a> for this purpose.<\/li>\n<li>Next, download your icon of choice as an .ico file. If that option is not available, you can use a Favicon generator, such as Dynamic Drive&#39;s<a href=\"http:\/\/tools.dynamicdrive.com\/favicon\/\"> favicon generator<\/a>.<\/li>\n<li>Rename your favicon to something like favicon_secure.ico, so as not to be confused with your standard favicon.<\/li>\n<li>In your web servers configuration file, create a redirect for the secure portion of your website only. Using apache as an example:\n<p>\t\t<code>&lt;VirtualHost xxx.xxx.xxx.xxx:443&gt;<br \/>\n\t\t&nbsp; ...<br \/>\n\t\t&nbsp; RewriteEngine On<br \/>\n\t\t&nbsp; RewriteRule ^\/favicon.ico$&nbsp;&nbsp;&nbsp; \/favicon_secure.ico [L,R]<br \/>\n\t\t&lt;\/VirtualHost&gt;<\/code><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>That&#39;s it!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The favicon is a nifty little 16 pixel representation of your website, usually something recognizable, like your complete logo, or a portion of it. The&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"amp_status":""},"categories":[123,41,19],"tags":[182],"_links":{"self":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/645"}],"collection":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/comments?post=645"}],"version-history":[{"count":4,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/645\/revisions"}],"predecessor-version":[{"id":691,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/645\/revisions\/691"}],"wp:attachment":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/media?parent=645"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/categories?post=645"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/tags?post=645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}