स्क्रीनशॉट अंग्रेजी ऐप दिखाते हैं। प्रीसेट नाम और नियंत्रण आपकी ऐप भाषा में भी उपलब्ध हैं।

आपका शुरुआती बिंदु

PixRinse में Favicon सेट का उपयोग करें, फिर अपने वास्तविक गंतव्य के विरुद्ध इन सेटिंग्स की समीक्षा करें।

इस वर्कफ़्लो के लिए सेटिंग्स
फ़ेविकॉन पीएनजी16 / 32 / 48 px
Apple स्पर्श करें PNG180 px
वेब-ऐप पीएनजी192 / 512 px
रंगsRGB
PixRinse Favicon सेट छह PNG वेबसाइट आइकन आकारों के साथ प्रीसेट
इस वॉकथ्रू के लिए उपयोग की गई सेटिंग्स। पूर्ण आकार में निरीक्षण करने के लिए स्क्रीनशॉट का चयन करें।
एन्कोडिंग नियंत्रणों में PNG प्रारूप और sRGB में बदलें दिखाए गए हैं।
एन्कोडिंग नियंत्रणों में PNG प्रारूप और sRGB में बदलें दिखाए गए हैं।

इसे कैसे करना है

  1. एक वर्गाकार स्रोत चिह्न तैयार करें

    कम से कम आपके लिए आवश्यक सबसे बड़े आइकन जितने बड़े स्रोत का उपयोग करें। बारीक विवरणों को सरल बनाएं जो 16 px पर गायब हो सकते हैं।

  2. Favicon सेट चुनें

    छह आकारों की समीक्षा करें. टेम्प्लेट एक केंद्रित कवर नियम का उपयोग करता है, इसलिए एक गैर-वर्ग स्रोत को क्रॉप किया जा सकता है।

  3. सबसे छोटे आउटपुट का निरीक्षण करें

    16 और 32 px फ़ाइलों को वास्तविक आकार में जाँचें। स्वचालित आकार बदलना किसी जटिल ब्रांड चिह्न के लिए जानबूझकर किए गए ऑप्टिकल समायोजन को प्रतिस्थापित नहीं कर सकता है।

  4. छवियाँ निर्यात करें और उनके संदर्भ अपने वेबसाइट कोड में जोड़ें

    अपनी वेबसाइट पर PNG फ़ाइलें जोड़ें और HTML हेड और वेब-ऐप मेनिफ़ेस्ट में प्रासंगिक आकारों का संदर्भ दें।

इस वॉकथ्रू से फ़ाइलें

इस उदाहरण से क्या उत्पन्न हुआ

एक 1024 × 1024 वर्ग चिह्न गैर-वर्ग-स्रोत चेतावनी के बिना छह पीएनजी उत्पन्न करता है। प्रत्येक निर्यातित फ़ाइल में एक sRGB प्रोफ़ाइल होती है।

चौकोर स्रोत
1024 × 1024
PNG निर्यात
6
रंग प्रोफ़ाइल
प्रत्येक आउटपुट पर sRGB
वास्तविक निर्यात की गई फ़ाइलें
फ़ाइलप्रारूपपिक्सेलबाइट्स
android-chrome-192x192.pngPNG192 × 19226,980
android-chrome-512x512.pngPNG512 × 5121,74,868
apple-touch-icon.pngPNG180 × 18023,839
favicon-16x16.pngPNG16 × 16692
favicon-32x32.pngPNG32 × 321,751
favicon-48x48.pngPNG48 × 483,093
वेबसाइट आइकन का एक सेट बनाएं: वास्तविक निर्यातित परिणाम
इस वॉकथ्रू में दिखाए गए नमूना फ़ाइलों के लिए वास्तविक निर्यात परिणाम।

दिखाए गए नमूना फ़ाइलों पर मापा गया। आपके परिणाम आपके मूल और सेटिंग्स पर निर्भर करते हैं। यह वॉकथ्रू वर्गाकार या पारदर्शी नमूना कैनवस पर स्वामित्व वाली PixRinse कलाकृति का उपयोग करता है।

कुछ सामान्य प्रश्न

क्या यह favicon.ico बनाता है?

नहीं, अंतर्निहित सेट विशिष्ट फ़ाइल नामों के साथ छह PNG फ़ाइलें निर्यात करता है।

क्या विस्तृत लोगो काम करेगा?

एक वर्गाकार स्रोत बेहतर है. कवर नियम एक विस्तृत स्रोत को क्रॉप कर सकता है, इसलिए पूर्वावलोकन की सावधानीपूर्वक समीक्षा करें।

वर्कफ़्लो को काम पर लगाएं.

PixRinse खोलें, कुछ छवियां जोड़ें और उपरोक्त सेटिंग्स से प्रारंभ करें।

Mac के लिए डाउनलोड करेंमुफ़्त: प्रति बैच 10 तक छवियां और प्रति स्रोत एक आउटपुट। इस वर्कफ़्लो के एकाधिक आउटपुट के लिए प्रो की आवश्यकता होती है। मुफ़्त और प्रो की तुलना करें।