Create a Favicon - Revision history

PeterRobert at 17:08, 21 May 2024

2024-05-21T17:08:25Z

2024-05-21T17:08:03Z

2021-03-25T04:54:33Z

2020-12-17T18:24:56Z

2020-12-17T18:19:50Z

2020-09-06T16:17:52Z

2020-09-06T16:11:06Z

2020-09-06T16:08:32Z

2020-09-06T16:08:14Z

2020-09-06T15:39:11Z

@@ Line 14: / Line 14: @@
 *Create an image e.g. from your logo - a square image of about 300 x 300 pixels.
-*Internet search for a free favicon generator that will convert the image - we have used https://realfavicongenerator.net/ and https://www.icoconverter.com/vwhich both work well.
+*Internet search for a free favicon generator that will convert the image - we have used https://realfavicongenerator.net/ and https://www.icoconverter.com/ which both work well.
 *Upload the icons to the root (i.e. the folder/directory that contains all the shop files) of your shop on the host server - done.

@@ Line 14: / Line 14: @@
 *Create an image e.g. from your logo - a square image of about 300 x 300 pixels.
-*Internet search for a free favicon generator that will convert the image - we have used https://realfavicongenerator.net/ which works well.
+*Internet search for a free favicon generator that will convert the image - we have used https://realfavicongenerator.net/ and https://www.icoconverter.com/vwhich both work well.
 *Upload the icons to the root (i.e. the folder/directory that contains all the shop files) of your shop on the host server - done.

← Older revision		Revision as of 04:54, 25 March 2021
Line 1:		Line 1:
−	<~~span~~ class="btn-grey~~"><historylink type="~~back">&#~~129032;~~ Back</~~historylink~~><~~/span>~~	+	<div class="btn btn-grey btn-back">{{#fas:arrow-left}} Back</div> <div class="btn btn-grey btn-faq">{{#fas:question-circle}} FAQ Tips & Tricks</div>
−	~~<span~~ class="btn-grey~~" style="color:#0088dd;~~">~~'''&~~#~~x1F809; [[FAQS TIPS~~ & ~~TRICKS]]'''~~</~~span~~>
	<hr>		<hr>

@@ Line 14: / Line 14: @@
 From a customer's point of view it makes the browser tab with your shop stand out against any others open and also makes your shop more visible in the customer’s list of bookmarked sites.
-*Create an image e.g. from your logo - a square image of about 300 x 300 pixels
+*Create an image e.g. from your logo - a square image of about 300 x 300 pixels.
 *Internet search for a free favicon generator that will convert the image - we have used https://realfavicongenerator.net/ which works well.
 *Upload the icons to the root (i.e. the folder/directory that contains all the shop files) of your shop on the host server - done.

@@ Line 14: / Line 14: @@
 From a customer's point of view it makes the browser tab with your shop stand out against any others open and also makes your shop more visible in the customer’s list of bookmarked sites.
-*Create an image e.g. from your logo but simpler the better - the Favicon will end up only 16 pixels x 16 pixels so much detail will be lost.
+*Create an image e.g. from your logo - a square image of about 300 x 300 pixels
-*Use GIMP to resize the image to 16 x 16 pixels and save the image as '''favicon.ico''' - it must be that name and file type.
+*Internet search for a free favicon generator that will convert the image - we have used https://realfavicongenerator.net/ which works well.
-*Alternatively, internet search for a free favicon generator that will convert the image.
+*Upload the icons to the root (i.e. the folder/directory that contains all the shop files) of your shop on the host server - done.
+Any code needs to be in <head> section of /templates/default/includes/components/template_top.php
 <hr>
 {{Contribute}}

@@ Line 7: / Line 7: @@
 <div class="mainpage_box">
-[[File:favicon.jpg]]
+[[File:favicon.jpg|link=]]
 </div>