Member Avatar for racoon8995

can anyone pls post the code line for adding a favicon to a site.i presume it will be used in the head section of my code.tnx

  • 3 Contributors
  • 2 Replies
  • 54 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by anthmaina

Dani AI

Generated

Good start, — and thanks to and for the classic head-link approach and the XHTML validation tip. Their answers show the minimal, supported pattern; the notes below cover current best practices to avoid cross-browser and mobile surprises.

Use multiple formats and sizes. Keep a root-level favicon.ico as a legacy fallback and add PNGs for modern engines. Typical useful sizes are 16x16 (tab), 32x32 (high‑DPI tab), 180x180 (Apple touch), and 192x192 plus 512x512 for Android / PWAs. A single .ico can embed several sizes. Include an apple-touch-icon and a Web App Manifest with icons for installable apps. Configure the server to send the correct MIME types (for example image/x-icon or image/vnd.microsoft.icon for ICO, image/png for PNG) and use cache-busting or new filenames when replacing icons so clients fetch updates.

Troubleshooting: clear the browser cache or use a private window, then check the network tab or run curl -I to confirm the icon URL returns HTTP 200 and the expected content-type. Look for redirects, service workers returning HTML, or CDN rules that rewrite image requests. For reference on browser behavior and manifest/icon details, see the MDN guides: MDN’s favicon glossary and MDN on the Web App Manifest. Note: ’s XHTML validation remark is still relevant for pages using older XHTML doctypes.

Recommended Answers

All 2 Replies

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.