Member Avatar for cosmetic8635

Information about favicon.ico.

  • 3 Contributors
  • 3 Replies
  • 68 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by roydip007

Dani AI

Generated

asked about favicon.ico and provided useful starter links. Current practical approach is to keep a root favicon.ico for legacy requests and also include explicit icon links for modern devices and PWAs. The example below covers the minimum set of tags to serve multiple formats and sizes:

<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Favicons: include 16x16 and 32x32 PNGs and an ICO that bundles multiple sizes for older browsers. Provide a 180x180 Apple Touch icon and 192/512 PNGs (or SVG for supported browsers) in the web manifest for Android/Chrome. Keep /favicon.ico at the site root because some user agents still request it directly; update icons by changing filenames or using cache-busting headers. For authoritative details see MDN on favicons and the web manifest: MDN: Favicon and MDN: Web Manifest.

In response to about scrollbar color: use WebKit pseudo-elements for Chrome/Safari/Edge and scrollbar-color/scrollbar-width for Firefox. Example CSS:

/* WebKit */
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background: #f0f0f0; }
::-webkit-scrollbar-thumb { background: #c0c0c0; border-radius: 6px; }

/* Firefox */
scrollbar-width: thin;
scrollbar-color: #c0c0c0 #f0f0f0;

Note: OS-level overlay scrollbars (macOS, some mobile) may ignore styling and accessibility (contrast, target size) should be preserved. See MDN for compatibility and details: MDN: ::-webkit-scrollbar and MDN: scrollbar-color.

Recommended Answers

All 3 Replies

Member Avatar for cosmetic8635

thanx

Member Avatar for roydip007

Have any code to change scrollbar color in differnet browser?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.