What's Favicon?
Favicon is a small icon on browser labels, collection folders, historical records and partial moving-end shortcuts. It enhances brand recognition and allows users to find your site faster in multi-labeled scenes.
How does this tool work?
The front end is not able to read his site HTML at will due to the browser ' s cross-domain limit. This tool combines open icons to resolve paths and services:
- Google Favicon API：Multi-size icons fetch
- DuckDuckGo Icons：Quick Default Icon
- Apple Touch Icon：Try higher resolution touch icon
- Standard path:Like
/favicon.ico
Use scene
- Collect site icons for navigation stations, bookmarks
- Check if the top station is correctly configured
- Quick sampling in the design of competition research
- Confirm available sources before replacing damaged icons
Configure Recommendations
- Provide at least 32x32 / 48x48 ICO or PNG
- Mobileend supplement apple-touch-icon (180x180 common)
- Declares clearly in head icon link
- Use cache authentication tab icons after deployment
Capacity boundaries
The availability of the icon depends on the target station and third party services; Some sites may return to the General Earth icon or fail. If you want to download a browser that stops cross-domain saving, you can save the right key after the new image address.
How do you choose different icon formats?
Favicon.ico is best compatible with old browsers and sites requiring a single entrance; PNG is usually more suitable for providing fixed dimensions such as 32x32, 48x48, with clear edges and easy check of transparent background; SVG can maintain sharpness at different sizes, but needs to be confirmed that the target environment allows the use of SVG icons. Apple Touch Icon usually saves web pages to the main screen for devices like iPhone and iPad, which are commonly size 180 x 180.
The size of the extraction results does not necessarily represent the full capacity of the original document. For example, a third-party icon service may scale a source into multiple dimensions, directly accessing favicon.ico before it is possible to obtain a file that actually returns from the target station. Therefore, small, marginal versions are given preference when using browser tabs; When used to move the end shortcut or design the collection, the original address and pixel dimensions should be further checked.
How do you check when extraction fails?
- Make sure you enter an open domain name, for example.
example.com, do not use search keywords as a web site. - If only some sources are successfully loaded, preference is given to iconic addresses that can be properly opened, other sources may be limited by the chain of alarm or cross-domain strategy.
- If all results are generic icons, the target station may not be configured or the third-party service may not be updating the cache for the time being.
- If the target station uses a non-standard filename or only states SVG, open site source check
<link rel="icon">The actual address.
Front-end project configuration proposal
In their own stations, it is recommended that a compatible portal and a clearly defined PNG be provided at the HTML site <head> it is stated. For example, browser tabs can be used /favicon.icoHigh-resolution scenes can be added to the icon-32.png and apple-touch-icon.png。 When deployed, check the non-cacheline windows, mobile devices and dark colours to confirm that the icons are not white, vague or transparent.
Copyright boundaries when using icons
This tool is only responsible for finding publicly accessible icon addresses and does not represent a user ' s acquisition of a trademark, copyright or business authorization for the targeted brand. (b) Individual bookmarks, tests and internal research are generally less risky; If you want to use Logo for a website, application, advertising or goods, please first confirm the branding code and keep a record of the source.
FAQ
Select the icon to see the source, size and format first. Favicon.ico Fits the browser tab, Apple Touch Icon is usually used for moving-end shortcuts; If multiple results are returned from the same website, the most clearly defined and sourced icon should be selected in conjunction with the actual use.
This tool does not modify the target website or save the domain name you entered. The result is an open icon address and a standard path, and some sources may not be capable of loading when they encounter a chain of alarm, cross-domain strategy or site not configured icons.
Why did the station take fail? No icons, no chain of alarms or third-party icons are available at the target station.
Is that the original? Most of the accessible addresses returned by icons vary in resolution by source.
Can you climb the source code? Subject to CORS, try mainly through open icon service and standard path.
Can you load the station? Currently extracts by a single domain name and is suitable for processing on a site-by-site basis.
Related tools
After the icon extraction is completed, you can also continue to process the website icons and page resources using the following tools:
- Favicon Generators: Creates an ICO, PNG and SVG icon suitable for the website.
- Favicon InspectorChecks whether the site is correctly configured for favicon and Apple Touch Icon.
- LinkExtractors: Page links from the HTML page to facilitate the resources of the checkpoint.
- Picture Colour Ripper: Draw colour references from Logo or icons.