Mostrando entradas con la etiqueta Diseño de imágenes. Mostrar todas las entradas
Mostrando entradas con la etiqueta Diseño de imágenes. Mostrar todas las entradas
Para realizar esta tarea debemos tener previamente una imagen de tipo icono. Podemos generar la imagen online con extensión .ICO o podemos descargarlo ya en este formato desde un repositorio de iconos e imágenes. Generalmente la imagen que se utiliza como icono de las páginas de un sitio web se ubica en la raíz del sitio y se le pone el nombre favicon.ico porque este icono también identifica la web cuando la guardamos en nuestros favoritos. Para definir el icono en las páginas de nuestro sitio web debemos poner la línea siguiente entre las etiquetas <head> de todas las páginas del sitio:
<head> <link href="favicon.ico" type="image/x-icon" rel="shortcut icon"> </head>Con esto ya tenemos listo nuestro icono personalizado en todo el sitio web. Es importante tener en cuenta que si nuestro archivo de icono no está en la raíz del sitio o tiene otro nombre diferente al que hemos especificado en este artículo, debemos poner la dirección del archivo en la propiedad href de la etiqueta link del código anterior. Por ejemplo si nuestro archivo de icono está en http://www.miweb.com/imagenes/favicon.ico la propiedad href debe quedarnos así:
<head> <link href="http://www.miweb.com/imagenes/favicon.ico" type="image/x-icon" rel="shortcut icon"> </head>Puede servirle de ayuda el artículo Repositorio de iconos y generador de iconos online para conocer un repositorio de iconos y un sitio web que nos permite generar nuestros propios iconos a partir de una imagen en cualquier formato. Continuar leyendo
miércoles, 13 de febrero de 2008
4
comentarios
Archivado en: Desarrollo Web, Diseño de imágenes, Recursos de Programación, Utiles
Archivado en: Desarrollo Web, Diseño de imágenes, Recursos de Programación, Utiles
A todos los que programamos siempre nos es imprescindible un buen repositorio de iconos para nuestros desarrollos; ya sea para establecerle iconos a un menú, para el "favicon" de una aplicación web, o para cualquier otro tipo de desarrollo de software. Navegando he encontrado este repositorio de iconos con una calidad de imagen excepcional. Una de las cosas que más me impresionó de este sitio es que podemos descargar el archivo en formato de icono (ICO) o en formato PNG de varias resoluciones (128x128, 48x48 y 32x32). De esta forma podemos utilizar las imágenes también para el contenido en nuestros diseños web. El sitio organiza los iconos por categorías que van desde iconos de animales y plantas hasta de los últimos dispositivos tecnológicos. Pone a nuestra disposición un directorio de otros sitios que implementan galerías de iconos; también nos recomienda algunas herramientas para que el trabajo con estos archivos nos sea más fácil y rápido. La web www.chami.com nos ofrece un servicio para generar nuestros archivos de icono a partir de una imagen en cualquier formato. Especialmente orientado para los favicons de nuestros sitios web. Sólo debemos subir al sitio la imagen desde nuestro ordenador y será generada en pocos segundos por este servicio, que nos permite descargarla a nuestro equipo o ver cómo queda el icono desde nuestro navegador. Excelente servicio y además muy útil. Sitio del repositorio de iconos: www.iconarchive.com Generador de iconos online: www.chami.com/html-kit/services/favicon Continuar leyendo
Suscribirse a:
Entradas (Atom)
