多年來,我一直在使用http://tools.dynamicdrive.com/favicon/來生成網頁圖標。我甚至在我知道如何做任何編碼之前就開始使用它(我現在不太好)。我不介意使用這個工具,因爲這些圖標總是很不錯,但我希望能夠在本地完成。如何使用腳本在本地創建一個favicon?
如何使用腳本在本地創建圖標?不知何故,用PHP,imagemagick/gd或者可能從命令行啜飲?
多年來,我一直在使用http://tools.dynamicdrive.com/favicon/來生成網頁圖標。我甚至在我知道如何做任何編碼之前就開始使用它(我現在不太好)。我不介意使用這個工具,因爲這些圖標總是很不錯,但我希望能夠在本地完成。如何使用腳本在本地創建一個favicon?
如何使用腳本在本地創建圖標?不知何故,用PHP,imagemagick/gd或者可能從命令行啜飲?
你可以使用imagemagik轉換。我從this website採取這些命令。
首先製作一個主鏡像:
convert some_image.bmp -resize 256x256 -transparent white favicon-256.png
然後,我們會希望畫面,供各位想在 .ico文件中包含的每個大小。
convert favicon-256.png -resize 16x16 favicon-16.png
convert favicon-256.png -resize 32x32 favicon-32.png
convert favicon-256.png -resize 64x64 favicon-64.png
convert favicon-256.png -resize 128x128 favicon-128.png
現在,你想將其打包成.ico文件,招我 發現是使其256個色否則將無法正常顯示!
convert favicon-16.png favicon-32.png favicon-64.png favicon-128.png favicon-256.png -colors 256 favicon.ico
您真正需要做的就是將圖像的大小調整爲16x16文件。雖然ICO格式曾經是標準的,但現代瀏覽器可以處理PNG, GIF, and JPG (among other formats)。
調整大小腳本可以很容易通過谷歌搜索爲他們找到,例如:
http://www.white-hat-web-design.co.uk/blog/resizing-images-with-php/
一下這個腳本: http://bgallz.org/488/php-favicon-generator-script/
我寫它使用PHP來生成從JPEG,GIF,PNG或一個圖標(.ICO)文件。正如上面所說的ernie,大多數瀏覽器現在都支持圖標文件。這個腳本只是改變的文件擴展名是「.ICO」
正如我:
// Rename image to .ico file
rename($filename,"./favicon/".$strip_ext.".ico");
ImageMagick的或phpThumb會爲你,但一個簡單的解決方案做到這一點(只需要PHP和GD的庫)是https://github.com/chrisbliss18/php-ico
我爲此創建了一個項目:faviconbuild。
我使用兩個簡單的腳本(如果使用Cygwin,使用一個.bat for Windows和一個.sh for Unix,Mac和Windows)構建它。它依賴於ImageMagick,因此您可以從您的平臺下載最新版本,或從releases中包含的版本中獲取。
我已經發布了它在MIT license之下,所以請隨意使用它用於商業或個人項目,或者僅僅用作您自己腳本的靈感。
我目前使用它在我自己的項目是這樣的:
./faviconbuild/faviconbuild.sh -i ./source.png
你可以提供與-h
或--help
選項命令的完整列表。
這將採用輸入源圖像並生成所有輸出圖像和多分辨率.ico,以及您網站所需的html標記。
也可以通過提供基於自定義文本的分析文件作爲輸入來定製腳本。當前文件可以在項目here中找到。這使得腳本可以輕鬆擴展到所有平臺上的任何項目。
由於它是在github上託管的,我鼓勵任何人爲項目做出貢獻,即使只是通過提交功能請求。
我也發佈了一個blog post,它覆蓋了開發並作爲bash/batch的小型教程。
非常感謝 –