Crear favicon.ico para poner al lado de la URL de tu web

Filed Under (HTML, Internet) by admin on 08-11-2009

Tagged Under : , , , ,

Para todos aquellos que siempre han querido poner su imágen al lado de la URL en la barra de direcciones o cuando lo agregan a los favoritos, debéis hacer los siguiente, es muy sencillo.

  1. Creáis un icono de 16×16 px con una herramienta para generar iconos o con esta extensión de photoshop
  2. Lo guardais como favicon.ico
  3. Subís ese archivo creado al servidor en el directorio raíz (httpdocs)
  4. En vuestra página de inicio ponéis el siguiente código:

<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />

Y subís el archivo al servidor.

Sencillo no?

Plugin de photoshop para crear extensión .ico

Filed Under (Photoshop) by admin on 08-11-2009

Tagged Under : , , , , , , , , , , , , ,

Hace poco me encontré con este plugin que puede ser de utilidad si quereis crear iconos personalizados.

Para descargar la extensión:

[download id="2"]


A la hora de guardar la imágen os dará la posibilidad de guardarla con la extensión .ico

CÓMO INSTALAR

Descomprimir el archivo y meterlo en la carpeta Adobe Photoshop CS3\PlugIns\Formatos de archivo

Luego abrís photoshop y ya podeis tanto abrir como guardar imágenes en formato .ico

Los tamaños de los iconos son: 16×16 px, 32x32px, 48x48px, 128x128px, 256×256 px, dependiendo de para dónde los querais usar.

Sólamente se pueden guardar los .ico como tipo de imágen:  Bitmap, Escala de gris, Indexado y RGB, de no más de  8 bits por canal

Tenéis más información dentro del .zip en el archivo readme.html

Para crear el típico icono de favoritos o el que aparece al lado de la URL podéis ver este otro post