Tecnología

Inicio

Cómo crear una URL del logotipo

June 10

Cómo crear una URL del logotipo


Un favicon es una manera creativa y práctica para añadir un toque visual sutil a la presencia de su sitio web. Favicons son pequeñas imágenes que utilizan los navegadores web en pestañas de la página y las barras de dirección. Exhiben un logotipo o imagen asociada con el sitio web que actúa como un identificador visual de la marca junto al título o URL. Favicons son identificadores de sitio particularmente útil en la navegación por pestañas debido a que el espacio de texto disponibles utilizada para los títulos de página se reduce a casi nada y cuando el usuario abre más pestañas.

Instrucciones

1 Diseñar el icono que desea utilizar en un programa de la foto o los gráficos de edición. Usted puede tomar un logotipo existente o imagen asociada a su sitio o marca y ajustarlo a adherirse a los estándares de favicon. Favicons utilice siempre dimensiones cuadradas y tienen un tamaño máximo admitido de 256-por-256 píxeles. Cultivos y tamaño de la imagen para que quepa en un cuadrado de 256 por 256 píxeles, si usted va a utilizar un icono empacador para soportar múltiples tamaños. Si sólo vamos a hacer una versión, ir con un tamaño de 16 por 16 píxeles.

2 Exportar el icono gráfico como un archivo de imagen PNG desde el programa de diseño gráfico. PNG es el formato de imagen estándar W3C para faviconos. Algunos navegadores pueden mostrar archivos JPG como favicons, pero la norma no está soportado oficialmente. Además, los programas icono packer no pueden trabajar con imágenes en otros formatos. Favicons también son compatibles con los archivos GIF e ICO.

3 Paquete de su archivo PNG exportado en un archivo ICO con un programa de conversión de ICO. Un programa icono de convertidor procesa un favicon PNG, durante varios tamaños diferentes favicon ampliamente apoyadas y los incrusta en un solo archivo. archivos ICO proporcionan faviconos de mayor resolución de 16 por 16 píxeles para los dispositivos que los soportan.

4 Ingrese a su servicio de alojamiento web y cargar el archivo PNG o ICO con el servidor de medios de su sitio web. Copiar la URL del archivo subido; usted va a necesitar para fijar el favicon al sitio.

5 Abra su programa de edición de sitio y añadir el siguiente código, modificado con la URL del archivo favicon como se ha indicado, a la sección <head> de su página web.

Para los archivos PNG:
<Link rel = tipo "icono" = "image / jpeg" href = "PNG_File_Full_URL_Here">

Para los archivos ICO:
<Link rel = tipo "icono" = "image / x-icon" href = "ICO_File_Full_URL_Here">

A menos que estés usando un sitio controlado por el CMS o incluir un archivo basado sección <head>, vas a tener que añadir el código a cada página que desea presentar el icono. El favicon aparece después de guardar y actualizar las páginas del sitio.

Consejos y advertencias

  • programas de edición de fotos como Photoshop y Corel Draw trabajo bien para el diseño y el formato en el icono. Como alternativa, puede utilizar programas libres como Paint.net y Pixlr.
  • Algunos navegadores asocian automáticamente un archivo de imagen se encuentra en el directorio / favicon como un favicon; Sin embargo, la organización W3C desalienta esta práctica, ya que no es un estándar universalmente compatible y es contrario a los principios de arquitectura Web. Además, muchos servicios de alojamiento web y sistemas CMS no permiten que el contenido de usuario lugar fuera de los directorios de archivos de medios de comunicación, por lo que esta práctica imposible.