ubiquitour.com

Como hacer iconos para tu lista de favoritos

Como hacer iconos para tu lista de favoritos

El icono de página web básica es una bestia opaca y sin vida que no hace nada para alegrar tu ordenador. Muchos de los sitios web más grandes y más populares, además de innumerables sitios más pequeños, han echado del icono de sitio web predeterminado a favor de sus propios logos y branding. Con un programa de creación de imagen como Photoshop o The GIMP y un poco de tiempo, también puede hacer "favicons" de su lista de favoritos.

Instrucciones

1 Abra su aplicación de edición de imagen y crear una nueva imagen. Se puede establecer esto en cualquier tamaño, pero la imagen debe ser cuadrada. Es mejor no crear demasiado grande una imagen porque tendrá que ser reducido considerablemente con el fin de crear un icono. Un tamaño máximo de 100 por 100 píxeles es generalmente el mejor.

2 Dibujar una imagen audaz, o utilice la herramienta texto para introducir una pequeña cantidad de texto. No hacer demasiado compleja la imagen o se convertirá en indescifrable y borrosa cuando la imagen se reduce a tamaño de los iconos. Si utiliza texto, no escribir demasiado texto y recuerde que si su icono tiene un fondo transparente, luz texto puede convertirse en ilegible.

3 El icono 32 x 32 píxeles de tamaño. Guarda la imagen en formato PNG. Esto crea la imagen de icono básico que tendrá que ser convertido al formato ICO. Más imagen software de edición no puede realizar esta conversión, así que tenemos que utilizar software especializado.

4 Descargar un programa de creación de icono gratis como Png2Ico o VistaICO; o una web de conversión como ConvertICO o Converticon. Siga las instrucciones para convertir el archivo PNG en un archivo ICO. Cambie el nombre de este archivo "favicon.ico". Esta es la web de nombre de archivo buscan navegadores para comprobar si un sitio web tiene su propio icono.

Consejos y advertencias

  • Para mejores resultados, guardar dos versiones de su imagen de icono. uno en 32 x 32 pixeles y uno en 16 x 16 píxeles. Esto asegura que el icono se ve cómo usted quisiera que aun cuando reducido a tamaños pequeños en la barra de direcciones de un navegador web. Más creadores de icono pueden colocar ambas versiones del icono en el mismo archivo ICO.
  • Algunos navegadores web no buscará el archivo favicon.ico a menos que a de código en el archivo index.html. Para asegurarse de que el navegador busque el icono de, agregue el código siguiente en la sección "Head" de index.html: < link rel = "icono de acceso directo" href = "http://ADDRESS/favicon.ico" >, donde dirección es la ruta al archivo de icono.