Loading...

Poner un favicon en tu pagina web


 

Poner un favicon en tu pagina web

 

Bueno aquí traigo un tutorial de como poner un favicon para aquellos usuarios novatos, o que no son novatos pero no saben en fin.

1/5 Primero: bueno primero tenemos que subir el favicon al upload de imágenes de paginawebgratis, bueno vamos a "Controlar imágenes"

https://img.webme.com/pic/i/ipwg/1fa.png

2/5 Segundo: en las tablas que están arriba que dice "Tus imágenes" y "Agregar una nueva imagen", bueno entonces elegimos la opción "Agregar una nueva imagen", después subimos la imagen que ira en el favicon, después que suban la imagen le damos al botón que esta abajo "Subir imagen"

https://img.webme.com/pic/i/ipwg/2fa.png

3/5 Tercero: bueno cuando tengamos la imagen subida vamos al menu de "Su kit de construcción", elegimos la opción "Controlar extras"

https://img.webme.com/pic/i/ipwg/3fa.png

4/5 Cuarto: Bueno arriba hay dos tablas que se llaman "Tus extras" y "Agregar extra", entonces elegimos la opción "Agregar extra", después en la opción que dice "Elegir extra", elegimos obviamente el extra "Favicon", después le damos al botón que dice "Agregar extra"

https://img.webme.com/pic/i/ipwg/4fa.png

5/5 Quinto: bueno el ultimo paso y el mas fácil cuando le demos al botón "Agregar extra", nos saldrá donde dice "Tu 16x16 pixel favicon", al lado nos saldrá para elegir varias opciones, esas opciones son las imágenes que haz subido en el upload de paginawebgratis, si es primera vez que as subido una imagen lo puedes guardar de una vez en el boton que dice "Guardar", pero si no es tu primera imagen le das donde están las imágenes que haz subido y eliges el nombre de la imagen que subiste para el favicon y lo guardas

https://img.webme.com/pic/i/ipwg/5f.png

Bueno esto es todo espero que les sea útil.

Bueno, como para completar yo te paso un pequeño "truquito", para poder crear el favicon en photoshop lo he probado y es visible con IE, Mozilla, Chrome, Opera y Safari
Para empezar, un favicon es un pequeño icono personalizado que aparece al lado de la URL de un sitio, en la barra de dirección y en las pestañas de las ventanas.
Y cuando digo pequeño, no exagero, el tamaño de un favicon es de 16 píxeles por 16 píxeles. Asi que si te gustan los desafíos de diseño, ¡prueba con este!
Bueno, mi favicon fué hecho con Photoshop, pero no necesitas ser profesional para crear tu favicon y ponerlo en tu web.
Todo lo que necesitas para añadir un favicon a tu pagina, es crear un archivo de Icono de Windows llamado favicon.ico, el cual luego subirás a tu sitio para hacerlo visible para todo el mundo.
Primero deberás descargar un plugin para poder exportar en Photoshop, el archivo en el formato que se requiere para un favicon (formato de Icono de Windows - .ICO). Puedes bajarte el plugin de aqui: http://www.telegraphics.com.au/sw/
Este plugin lee y escribe archivos ICO en 1, 4 y 8-bit indexados y 24-bit en modo RGB, también lee y escribe 32-bit “XP” iconos (con 8-bit canal alpha).

Asegúrate de instalar el plugin antes de empezar, si lo instalas con el Photoshop abierto, deberás salir y reiniciar el programa para que lo reconozca y te permita guardarlo bajo el formato de archivo de un favicon (.ico)

Bien, en un archivo de 16x16 px. diseñas tu favicon, cuando lo termines ve a “Archivo > "Guardar como” y asegúrate de nombrar el archivo “favicon.ico”. Dentro del mismo menú, en el formato (“tipo”) debes elegir Windows Icon (ICO). Recuerda que este formato solo estará disponible en Photoshop luego de haber descargado e instalado el plugin.

Hecho todo esto, vas a PWG, le das a "Controlar Imágenes", subes lo que creaste.
Cuando termine de subirse, vas a "Controlar Extras", "Agregar Extras" Seleccionas "Favicon", eliges lo que acabamos de subir, le das a guardar y listo, eso es todo. (Como muestra el tutorial del amigo ipwg.)

Tu dirección 1a, 12345 Tu ciudad
+49 123456789