make - Convertir archivos GIF, PNG y JPG a archivos.ICO mediante Imagemagick

make png to ico

Question

Desde: JPG, hasta: ICO;

/usr/bin/convert -resize x16 -gravity center -crop 16x16+0+0 input.jpg /
-transparent white -colors 256 output/favicon.ico 

Esta es la salida para la línea de comando.

Desde: GIF''s, PNG hasta: ICO;

/usr/bin/convert -resize x16 -gravity center -crop 16x16+0+0 input.png /
-flatten -colors 256 output/favicon.ico 

Estoy teniendo problemas con la transparencia. Parece que no puedo obtener el código correcto para ello, he intentado - canal alfa -negate, etc.

Esto crea una imagen y cuando aplico al sitio, funciona con Firefox pero ninguno de los otros navegadores. IE, Chrome, Opera y Safari lo odian por alguna razón, es un simple archivo favicon.ico. Mi conclusión es que debe ser mi orden en algún lugar se está rompiendo. ¿Por favor ayuda?

Answer 1

Agregue esta opción para convert :

-background transparent

Sin embargo, tenga en cuenta que su imagen original debe tener un canal alfa. Los PNG pueden tener un canal alfa, los JPEG no.

Answer 2

Para convertir PNG a ICO, establecer los tamaños que desee y conservar la transparencia:
(funciona para ImageMagick 7.0 o más reciente)

convert -background transparent "favicon.png" -define icon:auto-resize=16,24,32,48,64,72,96,128,256 "favicon.ico"

En este ejemplo, el archivo ico tendrá 9 entradas: 16x16 px, 24x24 px, etc. (asumiendo que es cuadrado)

Sugerencia: si está en Windows 7, puede guardar el código a continuación en un archivo REG y aplicarlo al registro. Esto creará una entrada en el menú contextual de los archivos PNG llamado "Convertir a ICO". Cuando haga clic con el botón derecho en archivo.png y seleccione este comando, el archivo.png.ico se generará en la misma carpeta.

InstallConvertToIcoCtxMenu.reg
(recuerde reemplazar la ruta ImageMagick con la ruta donde está instalada en su computadora)

Windows Registry Editor Version 5.00

; Created with Default Programs Editor
; http://defaultprogramseditor.com/

; Edit Verb
[HKEY_CURRENT_USER/Software/Classes/pngfile/shell/ConvertToICO]
@="Convert to ICO"
[HKEY_CURRENT_USER/Software/Classes/pngfile/shell/ConvertToICO/command]
@="/"C://Program Files//ImageMagick//7.0.3-Q16//convert.exe/" -background transparent /"%1/" -define icon:auto-resize=16,24,32,48,64,72,96,128,256 /"%1.ico/""
[HKEY_CURRENT_USER/Software/Classes/pngfile/shell/ConvertToICO]
"Icon"="C://Program Files//ImageMagick//7.0.3-Q16//convert.exe,0"

Answer 3

Una solución al problema de ICO sería no usarlo:

<link rel=icon href=/favicon.png>

Funciona en todos los navegadores, y puedes usar el formato de archivo saner con mejor compresión.