Convertidor de favicon
Lea nuestro post más detallado sobre cómo aprovechar el almacenamiento en caché del navegador.Cache-ControlTambién puede utilizar Cache-Control. El siguiente fragmento puede añadirse a su archivo .htaccess en Apache para indicar al servidor que establezca la edad máxima del encabezado Cache-Control en 84600 segundos y en público para los archivos enumerados. Tenga en cuenta que el tipo de archivo ico está incluido.<filesMatch «.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$»>
Este siguiente fragmento se puede añadir a su archivo de configuración de Nginx. El ejemplo siguiente utiliza las directivas de cabecera Cache-Control public y no-transform con una configuración de caducidad de 7 días. Tenga en cuenta que el tipo de archivo ico está incluido.location ~* \.(js|css|png|jpg|jpeg|gif|ico)$ {
Lea nuestro post más detallado sobre cómo utilizar Cache-Control.Cargue su favicon desde su CDNAtra optimización que puede hacer es cargar realmente su favicon desde su CDN. Aunque este archivo no se solicite regularmente y sea muy pequeño, puede ser beneficioso porque cuando el navegador vaya a cogerlo, lo hará desde un POP más cercano.Para cargar el favicon desde tu CDN puedes simplemente actualizar el fragmento en tu cabecera. A continuación se muestra un ejemplo en nuestro sitio de prueba. Estamos apuntando a nuestro favicon que reside en nuestro CDN. Haciendo esto también puedes aprovechar las cabeceras Cache-Control y expires en los servidores de borde de la CDN y no tener que preocuparte por ellas en tu servidor de origen.<link rel=»icono de acceso directo» href=»//cdn.example.com/favicon.ico» type=»image/x-icon» />
Generador de favicon gratis
Los favicons son pequeños archivos de iconos de 16×16 que se muestran junto a la URL de su sitio en la barra de direcciones de un navegador. Además, a menudo se muestran junto al nombre de su sitio en la lista de pestañas abiertas de un usuario y en las listas de marcadores, lo que facilita al usuario la identificación rápida entre otros sitios.
Los iconos de las aplicaciones son las imágenes que se pulsan en el smartphone para lanzar una aplicación. A medida que se lanzan nuevos teléfonos con pantallas de mayor resolución, se necesitan iconos de aplicaciones de mayor resolución. Los desarrolladores siguen queriendo mantener la compatibilidad con los teléfonos más antiguos con menor resolución, así que cuando se crea un icono de aplicación hay que crear varias variaciones de tamaño de la misma imagen. Esto es cierto para todos los teléfonos inteligentes como el iPhone y Android, e incluso para las tabletas como el iPad.
Aunque muchos navegadores web modernos admiten favicons guardados como GIF, PNG u otros formatos de archivo populares, todas las versiones de Internet Explorer siguen exigiendo que los favicons se guarden como archivos ICO (un formato de icono de Microsoft). Esta herramienta proporciona una forma sencilla de convertir cualquier GIF, PNG o JPEG a ICO, que es compatible con todos los navegadores web modernos. También te permite crear favicons desde cero a través de un práctico editor online. Además, el editor te permite ajustar manualmente los favicons generados para garantizar el mejor resultado posible.
Png a favicon
Si te tomas en serio la marca de tu negocio, los favicons deberían formar parte de tu arsenal de marketing. No son el aspecto más importante de un sitio web, pero son detalles como éste los que hacen que los clientes potenciales te recuerden y te distingan de la competencia.
Favicon, abreviatura de «icono favorito», fue originalmente una nueva función del navegador Internet Explorer en 1999. Cuando los usuarios marcaban un sitio a través de Internet Explorer, aparecía el icono junto al nombre del sitio web en la lista de favoritos.
Generador de favicon online
Cómo Favicon en 2022: Seis archivos que se ajustan a la mayoría de las necesidades5 de febrero de 2022TemasCompartir este post enTraduccionesSi estás interesado en traducir o adaptar este post, por favor, ponte en contacto con nosotros primero.Es hora de repensar cómo cocinamos un conjunto de favicons para los navegadores modernos y detener la locura del generador de iconos. En la actualidad, los desarrolladores de front-end tienen que lidiar con más de 20 archivos PNG estáticos sólo para mostrar un pequeño logotipo de un sitio web en una pestaña del navegador o en una pantalla táctil. Sigue leyendo para ver cómo adoptar un enfoque más inteligente y adoptar un conjunto mínimo de iconos que se adapte a la mayoría de las necesidades modernas.El tema de los favicons ha demostrado ser más exhaustivo de lo que cualquiera podría haber deseado, por lo que también he resumido todo el artículo en sólo dos fragmentos de código para aquellos que ya han sufrido bastante y que saben exactamente qué hacer. De todos modos, ¡recomiendo que te pongas a leer el resto! La versión extremadamente cortaEn lugar de servir docenas de iconos, todo lo que necesitas es sólo cinco iconos y un archivo JSON.Para el navegador que utiliza HTML:<link rel=»icon» href=»/favicon.ico» sizes=»any»><!– 32×32 –>
