Guía paso a paso para Crear un Favicon en Photoshop

Favicon es el icono pequeño a la izquierda en la barra de direcciones de su navegador web que identifica a su sitio web. He aquí cómo crear uno.

Favicon es a menudo descuidado por los diseñadores de sitios web, pero es igualmente importante en el diseño del sitio web. Un sitio web creado con soltura debe contener un Favicon a medida, ya que es vital para la marca website.

Favicon es el pequeño icono pequeño a la izquierda en la barra de direcciones de su navegador web, y por lo tanto, es un elemento de la marca de su sitio web en general. Ellos aparecen en el navegador, pero, además, en la alimentación, por lo que es esencial que se incluyen uno con sus sitios web.

Paso 1

Para ponerse en marcha, basta con abrir Photoshop y configurar el tamaño de la imagen a la derecha en la mejor plaza de cualquier número par, por ejemplo, 60 × 60 píxeles, como el trabajo con un 16 × 16 píxeles de imagen sería difícil.

Ahora, con el fin de empezar a crear tu Favicon personal, establecer el color de fondo a lo largo de la anchura, altura y resolución. Hacer ciertos matices de colores que utiliza en su favicon son par similar de colores que se emplean en su sitio web.

Paso 2

En lo que respecta a la información sobre su diseño, puede crear una imagen sencilla o utilizar su talento tipografía en la planificación de tu favicon preferido. Yo personalmente le aconsejo que diseñar una imagen personalizada forma cuadrada. No se olvide que la dimensión de este favicon es demasiado pequeño para contener toda la información que tiene la intención de la función de la imagen.

Espere un poco y simplemente seguir lo simple pero fascinante. Usted también puede hacer uso de la gráfica junto con el texto o su logotipo. Desde Favicon es muy pequeño, es necesario mantener el gráfico tan simple como sea posible.

Paso 3

Después de crear la imagen ideal, cambiar el tamaño de su gráfico con firmeza 16 píxeles por 16 píxeles. Esto es debido a la medida estándar de la favicon es a 16 × 16 píxeles . Si desea bajar la dimensión de la imagen actual para usar la imagen como un favicon, vaya a la Imagen -> Tamaño de imagen .

Así, en Photoshop, esto se puede lograr mediante la selección del "tamaño de imagen" en "Imagen" del menú en la parte superior. Inserte 16 píxeles de altura y anchura a continuación, pulse el botón Aceptar. Esto probablemente cambiará el tamaño de la reputación con el tamaño ajustado. Ahora usted debe guardar sus datos con 'favicon' el nombre. Por lo tanto, deben ser guardados y protegidos. Disposición ICO. Esto se puede hacer haciendo una selección de Windows (. ICO) "dentro de la opción Tipo de archivo dentro de la "Guardar como" ventana.

Paso 4

Por último, asegúrese de cargar su medida "favicon.ico" icono que acaba de generar para el servidor del sitio web se encuentra alojado. Para añadir tu favicon en su servidor, basta con abrir el FTP y ver el directorio raíz de su sitio web y la búsqueda de favicon.ico. En caso de que su Favicon icono está disponible en el servidor, este sobrescribe junto con su foto personalizada. Eso es todo. Cada vez que vea su sitio web, usted notará definitivamente su icono personalizado presentó junto al título en la barra de dirección. Por último, no se olvide de actualizar la página para obtener el cambio. Fuente