Favicon ຂະຫນາດສໍາລັບເວັບໄຊຂອງທ່ານ

ໃນການອອກແບບເວັບໄຊຕ໌ທີ່ທ່ານອາດຈະຮູ້ວ່າ, ທຸກເລື່ອງລາຍລະອຽດ. ຜູ້ຊາຍຜູ້ທີ່ໄດ້ໄປຫາເວັບໄຊຂອງທ່ານບໍ່ສາມາດເບິ່ງແຕ່ລະອົງປະກອບແຍກຕ່າງຫາກ, ແລະໃຊ້ເວລາຮູບພາບທັງຫມົດຂອງຊຸດການ, ຊຶ່ງປະກອບດ້ວຍລາຍລະອຽດຂະຫນາດນ້ອຍອື່ນໆ. ດັ່ງນັ້ນ, ຖ້າຫາກວ່າທ່ານກໍາລັງລໍບາງສິ່ງບາງຢ່າງໃນຂະບວນການຂອງການພັດທະນາຊັບພະຍາກອນດັ່ງກ່າວ, ລາຍລະອຽດນີ້ໃນອະນາຄົດສາມາດຝັງດິນສະລັບສັບຊ້ອນທັງຫມົດ, ອົງປະກອບທັງຫມົດ.

ການປັບໄຫມດັ່ງກ່າວສາມາດເປັນໄປໄດ້, ສໍາລັບການຍົກຕົວຢ່າງ, ຄວາມເປັນມາຂອງປຸ່ມໄດ້, ອັກສອນທີ່ບໍ່ຖືກຕ້ອງບາງລາຍຂະຫນາດນ້ອຍແລະເຖິງແມ່ນວ່າ favicon. ແທ້ຈິງແລ້ວ, ເບິ່ງ sami- ຂະຫນາດໃຫຍ່, ສະຖານທີ່ດີທີ່ຮູ້ຈັກມີຮູບສັນຍາລັກສ່ວນບຸກຄົນທີ່ເປັນຕົວແທນນັ້ນໆໃນແທັບ "Bookmarks" ໃນຕົວທ່ອງເວັບຂອງຜູ້ໃຊ້ໄດ້. ຖ້າບໍ່ມີມັນ, ພັດທະນາຊັບພະຍາກອນທີ່ບໍ່ສາມາດສ້າງອົງປະກອບຂອງທີ່ພວກເຂົາເຈົ້າໃນເບື້ອງຕົ້ນສະແຫວງຫາ.

ດັ່ງນັ້ນ, ທ່ານກໍາລັງສ້າງການອອກແບບສໍາລັບເວັບໄຊດັ່ງກ່າວ, ຄວນໃຊ້ເວລາດູແລຂອງລາຍລະອຽດເຊັ່ນ: favicon ໄດ້. ໃນບົດຄວາມນີ້ພວກເຮົາຈະສົນທະນາກ່ຽວກັບວິທີການທີ່ຈະເລືອກເອົາພາຍໃຕ້ການແບບຊັບພະຍາກອນໂດຍທົ່ວໄປ, ແລະສິ່ງທີ່ຂະຫນາດຄວນຈະຢູ່ໃນຂອງພາບ.

ເວັບໄຊ icon

ຫນ້າທໍາອິດ, ພວກເຮົາກໍານົດສິ່ງທີ່ປະກອບອົງປະກອບນີ້. ໃນປັດຈຸບັນໃຊ້ເວລາເບິ່ງຫົວຂໍ້ຂອງກ່ອງ browser ຂອງທ່ານໄດ້. ຂະນະທີ່ທ່ານສາມາດເບິ່ງ, ໄປທາງຊ້າຍມີຮູບຂະຫນາດນ້ອຍທີ່ສະແດງເຖິງສະບັບພາສາ simplified ຂອງຊັບພະຍາກອນສັນຍາລັກຂອງການ. ພາບທີ່ດຽວກັນແມ່ນມີຢູ່ໃກ້ກັບຊື່ເວັບໄຊດັ່ງກ່າວສະແດງຢູ່ໃນ SERPs. ທີ່ຜູ້ໃຊ້ໄດ້ຖືກນໍາພາໂດຍນາງ, ໃນເວລາທີ່ພວກເຂົາເຈົ້າເບິ່ງຫົວຂໍ້.

ຄຸ້ມຄອງລະບົບຈໍານວນຫຼາຍເຂົ້າໃຈວ່າຮູບນີ້ແມ່ນຈໍາເປັນ - ແຕ່ຈໍານວນຫນ້ອຍຄົນຮູ້ວ່າສິ່ງທີ່ຂະຫນາດ favicon ສໍາລັບເວັບໄຊດັ່ງກ່າວຈະເປັນການເຫມາະສົມທີ່ສຸດ. ດັ່ງນັ້ນ, ໃນບົດຄວາມນີ້ພວກເຮົາຈະບໍ່ພຽງແຕ່ໃຫ້ຂໍ້ມູນກ່ຽວກັບວິທີການເພື່ອເຮັດໃຫ້ການສັນຍາລັກແລະວິທີການຕິດຕັ້ງມັນຢູ່ໃນເວັບໄຊຂອງທ່ານ, ແຕ່ຍັງຈະອະທິບາຍຂະຫນາດຂອງຮູບພາບໄດ້.

favicon ຈຸດປະສົງ

ດັ່ງນັ້ນ, ຮູບພາບທີ່ຢູ່ໃກ້ header ເວັບໄຊດັ່ງກ່າວໄດ້ຖືກນໍາໃຊ້ສໍາລັບການກໍານົດ. ນີ້ແມ່ນຈຸດປະສົງຕົ້ນສະບັບຂອງຕົນ: ໃນການສະແດງເວັບໄຊດັ່ງກ່າວ, ທີ່ພວກເຮົາເບິ່ງ Nathaniel ແລະເລືອກເອົາໃນສາຍຕາຂອງຄົນອື່ນໄດ້. ມັນຈະກາຍເປັນງ່າຍດາຍທີ່ສຸດໂດຍການນໍາໃຊ້ຮູບພາບທີ່: ພວກເຮົາຮັບຮູ້ວ່າສັງຫອນໃຈຂໍ້ມູນຂ່າວສານໃນຮູບພາບຫຼາຍໄວແລະງ່າຍຂຶ້ນກ່ວາໃນຮູບແບບຂໍ້ຄວາມ. Favicon ຊ່ວຍໃຫ້ພວກເຮົາໃນນີ້. ແຕ່ບໍ່ລືມວ່າທີ່ ຂະຫນາດ favicon ແມ່ນຫນ້ອຍໃນສາຍຕາຂອງຜູ້ໃຊ້ໄດ້. ນີ້ບໍ່ແມ່ນສັນຍາລັກໃນການ "ຫລວງ" ເວັບໄຊທີ່ອາດຈະປະກອບດ້ວຍຂໍ້ມູນຂ່າວສານເພີ່ມເຕີມໃນຮູບແບບຂອງການຂຽນອັກສອນ, ບາງຄວາມກະຈ່າງແຈ້ງຫລືການສໍາຜັດຂໍ້ມູນຂ່າວສານ. ສິ່ງໃດແດ່ທີ່ສາມາດໄດ້ຮັບການສະແດງໃຫ້ເຫັນໃນຮູບສັນຍາລັກຢູ່ຖັດຈາກຊື່ຂອງຕົນໄດ້ຢ່າງເຫມາະສົມທີ່ສຸດຂະຫນາດຂອງ favicon ໄດ້. ແລະມັນແມ່ນຕາມທີ່ລະບຸແລ້ວ, miniature ເປັນ (ຈາກທັງຫມົດ 16 ໂດຍ 16 pixels).

ວິທີການເລືອກ favicon ບໍ?

ດັ່ງນັ້ນເຮັດແນວໃດບໍ່ເປັນຜູ້ດູແລເວັບສາມາດອອກແບບຮູບສັນຍາລັກສໍາລັບເວັບໄຊຂອງທ່ານ? ຄວນຈະໄດ້ຮັບຍົກໃຫ້ເຫັນວ່າພຽງແຕ່ບີບອັດສັນຍາລັກຂອງເວັບໄຊດັ່ງກ່າວ, ສ່ວນຫຼາຍອາດຈະບໍ່ສໍາເລັດ. ກ່ຽວກັບໂປສເຕີທີ່ກໍາລັງເອົາໃຈໃສ່ໃນຮູບແບບຂອງສັນຍາລັກຂອງຊັບພະຍາກອນສະເພາະໃດຫນຶ່ງໄດ້, ມັກຈະເຫັນລາຍການທີ່ແຕກຕ່າງກັນທີ່ຈະບໍ່ສະເຫມີໄດ້ຮັບການສະແດງຢ່າງຖືກຕ້ອງໃນຮູບແບບ miniature. ມັນເປັນທີ່ດີກວ່າທີ່ຈະຖິ້ມທັນທີບໍລິສັດນີ້.

ແນ່ນອນວ່າ, ຂະຫນາດຂອງ favicon ໄດ້ບໍ່ສາມາດສົນທະນາກ່ຽວກັບວ່າພຽງແຕ່ສະແດງກິ່ງງ່າ inscription ໄດ້ມີ. ຂໍ້ຄວາມໃດຈະພຽງແຕ່ບໍ່ສັງເກດເຫັນຄວາມລະອຽດນີ້. ພວກເຮົາຈໍາເປັນຕ້ອງໄດ້ພັດທະນາເປັນຮູບສັນຍາລັກໃຫມ່ທີ່ຈະສົ່ງແບບເວັບໄຊ. ເພື່ອຊອກຫາວິທີແກ້ໄຂ, ອີກເທື່ອຫນຶ່ງ, ໃຫ້ເບິ່ງຢູ່ໃນສະຖານທີ່ທີ່ສໍາຄັນ.

ຫຼາຍໃຊ້ favicon stylized ຈົດຫມາຍສະບັບທໍາອິດຂອງຊື່ຂອງບໍລິການດັ່ງກ່າວ. ດັ່ງນັ້ນມາ, ສໍາລັບການຍົກຕົວຢ່າງ, ໃຫ້ກວດເບິ່ງວ່າ, Yahoo, Yandex, ວິກິພີເດຍ, ກູໂກ. ມີວິທີການອື່ນແມ່ນ - ຖ້າຫາກວ່າທ່ານມີຊື່ສັ້ນຂອງເວັບໄຊດັ່ງກ່າວ, ທ່ານສາມາດກໍານົດມັນເປັນພື້ນຖານຂອງຮູບສັນຍາລັກດັ່ງກ່າວ. ໄປ Favicon ການແກ້ໄຂ (pixels ມັນໄປຮອດ, ອີກເທື່ອຫນຶ່ງ, ການທີ່ 16 ເຖິງ 16 ຈຸດ) ຢ່າງຖືກຕ້ອງສາມາດສະແດງໃຫ້ເຫັນອາການ, ມັນຈະຕ້ອງບໍ່ມີຕໍ່ໄປອີກແລ້ວກ່ວາສາມຕົວອັກສອນ. ດັ່ງນັ້ນບໍ່, ສໍາລັບການຍົກຕົວຢ່າງ, ບໍລິການ AOL.

ວິທີການສ້າງ favicon ບໍ?

ເຮັດໃຫ້ຮູບສັນຍາລັກສໍາລັບຊື່ຂອງເວັບໄຊດັ່ງກ່າວໃນວິທີການຫຼາຍ. ແນ່ນອນວ່າ, ການທີ່ງ່າຍທີ່ສຸດ - ແມ່ນເພື່ອເຮັດວຽກຮ່ວມກັບວິທີແກ້ໄຂພ້ອມທີ່ຈະເຮັດທີ່ແຕກຕ່າງກັນ. ພວກເຮົາສາມາດສົນທະນາກ່ຽວກັບການບໍລິການຫຼືບັນດາໂຄງການທີ່ອະນຸຍາດໃຫ້ທ່ານເພື່ອເຮັດໃຫ້ຮູບພາບຂອງຮູບສັນຍາລັກຢ່າງເຕັມທີ່ໂດຍການຫຼຸດຜ່ອນມັນໃດ. ຢ່າງໃດກໍຕາມ, ຂ້າພະເຈົ້າຈະແນະນໍາທີ່ຈະດໍາເນີນການພັດທະນາຂອງຮູບສັນຍາລັກກ່ຽວກັບຕົນເອງ. ນີ້ແມ່ນ, ທໍາອິດ, ຈະເຮັດໃຫ້ມັນເປັນໄປໄດ້ທີ່ຈະຮຽນຮູ້ບາງສິ່ງບາງຢ່າງ; ແລະອັນທີສອງ, ເພື່ອສະຫນອງຈໍານວນຂະຫນາດໃຫຍ່ຂອງເຄື່ອງມື. ທັງຫມົດທີ່ທ່ານຕ້ອງການເພື່ອໃຫ້ສາມາດເຮັດຜູ -that, ເຊັ່ນດຽວກັນກັບຮູ້ວ່າ favicon ຂະຫນາດວ່າຈະຢູ່ໃນສະບັບສຸດທ້າຍ. ກ່ຽວກັບຂະຫນາດຂອງຮູບສັນຍາລັກສໍາລັບເວັບໄຊດັ່ງກ່າວ, ພວກເຮົາຈະສົນທະນາຕໍ່ມາ, ແຕ່ວ່າສໍາລັບໃນປັດຈຸບັນພວກເຮົາສັງເກດບາງ subtleties ຂອງການເຮັດວຽກຮ່ວມກັບຮູບພາບດັ່ງກ່າວໄດ້. ໂດຍສະເພາະ, ບໍ່ໃຫ້ mention ຂະຫນາດຂອງ favicon ໄດ້ສໍາລັບເວັບໄຊດັ່ງກ່າວ, ຄວນ clarify ອັດຕາສ່ວນນີ້. ສັງເກດເຫັນໂດຍນັກອອກແບບທີ່ມີປະສົບ, ພວກເຮົາຄວນຈະໄດ້ຮັບການບັນທືກເປັນ .png (24-bit) ຫຼືເປັນ fayl.ICO.

ປະຕິບັດບັນທຶກຮູບພາບ, ທ່ານສາມາດເຮັດໄດ້, ສໍາລັບການຍົກຕົວຢ່າງ, ມີການຊ່ວຍເຫຼືອຂອງ Photoshop, ບ່ອນທີ່ມັນຈະໄດ້ຮັບການກັນເຄື່ອງຫມາຍການ.

ຂະຫນາດ favicon

ດັ່ງນັ້ນໃນປັດຈຸບັນໃຫ້ຂອງສົນທະນາກ່ຽວກັບວິທີທີ່ຍິ່ງໃຫຍ່ຕ້ອງເປັນຮູບທີ່ພວກເຮົາເຫັນຕໍ່ກັບເວັບໄຊດັ່ງກ່າວໃນຜົນການຄົ້ນຫາ. ຕັ້ງແຕ່ຕອນຕົ້ນ, ທີ່ໄດ້ກ່າວມາແລ້ວ, ຂະຫນາດຂອງມັນມີພຽງແຕ່ 16 pixels (ໃນແຕ່ລະດ້ານ). ຢ່າງໃດກໍຕາມ, ຖ້າຫາກວ່າທ່ານພະຍາຍາມທີ່ຈະແກ້ໄຂຮູບພາບທີ່ຢູ່ໃນ "Photoshop", ໃຫ້ກວດເບິ່ງສໍາລັບຕົວທ່ານເອງບໍ່ວ່າຈະແມ່ນບໍ່ສະດວກ. ດັ່ງນັ້ນ, ພວກເຮົາແນະນໍາໃຫ້ເຮັດວຽກຮ່ວມກັບຮູບພາບຂະຫນາດໃຫຍ່, ເຊິ່ງໃນອະນາຄົດຈະໄດ້ຮັບການພຽງແຕ່ squeeze ແຄມຂອງແລະບັນທຶກໄວ້ໃນຮູບແບບທີ່ຕ້ອງການ.

ຫລາກຫລາຍ

ຢ່າງໃດກໍຕາມ, ການເວົ້າກ່ຽວກັບສິ່ງທີ່ຂະຫນາດຂອງ favicon ຄວນຈະຢູ່ໃນເວັບໄຊຂອງທ່ານ, ທ່ານຈໍາເປັນຕ້ອງຈື່ສິ່ງທີ່ຫຼາຍກວ່າ. ບໍ່ເວທີທັງຫມົດແມ່ນສະທ້ອນໃຫ້ເຫັນຢ່າງເທົ່າທຽມກັນຮູບຫຼືບໍ່. ສໍາລັບຕົວຢ່າງ, ເປັນອຸປະກອນ Retina ການສະແດງ "ເບິ່ງ" favicon ຂອງທ່ານໃນຈໍານວນທັງຫມົດ 32 ກັບ 32 pixels ໄດ້. ໃນ Safari, ແລະກ່ຽວກັບເວທີ Windows ໃຫມ່, ແລະຮູບສັນຍາລັກທັງຫມົດເຫຼົ່ານີ້ສາມາດບັນລຸຂະຫນາດ 64 pixels.

ດັ່ງນັ້ນພວກເຮົາແນະນໍາເພື່ອຮັກສາສະບັບທີ່ແຕກຕ່າງກັນຂອງຮູບສັນຍາລັກໃນອະນາຄົດພຽງແຕ່ຈະສະຫນອງການປ່ຽນແປງຂອງຕົນຂຶ້ນໃນເວທີສະມາຊິກ. ອີກປະການຫນຶ່ງທີ່ຫນ້າສົນໃຈ - ທີ່ທ່ານສາມາດພະຍາຍາມທີ່ຈະດາວນ໌ໂຫລດຮູບສັນຍາລັກໃນຮູບແບບທີ່ໃຫຍ່ທີ່ສຸດໃນຄວາມຫວັງວ່າມັນຈະ "ທໍ້ຖອຍຕໍ່", ໂດຍອີງຕາມຕົວທ່ອງເວັບ.

ບັນນາທິການຕ່າງປະເທດ

ແນ່ນອນວ່າ, ທີ່ດີຖ້າຫາກວ່າທ່ານມີຄວາມດີຢູ່ໃນ Photoshop ແລະຮູ້ສິ່ງທີ່ favicon ຂະຫນາດຄວນຈະເປັນແລະວິທີການເພື່ອບັນລຸມັນ, ປົກປັກຮັກສາຮູບພາບຂອງຕົນ. ຢ່າງໃດກໍຕາມ, ບໍ່ມີພໍສົມຂອງຜູ້ເລີ່ມຕົ້ນທີ່ມີພຽງແຕ່ບໍ່ປະສົບບັນນາທິການຮູບພາບສະນັ້ນໃກ້ຊິດກ່ອນທີ່ຈະ, ສະນັ້ນອາດຈະບໍ່ເປັນດັ່ງນັ້ນງ່າຍທີ່ຈະແຕ້ມຮູບພາບທີ່ຕ້ອງການ. ເພື່ອຊ່ວຍໃຫ້ຜູ້ດູແລເວັບເຫຼົ່ານີ້, ມີການບໍລິການຕ່າງໆທີ່ອະນຸຍາດໃຫ້ອັດຕະໂນມັດເຮັດໃຫ້ທ່ານມີຄວາມສົນໃຈໃນຮູບສັນຍາລັກ. ຈໍານວນຫຼາຍຂອງພວກເຂົາແມ່ນເຖິງແມ່ນຟຣີ, ທີ່ບໍ່ຮຽກຮ້ອງໃຫ້ມີການລົງທຶນຈາກຜູ້ໃຊ້.

ໄປເຮັດວຽກບາງຄັ້ງພຽງແຕ່ຈໍາເປັນຕ້ອງໄດ້ລົງທະບຽນ, ແຕ່ຕາມທີ່ທ່ານຮູ້, ນີ້ແມ່ນເຮັດພຽງແຕ່ຄັ້ງດຽວ - ໃນຄວາມເປັນຈິງບໍ່ມັກບໍລິສັດມີການປ່ຽນແປງ favicon. ພຽງແຕ່ຊອກຫາຢູ່ໃນກູໂກ, ເຊິ່ງໃນແຕ່ລະວັນການປ່ຽນແປງຮູບສັນຍາລັກ, ແຕ່ວ່າມັນບໍ່ໄດ້ສໍາຜັດຮູບສັນຍາລັກ.

ວິທີການຕິດຕັ້ງ favicon ບໍ?

ໂດຍທົ່ວໄປ, ສ້າງຕັ້ງຂຶ້ນເວັບໄຊທ໌ຂອງທ່ານເພື່ອວ່າມັນຖືກຕ້ອງສະແດງຮູບພາບທີ່ທ່ານຕ້ອງການ, ມັນແມ່ນງ່າຍດາຍຫຼາຍ. ມັນເປັນພຽງພໍທີ່ຈະປະຕິບັດເຖິງຂັ້ນຕອນທີ່ງ່າຍດາຍທີ່ຈະອະນຸຍາດໃຫ້ເຄື່ອງຈັກຊອກຫາ, ເຊັ່ນດຽວກັນກັບພຽງແຕ່ຕົວທ່ອງເວັບເພື່ອອ່ານຂໍ້ມູນໄດ້.

ສໍາລັບນີ້ທ່ານຕ້ອງການເພື່ອຊ່ວຍປະຢັດຮູບພາບສົ່ງຜົນໃຫ້ເປັນ favicon.ico ແລະເຮັດໃຫ້ມັນຢູ່ໃນຕົ້ນຮາກຂອງຊັບພະຍາກອນດັ່ງກ່າວ. ທຸກສິ່ງທຸກຢ່າງແມ່ນໃນປັດຈຸບັນຮູບພາບຂອງທ່ານຈະໄດ້ຮັບການກວດພົບອັດຕະໂນມັດ, ແລະເຫດການທີ່ໃຊ້ເວລາບາງຄົນມັນຈະໄດ້ຮັບການເຊື່ອມຕໍ່ໄປຫາເວັບໄຊຂອງທ່ານ.

ນອກເຫນືອໄປຈາກການຜູກມັດດັ່ງກ່າວນີ້, ທ່ານສາມາດເພີ່ມເສັ້ນອື່ນທີ່ຈະ "ວ່ອງໄວ", ບ່ອນທີ່ຮູບສັນຍາລັກຂອງທ່ານ. ມັນເບິ່ງຄືວ່າເປັນດັ່ງຕໍ່ໄປນີ້:

ຕັ້ງຄ່າລະຫັດຄວນຈະຢູ່ໃນຫົວໄດ້.

ສິ່ງທີ່ຄົ້ນພົບ

ດັ່ງນັ້ນ, ຫຼັງຈາກການອ່ານບົດຄວາມນີ້, ທ່ານຈັດການກັບຄວາມຈິງທີ່, ສິ່ງທີ່ຂະຫນາດຄວນຈະ favicon ສໍາລັບເວັບໄຊດັ່ງກ່າວແລະວ່າມັນໂດຍທົ່ວໄປແມ່ນ. ນອກຈາກນີ້, ຂ້າພະເຈົ້າຄິດວ່າທ່ານເຂົ້າໃຈດີວ່າການຊອກຫາສໍາລັບຮູບສັນຍາລັກທີ່ເຫມາະສົມສໍາລັບເວັບໄຊຂອງທ່ານ - ມັນເປັນຄວາມຈໍາເປັນ, ເນື່ອງຈາກວ່າມັນມີບົດບາດຢູ່ໃນມືຂອງທ່ານທັງສອງໃນຂໍ້ກໍານົດຂອງການປູກຈິດສໍານຶກ, ທັງໃນແງ່ຂອງການຈັດສັນເພີ່ມເຕີມໃນບັນດາຄູ່ແຂ່ງຂອງທ່ານ. ຢ່າງຫນ້ອຍທີ່ຖານທີ່ສໍາຄັນປະຕິບັດໃນວິທີການດຽວກັນວ່າພວກເຮົາສາມາດໃຊ້ເວລາເປັນຕົວຢ່າງທີ່ເປັນຄູຊັດເຈນ. ແລະຫຼັງຈາກນັ້ນ, ຄວາມພະຍາຍາມຫຼາຍປານໃດມັນບໍ່ໄດ້ເຮັດໃຫ້ - ເຮັດໃຫ້ favicon ຄັ້ງແລະຕິດຕັ້ງມັນຢ່າງຖືກຕ້ອງຢູ່ໃນເວັບໄຊຂອງທ່ານ, ທ່ານສາມາດລືມກ່ຽວກັບມັນສໍາລັບສອງສາມເດືອນຕໍ່ໄປ.

ດັ່ງນັ້ນຮູ້ສຶກວ່າບໍ່ເສຍຄ່າເພື່ອທົດລອງ, invent ບາງສິ່ງບາງຢ່າງໃຫມ່, ພະຍາຍາມ - ແລະສໍາເລັດ!