Guardar Favicon con Photoshop & Mac

Más de alguna vez habrás querido ponerle un favicon a tu web, si, ese iconito que generalmente aparece en las pestañas de los navegadores o en la barra de favoritos (Marcadores).

Con Photoshop de manera nativa no se puede, pero hacerlo que pueda es muy fácil

Para hacerlo debemos hacer lo siguiente:

1- Ir a la pagina http://www.telegraphics.com.au/sw/product/ICOFormat#icoformat

2- Buscar el plugin para photoshop en base a la versión que tengamos instalada y descargarlo




3- Abrir el archivo descargado


4- Colocarlo en la carpeta del photoshop, normalmente puede ser /Applications/Adobe Photoshop CC/Plug-ins/


5- Inicia (O ciérralo y reinícialo si estaba abierto) Photoshop


6 Listo, al guardar una imagen como Guardar como (Save as...) debería aparecerle la opción de guardar como ICO (Windows Icon)



Para agregar en tu pagina web el favicon creado debes agregar o modificar la etiqueta:
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
 
Se aconseja que la imagen creada sea de 32 x 32px, puede incluir transparencia