이미지 도구
파비콘 생성기
이미지, 텍스트 또는 이모지에서 favicon.ico, PNG, Apple Touch, PWA 아이콘을 만듭니다.
Icon editor
Background
Device previews
Adds safe padding for round and rounded masks.
Live preview
Position · Safe area guide
Browser tab preview
Apple Touch Icons often look more consistent with an opaque background; transparent output is still allowed.
Device previews
Website manifest
대부분의 도구는 브라우저에서 로컬로 처리합니다. 배경 제거는 선택한 이미지를 서버에서 처리한 뒤 원본을 삭제합니다.
Sponsored linkLearn more →
사용 방법
- Choose an image, text or emoji source.
- Adjust fit, position, scale, background, padding and corners while previewing the result.
- Generate the package, then download individual files, copy the HTML or download the ZIP.
이런 경우에 유용합니다
- Website browser tabs
- Apple Touch Icons
- Android and installable PWA icons
How to create a favicon
Choose an image, a short text mark or an emoji, then keep the important detail inside the safe area. Preview the small browser sizes before generating the package so the icon remains recognizable at 16 pixels.
What favicon sizes are needed?
Most sites use 16×16 and 32×32 PNG icons, while 48×48 is a useful desktop fallback. Apple Touch Icons use 180×180, and installable PWAs commonly use 192×192 and 512×512.
How to convert PNG to ICO
Generate the favicon package, then use the real favicon.ico supplied by BrightTools. It is an ICO container with separate transparent PNG images for 16×16, 32×32 and 48×48, rather than a PNG renamed with an ICO extension.
What is favicon.ico?
favicon.ico is a compatibility icon file that can contain several resolutions. Browsers can select the closest entry for a tab, bookmark or legacy integration.
How to add a favicon to a website
Upload the generated files to the website root and paste the HTML snippet into the document <head>. Add the manifest link when you want Android or PWA installation metadata.
What is an Apple Touch Icon?
An Apple Touch Icon is the 180×180 PNG shown when a visitor saves a site to an iPhone or iPad home screen. A solid background is often more predictable, though transparent output remains available.
What are PWA and maskable icons?
PWA icons are declared in a web manifest. A maskable icon keeps its important content inside a central safe area so the operating system can apply a circle or rounded mask without cutting it off.
Are uploaded images sent to a server?
No. The image is decoded and rendered with browser APIs. The source image, text, emoji, generated blobs and manifest stay on this device.
알아둘 점
Rendering uses your browser Canvas and installed fonts. Emoji artwork can differ slightly between operating systems, and very old browsers may not support every image codec.
자주 묻는 질문
What size should a favicon be?
The package includes 16, 32 and 48 pixel browser icons, a 180 pixel Apple Touch Icon, and 192 and 512 pixel Android/PWA icons.
Do I still need favicon.ico?
It is still a useful compatibility fallback. This tool creates a real ICO container with 16×16, 32×32 and 48×48 PNG images.
Can I create a favicon from a PNG?
Yes. PNG, JPEG, WebP and safe SVG images can be loaded locally and rendered to every output size.
Can I use an emoji as a favicon?
Yes. Enter one emoji grapheme, including joined or skin-tone emoji. The current browser rendering is rasterized into PNG pixels.
What files are included in the ZIP?
The ZIP contains all six PNG sizes, favicon.ico, site.webmanifest and bilingual installation instructions. Your source image is never included.
How do I install the favicon on my website?
Upload the files to your website root and paste the generated link tags inside your HTML head.
Are my images uploaded?
No. Files, text and emoji are decoded and rendered entirely in your browser and are not sent to a server.
Why does my favicon look blurry?
Use a simple high-contrast source, keep important details inside the safe area, and start with an image at least 512×512 pixels.