https://github.com/rodneylab/open-source-favicon-generation

Open source favicon generation: create your favicon from scratch then optimise it for modern and legacy browsers using free apps in 2022.
https://github.com/rodneylab/open-source-favicon-generation

favicon favicon-generator inkscape optimisation optipng scour

Last synced: 3 months ago
JSON representation

Open source favicon generation: create your favicon from scratch then optimise it for modern and legacy browsers using free apps in 2022.

• Host: GitHub
• URL: https://github.com/rodneylab/open-source-favicon-generation
• Owner: rodneylab
• License: bsd-3-clause
• Created: 2022-05-23T18:35:39.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-05-25T04:24:51.000Z (over 2 years ago)
• Last Synced: 2024-05-08T23:06:19.620Z (9 months ago)
• Topics: favicon, favicon-generator, inkscape, optimisation, optipng, scour
• Language: Shell
• Homepage:
• Size: 54.7 KB
• Stars: 7
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: .github/SECURITY.md

Awesome Lists containing this project

README

        




  

    

  





  Open Source Favicon Generation



# open-source-favicon-generation

Script for generating optimised favicons from an SVG using open source tools. The code accompanies the post on open source favicon generation. If you have any questions, please drop a comment at the bottom of that page.

## Generate favicons to `./ouput`

This script uses Inkscape, OptiPNG and Scour so you need these installed to run it.

On macOS, you can install them with Homebrew:

```bash

brew install inkscape optipng scour

```

Once you have the apps installed, just run the script:

```bash

sh optimised-favicon-generator.sh input-svg-file.svg

```

This creates the optimised favicon files:

- `output/apple-touch-icon.png`

- `output/favicon.ico`

- `output/icon.svg`

- `output/icon-192.png`

- `output/icon-512.png`

which are the five favicon files needed for wide support in legacy and modern browsers.  More details in the post mentioned above.

Feel free to jump into the [Rodney Lab matrix chat room](https://matrix.to/#/%23rodney:matrix.org).