टूल › डिज़ाइन

Favicon और ऐप आइकन स्टूडियो

एक लोगो से favicon.ico, apple-touch-icon, Android adaptive और maskable आइकन, iOS AppIcon सेट और site.webmanifest बनाएँ।

अपना लोगो छोड़ेंया चुनने के लिए क्लिक करें · SVG या कम से कम 512×512 का PNG सबसे अच्छा रहता है

ऐप का नामथीम का रंगबैकग्राउंड (iOS, Android)पैडिंग 0%

इसमें क्या है

favicon.ico (16, 32, 48), PNG फ़ेविकॉन, apple-touch-icon, Android Chrome और maskable आइकन, site.webmanifest, Xcode के लिए iOS AppIcon सेट, adaptive आइकन के साथ Android mipmaps, और यह HTML स्निपेट:

<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#F39A3D">

यह कैसे काम करता है

आपका लोगो हर साइज़ में कैनवास पर बनाया जाता है, maskable और adaptive आइकन के लिए सुरक्षित ज़ोन के साथ।
favicon.ico में 16, 32 और 48 px के PNG होते हैं, जिन्हें आज का हर ब्राउज़र पढ़ता है।

सवाल

कौन-सी सोर्स फ़ाइल सबसे अच्छी रहती है?

SVG, या कम से कम 512×512 का चौकोर PNG जिसमें निशान के चारों ओर थोड़ी खाली जगह हो।