483
edits
Changes
Jump to navigation
Jump to search
Line 10:
Line 10: + + + + + +
Add ImageMagick example code
Given those axioms, all you need is a max-size favicon.ico (for Chrome, Firefox, Edge) and some large Apple touch icons (for Safari).
Given those axioms, all you need is a max-size favicon.ico (for Chrome, Firefox, Edge) and some large Apple touch icons (for Safari).
[https://imagemagick.org ImageMagick] is used in the examples below (<code>brew install imagemagick</code>)
=== Step 0: Add a max-size favicon.ico ===
=== Step 0: Add a max-size favicon.ico ===
Create the largest possible (256<sup>2</sup>) favicon.ico using a PNG with alpha.
Create the largest possible (256<sup>2</sup>) favicon.ico using a PNG with alpha.
magick convert myicon-1024.png -resize 256x256 favicon.ico
=== Step 1: Add large apple-touch-icon-precomposed.png ===
=== Step 1: Add large apple-touch-icon-precomposed.png ===
Use a 256<sup>2</sup>+ PNG with alpha.
Use a 256<sup>2</sup>+ PNG with alpha.
cp myicon-1024.png apple-touch-icon-precomposed.png
=== Step 2: Done! ===
=== Step 2: Done! ===