Cómo hacer un Favicons animada

favicons animados toman los iconos de página en la barra de direcciones URL un paso más allá. Algunas personas piensan que son lindos; algunas personas piensan que son molestos. Puede que no haya fijado en ellos en absoluto, porque sólo funcionan con el navegador Firefox. Si desea que su propio favicon animado todo lo que necesita es un poco de Photoshop y mojo HTML.

Instrucciones

1 Crear una imagen estática favicon. Será necesario que el tamaño de su documento de 16 píxeles por 16 píxeles. Puede reducir una imagen más grande o crear tu favicon desde cero.

2 Guarda la imagen como un archivo ICO. Usted tendrá que tener el plug-in ICO instalado en la carpeta "Formatos" dentro de la carpeta de plug-ins de Photoshop. Elija "Windows ICO" como el formato de archivo en el diálogo. Use "favicon.ico" como nombre de archivo.

3 Añadir animación. paleta y la animación abierta de Photoshop asegúrese de que está en el modo de animación de cuadro. Añadir marcos para cada paso en la animación. Puede cambiar la posición de la capa, o mostrar y ocultar capas para crear la animación.

4 Guardar la animación como un archivo GIF (ICO archivos son estáticos.) Seleccione la opción "Guardar para Web y dispositivos" en el menú Archivo. Asegúrese de que la transparencia se selecciona si quieres un fondo transparente. Use "favicon.gif" para el nombre de archivo.

5 Modificar su página web. Inserte el siguiente código entre las tags:.

6 Sube tu página web y archivos a su servidor. Cargar la página en Firefox para asegurarse de que las cargas favicon animados. Cargar la página en el explorador para asegurarse de que el icono de cargas estáticas.

Consejos y advertencias

• Al escribir estas líneas favicons animados sólo funcionan con los navegadores Firefox.
• No pinte los cambios en las capas de Photoshop, ya que afectarán a cada cuadro de la animación. Puede cambiar la posición de la capa, o copiar la capa y hacer cambios en la copia.