Preparing favicons, logos and images for a website
Use cleared assets, export formats and sizes for their actual placements, and check pages, tabs, sharing cards, and light or dark backgrounds.
On this page
Direct answer
Use cleared assets, export formats and sizes for their actual placements, and check pages, tabs, sharing cards, and light or dark backgrounds. Availability through an icon service does not establish unrestricted reuse.
When to use
You are preparing assets or fixing inconsistent icons across devices and sharing.
Step by step
Record permissions and placements
Distinguish original branding, authorized trademarks, and decorative images. Record required notices. Use genuine authorized portraits rather than synthetic people presented as real.
Export suitable assets
Prepare appropriate favicon, content, and social images, with vector and raster formats where needed. Inspect clarity, transparency, contrast, and file size, and remove unnecessary private metadata.
Verify real entry points
Check icon links, content types, sizes, and cache updates. Review tabs, mobile layouts, themes, and sharing previews. Give content images appropriate alternative text.
Worked example
Hypothetical exercise, not a real performance claim.
A transparent logo works on light backgrounds but disappears on dark ones. Use a cleared color variant or suitable background and verify the actual page, not just the design file.
Action checklist
Reusable templates
Asset delivery checklist
File and placement:
Permission and notices:
Format / dimensions / size:
Transparency, backgrounds, contrast:
Alternative text and links:
Metadata review:
Tab / mobile / sharing / cache checks:
Pitfalls
Avoid exposing private screenshots, filenames, or metadata through assets. Browser caching can retain old icons; inspect responses and a fresh session.