Paste-ready favicon link tags
Modern sites need multiple icon sizes for tabs, home-screen shortcuts, and PWA manifests. Upload a logo, set path prefix, copy the link block into your layout head.
Tags follow common rel and sizes attributes so Lighthouse and browsers find the right asset.
Export each PNG size after generating tags so href paths resolve on deploy.
Build the icon files to match
Rasterize SVG marks with the SVG to PNG Converter at 512 px, then scale down.
Batch resize with the Image Dimension Resizer for 16, 32, 180, 192, and 512 px outputs.
Shrink bytes using the PNG Compressor before commit to keep HTML cache-friendly.
Deploy checklist
Place PNGs in /public or your CDN root so /favicon-32x32.png resolves.
Keep one 180 x 180 apple-touch-icon for iOS home screen.
Re-copy tags when you change path prefix or add a manifest.json icon array separately.
Frequently Asked Questions (FAQ)
What link tags does this tool generate?
icon links for 16x16, 32x32, 192x192, and 512x512 PNG, plus apple-touch-icon at 180x180 and a shortcut icon pointing at 32x32. Paths use your prefix such as /favicon-32x32.png.
Does it create the PNG files?
No. It outputs HTML for your site head. Export PNGs at each size with the Image Dimension Resizer or SVG to PNG Converter, then upload to your static folder.
Can I change the file path prefix?
Yes. Edit the path prefix field. Default /favicon produces /favicon-32x32.png. Trailing slashes are trimmed automatically.
What source image should I upload?
Square PNG or JPG with simple mark at center works best. Preview shows a 32 x 32 canvas draw of your upload for a quick legibility check.