ຕົວແປງ PNG ເປັນ ICO Favicon ຟຣີ
ແປງ PNG, JPG, WebP ຫຼື SVG ເປັນ .ico favicon ຫຼາຍຂະໜາດ. ເລືອກຂະໜາດ (16, 32, 48, 64, 128, 256) ແລ້ວດາວໂຫຼດ .ico ດຽວ.
ວາງໄຟລ໌ບ່ອນນີ້, ຫຼື ກົດເພື່ອເລືອກ
PNG, JPG, WebP, SVG, HEIC, HEIF · ປະມວນຜົນຢູ່ໃນອຸປະກອນຂອງທ່ານ
ຫຼືກົດ Ctrl+V ເພື່ອວາງຈາກຄລິບບອດ
ເຄັດລັບ: ທ່ານສາມາດວາງພາບໜ້າຈໍດ້ວຍ Ctrl+V
ໄຟລ໌ຂອງທ່ານບໍ່ເຄີຍອອກຈາກອຸປະກອນຂອງທ່ານ. ການປະມວນຜົນທັງໝົດເກີດຂຶ້ນຢູ່ໃນຕົວທ່ອງເວັບຂອງທ່ານ.
ການນຳໃຊ້ທົ່ວໄປ
- ສ້າງ Website Favicon ຈາກ PNGແປ PNG logo ທີ່ຂອງທ່ານເປັນໄຟລ multisize favicon.ico ສໍາລັບ website tab icon.
- ສ້າງ Windows Desktop Iconແປ PNG ຫຼື JPG images ໄປ .ico files ສໍາລັບ Windows desktop shortcuts ແລະ application icons.
- Multi-Size Cross-Platform IconBundle ຫຼາຍຂະໜາດ icon (16, 32, 48, 64, 128, 256) ໃນໄຟລ .ico ດຽວ ຍືນໄດ້ທົ່ວໄປ.
- PWA Icon Source Fileສ້າງຖານ .ico ຈາກ PWA logo ທີ່ຂອງທ່ານ ສໍາລັບ fallback ສະໝັກໃນບົວ້ຍ ທີ່ບໍ່ໃຊ້ manifest.
- ແປ Brand Logo ເປັນ ICO Formatຫັນ logo ບໍລິສັດ ຫຼື ຍີ່ຫໍ້ທີ່ຂອງທ່ານ ຈາກ PNG JPG ຫຼື SVG ເປັນ high-quality .ico file ສໍາລັບ digital touchpoints.
ມັນເຮັດວຽກແນວໃດ
ການແປງເຮັດວຽກຢູ່ໃນບຣາວເຊີຂອງທ່ານທັງໝົດໂດຍໃຊ້ 2 ກົນໄກທີ່ຂຽນຂຶ້ນເອງໃນເຄື່ອງມືນີ້ໂດຍກົງ: Canvas API ເພື່ອປັບຂະໜາດ ແລະ ສະແດງແຕ່ລະເຟຣມໄອຄອນ, ແລະ ຕົວ encode binary ICO ທີ່ຂຽນຂຶ້ນເອງທີ່ຫໍ່ເຟຣມເຫຼົ່ານັ້ນເຂົ້າໄປໃນໄຟລ໌ .ico ດຽວ — ບໍ່ມີ library ໃດຖືກດາວໂຫຼດ, ແລະ ບໍ່ມີໄຟລ໌ໃດອອກຈາກອຸປະກອນຂອງທ່ານເລີຍ.
- 1ຮູບພາບຖືກຖອດລະຫັດເປັນ canvasPNG, JPEG, WebP, ຫຼື SVG ທີ່ທ່ານອັບໂຫຼດຈະຖືກໂຫຼດເຂົ້າ HTMLImageElement ແລະ ແຕ້ມລົງໃນ canvas ນອກໜ້າຈໍທີ່ແຕ່ລະຂະໜາດທີ່ຮ້ອງຂໍ (16×16 ຫາ 256×256). canvas ໃຊ້ການປັບຄວາມລຽບແບບ bicubic ຄຸນນະພາບສູງ ແລະ ເຄົາລົບການເລືອກ fit ຂອງທ່ານ: 'contain' ຈະໃສ່ຂອບໃຫ້ຮູບພາບດ້ວຍພື້ນທີ່ວ່າງໂປ່ງໃສ ຫຼື ມີສີ, ໃນຂະນະທີ່ 'cover' ຈະຕັດສີ່ຫຼ່ຽມຈາກສ່ວນກາງຂອງຕົ້ນສະບັບ.
- 2ແຕ່ລະເຟຣມສົ່ງອອກເປັນ PNG bytescanvas.toBlob('image/png') ໃນຕົວຂອງບຣາວເຊີຈະ encode ແຕ່ລະເຟຣມທີ່ປັບຂະໜາດແລ້ວເປັນ PNG ແບບບໍ່ສູນເສຍຄຸນນະພາບ. bytes ດິບເຫຼົ່ານີ້ຈະຖືກຝັງເຂົ້າໄປໃນ container .ico — ບຣາວເຊີ ແລະ Windows ສະໄໝໃໝ່ຮອງຮັບ PNG-in-ICO ໂດຍທຳມະຊາດ, ເຊິ່ງເຮັດໃຫ້ຂະໜາດໄຟລ໌ນ້ອຍກວ່າຮູບແບບ BMP ແບບເກົ່າ.
- 3ໄຟລ໌ binary ICO ຖືກປະກອບຂຶ້ນໃນໜ່ວຍຄວາມຈຳຕົວ encode ທີ່ຂຽນຂຶ້ນເອງຈະສ້າງໂຄງສ້າງໄຟລ໌ .ico ຕັ້ງແຕ່ຕົ້ນໂດຍໃຊ້ DataView: header ICONDIR ຂະໜາດ 6 byte ປະກາດຈຳນວນຮູບພາບ, ຕາມດ້ວຍລາຍການ directory ຂະໜາດ 16 byte ສຳລັບແຕ່ລະຂະໜາດ (ບັນທຶກຄວາມກວ້າງ, ຄວາມສູງ, bit-depth, ຄວາມຍາວ byte, ແລະ ຕຳແໜ່ງຂໍ້ມູນ), ແລ້ວຂໍ້ມູນ PNG ທັງໝົດຕໍ່ກັນຕາມລຳດັບ. ບໍ່ມີ library ພາຍນອກໃດເຂົ້າມາກ່ຽວຂ້ອງ.
- 4ສະແດງຕົວຢ່າງ ແລະ ດາວໂຫຼດໄຟລ໌ກ່ອນສະເໜີການດາວໂຫຼດ, ໜ້າຈໍຈະສະແດງຕົວຢ່າງທີ່ຖືກຕ້ອງລະດັບ pixel ຂອງທຸກຂະໜາດທີ່ຫໍ່ໄວ້ ໂດຍທຽບກັບພື້ນຫຼັງລາຍໝາກຫຼາກ ເພື່ອໃຫ້ທ່ານກວດສອບຄວາມໂປ່ງໃສກ່ອນບັນທຶກ. Blob ທີ່ປະກອບແລ້ວຈະຖືກສົ່ງໃຫ້ກົນໄກດາວໂຫຼດຂອງບຣາວເຊີເປັນ 'favicon.ico'.
ຮູບພາບຂອງທ່ານຖືກປະມວນຜົນຢູ່ໃນບຣາວເຊີຂອງທ່ານທັງໝົດ — ບໍ່ຖືກອັບໂຫຼດໄປຫາເຊີເວີໃດ, ແລະ ບໍ່ມີການເກັບສຳເນົາໄວ້ຫຼັງຈາກທ່ານປິດແທັບ.
ເຄື່ອງມືທີ່ກ່ຽວຂ້ອງ
ຕົວສ້າງ Favicon
ແປງຮູບໃດໆ ເປັນ favicon package ຄົບ: favicon.ico ຫຼາຍຂະໜາດ, Apple touch icon, Android/PWA icon, web manifest ແລະ HTML snippet ທີ່ paste ໄດ້ — ທັງໝົດ zip, ໃນບຣາວເຊີ.
ຕົວສ້າງລາຍເຊັນ
ແຕ້ມລາຍເຊັນດ້ວຍເມົາ, ນິ້ວ, ຫຼືປາກກາ, ຫຼືພິມຊື່ຂອງທ່ານດ້ວຍຟອນລາຍມື, ແລ້ວສົ່ງອອກເປັນ PNG ຫຼື SVG ໂປ່ງໃສ.
ເຄື່ອງບີບອັດຮູບພາບ
ບີບອັດຮູບ JPG, PNG, WebP, ແລະ AVIF. ເບິ່ງກ່ອນ/ຫຼັງການປຽບທຽບ.