නොමිලේ Favicon සකසන්නා
ඕනෑම රූපයක් සම්පූර්ණ favicon package — multi-size favicon.ico, Apple touch icon, Android/PWA icons, web manifest සහ copy-paste කිරීමට සූදානම් HTML snippet — සෑම ඔබේ බ්රවුසරයේ zip කර — බවට පරිවර්තනය කරන්න.
ගොනුවක් මෙතැනට දමන්න, නැතහොත් පිරික්සීමට ක්ලික් කරන්න
PNG, JPG, WebP, SVG, HEIC, HEIF · ඔබගේ උපාංගය තුළම සකසනු ලැබේ
හෝ පසුරු පුවරුවෙන් අලවීමට Ctrl+V ඔබන්න
ඔබේ ගොනු කිසි විටෙකත් ඔබේ උපාංගයෙන් පිටතට නොයයි. සියලු සැකසීම් ඔබේ බ්රවුසරය තුළ ස්ථානීයව සිදු වේ.
💡 හොඳම ප්රතිඵල සඳහා අවම 512×512 ප්රමාණයේ චතුරස්ර රූපයක් උඩුගත කරන්න. පාරදෘශ්ය PNG හෝ SVG හොඳම ක්රියා කරයි.
පොදු භාවිත
- වෙබ් අඩවි Favicon ඉදිරිටින්නසම්පූර්ණ favicon සෙවිසිවල ජනනය කරන්න සෑම ගවේෂකයා සහ උපකරණයින්ම අපේක්ෂා කරයි.
- PWA සහ Manifest අයිකනවල ජනනය කරන්න192px සහ 512px අයිකනවල සහ වෙබ් manifest ලබා ගන්න PWA අවශ්ය කරයි.
- Apple Touch Icon එකක් සාදන්න180×180 අයිකනක් ජනනය කරන්න iOS අඩවිය නිවසේ තිරයට සුරකිත තිබිය දී භාවිතා කරයි.
- ලාංඡනයක් Favicon එකක් බවට පත් කරන්නඔබේ ලාංඡනය ලටිකා පිරිසිදු, හඳුනා ගත හැකි favicon බවට පරිවර්තනය කරන්න.
- ඕනෑම Framework සඳහා Favicons ජනනය කරන්නReact, Next.js, WordPress සහ තවත් සඳහා අඩුත් favicon ගිණුම්පත ලබා ගන්න.
එය ක්රියා කරන්නේ කෙසේද
මෙම මෙවලම ඕනෑම PNG, JPEG, WebP, හෝ SVG එකක් Canvas API සහ JSZip භාවිතයෙන් සම්පූර්ණ favicon package එකකට — multi-size .ico, Apple touch icon, Android/PWA icons, web manifest එකක්, සහ paste-කිරීමට-සූදානම් HTML snippet එකක් — සම්පූර්ණයෙන්ම ඔබේ බ්රවුසරය තුළ පරිවර්තනය කරයි. කිසිවක් උඩුගත නොකෙරේ; සියලුම rendering සහ file assembly දේශීයව සිදු වේ.
- 1Canvas ඔබේ රූපය නැවත ප්රමාණය ගත කරයිබ්රවුසරය ඔබේ මූලාශ්ර රූපය අවශ්ය සෑම ප්රමාණයකදීම (16, 32, 48, 180, 192, සහ 512 px) off-screen HTML Canvas elements මතට අඳියි. explicit width/height attributes නොමැති SVGs Firefox සහ Chrome හිස් canvas එකකට වඩා සමාන pixel ප්රතිදානයක් නිපදවීමට DOMParser සහ XMLSerializer හරහා ප්රථමයෙන් සාමාන්යකරණය කෙරේ.
- 2අතින් ලියන ලද ICO encoder එක .ico ගොනුව pack කරයිකුඩා ICO entries (16, 32, 48 px) raw 32-bit BGRA DIB bitmaps ලෙස encode කෙරේ — BITMAPINFOHEADER එක සහ bottom-up XOR rows සහ 1bpp AND mask එකක් — මන්ද Windows shell components එම ප්රමාණවලදී uncompressed DIB ආකෘතිය අවශ්ය කරන නිසාය. මෙවලම ICO directory header එක ලියා entries DataView සහ Uint8Array සමඟ සම්පූර්ණයෙන්ම concatenate කරයි, බාහිර ICO පුස්තකාලයක් සම්බන්ධ නොවේ.
- 3PNG ප්රතිදාන canvas.toBlob හරහා නිපදවේසෑම PNG variant එකක්ම (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) 'image/png' සමඟ canvas.toBlob ඇමතීමෙන් ග්රහණය කර, lossless encoding බ්රවුසරයේ අභ්යන්තර image එන්ජිමට delegate කරයි. විකල්ප padding, පසුබිම් වර්ණය, සහ හැඩ clipping (චතුරස්ර, rounded, හෝ circle) ග්රහණයට පෙර canvas context එකට යොදනු ලැබේ.
- 4JSZip සියල්ල එක් බාගැනීමකට bundle කරයිJSZip උත්පාදනය කළ ගොනු සියල්ල — favicon.ico, PNGs පහ, ඔබේ app නාමය සහිත site.webmanifest, සහ නිවැරදි <link> tags සහිත favicon-snippet.html — ඔබේ උපාංගයට ස්වයංක්රීයව බාගත වන තනි .zip blob එකකට එකලස් කරයි.
ඔබේ රූපය බ්රවුසරයේ Canvas API එකට කෙලින්ම පූරණය වන අතර කිසි විටෙක ඔබේ උපාංගයෙන් පිටතට නොයයි — කිසිදු අවස්ථාවක ගොනු දත්ත කිසිදු සර්වරයකට ප්රේෂණය නොවේ.
සම්බන්ධ මෙවලම්
PNG සිට ICO Favicon පරිවර්තකය
PNG, JPG, WebP හෝ SVG රූප බහු-ප්රමාණ .ico favicon ගොනු බවට පරිවර්තනය කරන්න. ඔබ කැමති ප්රමාණ (16, 32, 48, 64, 128, 256) තෝරා තනි .ico ගොනුවක් බාගන්න.
GIF සජීවීකරණ නිර්මාතෘ
රූප කිහිපයක් animated GIF ලෙස ඒකාබද්ධ කරන්න. සකසනු ලැබිය හැකි frame delay, ප්රතිදාන පළල, looping සහ quality. සම්පූර්ණයෙන්ම ඔබේ බ්රවුසරයේ සංකේතනය.
අත්සන් සාදන්නා
ඔබේ මූසිකය, ඇඟිල්ල, හෝ ස්ටයිලස් එකකින් අත්සනක් අඳින්න, හෝ අත් අකුරු ෆොන්ට් එකකින් ඔබේ නම ටයිප් කරන්න, පසුව එය විනිවිද පෙනෙන PNG හෝ SVG ලෙස නිර්යාත කරන්න.