None of this was necessary for me. Why override the default when you can bundle a resource with the generated JAR that will take higher precedence than the default one. To achieve a custom favicon.ico file, I created a src/main/resources directory for my application and then copied the favicon.ico file into there. The files in … Read more
Searching about favicons, I discovered I needed more than 10 kinds of files to work in all browsers and devices 🙁 I got pissed and created my own favicon generator, that creates all these files and the correct HTML header for each one of them: faviconit.com Hope you enjoy it.
This is not done in PHP. It’s part of the <head> tags in a HTML page. That icon is called a favicon. According to Wikipedia: A favicon (short for favorites icon), also known as a shortcut icon, website icon, URL icon, or bookmark icon is a 16×16 or 32×32 pixel square icon associated with a … Read more
Favicon is way more complex than what it sounds. 10 years ago, favicon.ico was the only needed item. Then, there was the touch icon, then multiple touch icons dues to the various iOS devices screen resolutions, then there was the tile icon for Windows… Some answers here are very comprehensive – and overwhelming (all this, … Read more
Here is how you can do this: Drag you bookmarklet to Bookmarks Bar. Next to it create a bookmark of a site which favicon you want to use for your bookmarklet. Open Bookmarks Manager, click Organize dropdown, and select Export, save your bookmarks as html file. Open that html file in text editor. Find the … Read more
Check out the Project Structure of webpack template: https://vuejs-templates.github.io/webpack/structure.html Note that there is a static folder, along with node_modules, src, etc. If you put some image into the static folder, like favicon.png, it will be made available at http://localhost:8080/static/favicon.png Here is the documentation for static assets: https://vuejs-templates.github.io/webpack/static.html For your favicon issue, you can put a … Read more
Here is all you need: new HtmlWebpackPlugin({ favicon: “./src/favicon.gif” }) That is definitely after adding “https://stackoverflow.com/questions/37298215/favicon.gif” to the folder “src”. This will transfer the icon to your build folder and include it in your tag like this <link rel=”shortcut icon” href=”https://stackoverflow.com/questions/37298215/favicon.gif”>. This is safer than just importing with copyWebpackPLugin
There are several ways to create a favicon. The best way for you depends on various factors: The time you can spend on this task. For many people, this is “as quick as possible”. The efforts you are willing to make. Like, drawing a 16×16 icon by hand for better results. Specific constraints, like supporting … Read more
That image is called ‘favicon’ and it’s a small square shaped .ico file, which is the standard file type for favicons. You could use .png or .gif too, but you should follow the standard for better compatibility. To set one for your website you should: Make a square image of your logo (preferably 32×32 or … Read more
EDIT: I suggest you use http://gauger.io/fonticon I’ve created an online Font Awesome Favicon Generator to do just that! See Font Awesome Favicon Generator.