If you want a retina favicon that will work with Apple touch devices, there is just a little additional work to be done. For compatibility with older versions of Internet Explorer, you may use the phrase "shortcut icon" instead of just "icon": The code above will work for all modern browsers, including Internet Explorer 11. Copy and paste the code below to the section of your webpages: After downloading, simply rename and upload favicon.ico to your root directory. Press the Generate Favicon! button below. Browse to the file's location on your computer and select the image. Locate the image that you would like to use as your Favicon and make sure that the dimensions are perfectly square (ie. I have also published a blog post on the development that serves as a mini tutorial for batch/bash for those interested.Step 1. Obviously this one liner doesn't give you the option to pick and choose the source image per size though. This does the work of resizing an image and creating an icon with one line of script (or multiline with the \ character at the end of the line). delete 0 -alpha off -colors 256 favicon.ico convert image.png -bordercolor white -border 0 \ The website also has some other usage examples such as the one found here. There is a subroutine named createIcon where I do the work, but here is a short example of using ImageMagick directly to package different source files into a. You can read more about it on the project page and I have also included a link to download the ImageMagick binaries I was using during development. I would like to encourage anyone to contribute to the project as well, including feature requests.
I also provide a bat file for anyone on Windows. This is a link to the shell script I wrote for Unix / Mac (and Windows if you use Cygwin). I recently wrote a little utility faviconbuild which I have released on github under the MIT Open Source license. This is actually very easy to do with ImageMagick.
0 kommentar(er)
