How do place a favicon when exporting a website to html?

Post reply
0 favourites
  • 9 posts
From the Asset Store
Spooky Places Game Assets
$15 USD
Spooky Places game assets for 2D endless runner action adventure game.
mikailain's avatar
mikailain

  • Hi! I need to place a favicon when exporting a website to html. How can I do it?

    Tagged:

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads

  • What I usually do is put .ico file in the root of exported project. Then modify index.html and add this inside <head></head> tag: 

    	<link rel="icon" href="/favicon.ico" />

  • Exported Construct games set the favicon automatically for you. See Icons and Splash in the manual.

  • Exported Construct games set the favicon automatically for you. See Icons and Splash in the manual.

    Yes, I see an icon on the site, but search robots don't see it.

    It must be in <head> such string:

    <head>

    ...

    <link rel="icon" href="https://site.org/favicon.ico" type="image/x-icon">

    ...

    </head>

    and the icon should be at this address (https://site.org/favicon.ico).

    Otherwise, search engines do not see the icon on the site and does not show the icon in the search results.

    There is a great wish you to make an official good plugin for website layout. It will be a bomb! ;)

  • What I usually do is put .ico file in the root of exported project. Then modify index.html and add this inside <head></head> tag: 

    > 	<link rel="icon" href="/favicon.ico" />

    I do the same EVERY time I update site :(((((

    And I couldnt type "?" to <title> in Construct :(((

  • Construct does already add <link rel="icon" ...> inside the <head> tag.

  • Construct does already add <link rel="icon" ...> inside the <head> tag.

    Maybe I'm doing something wrong, but I don't have an icon.ico (!) inside the <head> tag :((((

    <head>

    <meta charset="UTF-8">

    <title>Title</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

    <meta name="generator" content="Construct 3">

    <meta name="description" content="Official site">

    <link rel="manifest" href="appmanifest.json">

    <link rel="apple-touch-icon" sizes="128x128" href="icons/icon-128.png">

    <link rel="apple-touch-icon" sizes="256x256" href="icons/icon-256.png">

    <link rel="apple-touch-icon" sizes="512x512" href="icons/icon-512.png">

    <link rel="icon" type="image/png" href="icons/icon-512.png">

    <link rel="stylesheet" href="style.css">

    </head>

    Can you tell me how do I insert an icon.ico (!) inside the <head> tag?

    I would really appreciate your help :)

  • It's a PNG icon. It's supported everywhere. There's no need to use .ico.

  • It's a PNG icon. It's supported everywhere. There's no need to use .ico.

    Ashley thank you very much for your answer!

    I really want you to make an official good plugin for the layout of the site with <dev> tags, with a feedback forms, with resizing for mobile devices and so on.

    So that the site turns out like in Wordpress, but with the capabilities of Construct it will be even cooler! You will attract even more users :)

    Construct has an unofficial plugin for website layout, but it's not good :(

Post reply
  • 9 posts
Return to board index
Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)