การสร้าง favicon สร้าง Favicon ออนไลน์

ไอคอนประจำเว็บไซต์คือรูปภาพขนาดเล็กที่ปรากฏบนแท็บเบราว์เซอร์ Favicons สามารถดูได้ในบุ๊กมาร์กของเบราว์เซอร์ - ทำเช่นนี้เพื่อให้ผู้ใช้สามารถค้นหาไซต์ที่ต้องการได้อย่างรวดเร็ว แม้จะมีขนาดเล็ก แต่ไอคอน favicon ก็มองเห็นได้ชัดเจนและเพิ่มความเร็วในการค้นหาเว็บไซต์หรือหน้าเว็บได้อย่างมาก เป็นครั้งแรกที่ความสามารถในการวางไอคอนถัดจากชื่อไซต์ปรากฏในปี 1999 ในเบราว์เซอร์ Internet Explorer 5 ในเวลาเดียวกันกำหนดขนาด favicon ขั้นต่ำ - 16 x 16 พิกเซล เมื่อเวลาผ่านไป ขนาดนี้ก็กลายเป็นมาตรฐาน และในปัจจุบันนี้เป็นเรื่องยากที่จะจินตนาการถึงเว็บไซต์ที่สร้างขึ้นอย่างมืออาชีพซึ่งจะไม่มี favicon

ภาพแรสเตอร์ใดๆ เหมาะสำหรับการสร้างไอคอน Fav สิ่งสำคัญคือต้องค่อนข้างกระชับ เนื่องจากเป็นการยากที่จะวางภาพที่ซับซ้อนซึ่งมีรายละเอียดมากมายในช่องสี่เหลี่ยมขนาด 16 x 16 พิกเซล เมื่อเลือกรูปภาพแล้ว คุณสามารถใช้หนึ่งในเครื่องมือสร้าง favicon และสุดท้ายจะได้ไอคอนในรูปแบบ ISO รูปแบบนี้เป็นรูปแบบมาตรฐาน แม้ว่าเบราว์เซอร์ยอดนิยมเกือบทั้งหมดจะรองรับรูปแบบ PNG, JPEG และ GIF ก็ตาม เว็บไซต์นำเสนอเครื่องกำเนิด favicon ที่ดีที่สุด 10 อันดับแก่คุณ

เครื่องกำเนิด favicon ใช้งานง่ายมาก ผู้ใช้เพียงแค่ต้องเลือกภาพที่ต้องการแล้วคลิกปุ่มสร้าง Favicon ขนาดรูปภาพไม่ควรเกิน 150 กิโลไบต์ หลังจากนี้ จะต้องวาง favicon ไว้ในไดเร็กทอรีรากของไซต์ และต้องวางบรรทัดโค้ดที่สร้างขึ้นที่ใดก็ได้ระหว่าง และ. การใช้ตัวสร้างนี้คุณสามารถสร้างไอคอนในรูปแบบ JPG, GIF และ PNG

เครื่องมือสร้างออนไลน์นี้จะแปลงรูปภาพ JPG, GIF และ PNG เป็นรูปแบบ ISO ไม่มีข้อจำกัดเกี่ยวกับขนาดของไฟล์ที่อัพโหลด คุณสามารถสร้างไอคอน Fav ได้ด้วยขนาด 16 x 16 และ 32 x 32 พิกเซล

เครื่องมือสร้าง favicon ของ Faviconmatic สร้างไอคอนในขนาดต่างๆ หากคุณต้องการสร้างไอคอนขนาดใหญ่ในทันที เช่น 64x64 พิกเซล ก็มีโอกาสดังกล่าว แต่แน่นอนว่าจะดีกว่าถ้ายึดถือมาตรฐาน ตามที่ผู้สร้างไซต์ระบุ ตัวสร้างจะแปลงรูปภาพได้ดีมาก ซึ่งแสดงผลได้อย่างสมบูรณ์แบบบนเบราว์เซอร์ทั้งหมด การใช้เว็บไซต์นั้นง่ายมาก - คุณเพียงแค่คลิกที่ปุ่มอัพโหลดภาพและเลือกไฟล์ที่ต้องการ ขนาดขั้นต่ำของรูปภาพที่อัปโหลดคือ 32 x 32 พิกเซล

การใช้ตัวสร้างนี้ คุณสามารถสร้างไอคอน Fav ได้โดยการอัพโหลดรูปภาพจากคอมพิวเตอร์ของคุณหรืออินเทอร์เน็ต ผู้ใช้ยังมีโอกาสวาดไอคอนได้ด้วยตนเอง – ไซต์นี้มีโปรแกรมแก้ไขออนไลน์ ในการเริ่มต้น คุณต้องเลือกสีพื้นหลัง จากนั้นแก้ไขพิกเซล วาดภาพด้วยสีที่ตัดกันกับพื้นหลัง หลังจากสร้างไอคอนแล้ว คุณสามารถดูได้ว่าไอคอนจะมีลักษณะอย่างไรบนแท็บ หากผลลัพธ์เป็นที่น่าพอใจ ผู้ใช้เพียงเลือกขนาด favicon (16x16 หรือ 32x32 พิกเซล) แล้วคลิกปุ่มดาวน์โหลด เครื่องกำเนิดไฟฟ้าจะสร้าง favicon ในรูปแบบ ICO

เครื่องมือสร้างออนไลน์ฟรี Freefavicon สร้างไอคอน Favicon จากภาพแรสเตอร์ในรูปแบบ GIF, PNG และ JPEG ผู้สร้างเครื่องมือนี้แนะนำให้ใช้รูปภาพธรรมดาๆ เพื่อสร้างไอคอน เนื่องจากโลโก้และกราฟิกที่ซับซ้อนจะแสดงได้ไม่ดีนัก ขอแนะนำให้ใช้รูปภาพสี่เหลี่ยมจัตุรัส เนื่องจากเมื่อรูปภาพถูกปรับขนาด รูปภาพจะบิดเบี้ยว หลังจากเลือกไฟล์ที่ต้องการแล้ว คุณต้องคลิก Favicon Go! และดาวน์โหลดไฟล์ zip ด้วย favicon จากนั้นทุกอย่างก็เป็นไปตามปกติ - รูปภาพอยู่ที่รูทและมีบรรทัดโค้ดอยู่ระหว่าง และ.

เครื่องมือสร้าง Favicon.pro แปลงไฟล์ JPG, PNG และ GIF เป็น ICO ผู้ใช้สามารถสร้างไอคอนขนาด 16x16, 32x32, 48x48, 64x64 และ 128x128 พิกเซล

ต่างจากเครื่องกำเนิดอื่น ๆ ไซต์ไม่มีความสามารถในการสร้าง favicon โดยการอัพโหลดรูปภาพจากคอมพิวเตอร์หรืออินเทอร์เน็ต ที่นี่ผู้ใช้สามารถกำหนดสีพื้นหลังและเขียนชื่อไซต์ของตนได้ เป็นที่น่าสังเกตว่าตัวสร้างสร้างไอคอนที่ชัดเจนมาก - แม้แต่ตัวอักษรขนาดเล็กสูง 6 พิกเซลก็สามารถอ่านได้ ไซต์นี้ยังให้ข้อมูลที่มีค่ามากซึ่งจะมีประโยชน์มากสำหรับนักพัฒนาเว็บมือใหม่ มีลิงก์ไปยังโปรแกรมแปลงรูปภาพ โปรแกรมสร้างข้อความเศษส่วนและสุ่ม และอื่นๆ อีกมากมาย

เครื่องกำเนิด favicon ของ Favicon.com มีการออกแบบที่เรียบง่ายอย่างยิ่ง ผู้ใช้จะได้รับแจ้งให้อัปโหลดรูปภาพ ครอบตัด และดาวน์โหลดไอคอนที่เสร็จแล้ว

การใช้ตัวสร้าง Favicon.cc คุณสามารถสร้างไอคอน Favicon แบบเคลื่อนไหวได้ไม่เพียงแต่แบบคงที่เท่านั้น คุณสามารถวาดไอคอนด้วยตัวเองหรือแปลงรูปภาพเป็น ISO หากผู้ใช้ไม่รู้ว่าไอคอนควรมีลักษณะอย่างไร คุณสามารถดูแกลเลอรีของไอคอน Fav ที่ดีที่สุดซึ่งมีอยู่บนไซต์ได้

Favicon - (จากภาษาอังกฤษ FAVorites ICON แปลว่า "ไอคอนสำหรับรายการโปรด") - ไอคอนเว็บไซต์ขนาด 16x16px หรือ 32x32px ซึ่งแสดงโดยเบราว์เซอร์ในแถบที่อยู่หรือถัดจากบุ๊กมาร์กที่บันทึกไว้ ตามเนื้อผ้า ชื่อและส่วนขยายของไอคอนคือ favicon.ico

บริการของเราสามารถแปลงรูปภาพที่คุณเลือก (ขนาดสูงสุด 175 KB) ให้เป็นไอคอนสำหรับไอคอนไซต์ (ขนาด 16x16px หรือ 32x32px) หลังจากรุ่นถัดไป คุณเพียงแค่ต้องอัปโหลด favicon.ico ไปยังไดเร็กทอรีโฮสต์ไซต์ที่ต้องการ

การไม่มีไอคอนถือเป็นข้อผิดพลาดในการเพิ่มประสิทธิภาพทางเทคนิคสำหรับทรัพยากร โดยจะลดการรับรู้ถึงแบรนด์ ลด CTR ของตัวอย่างการค้นหา ทำให้การค้นหาทรัพยากรบนเว็บโดยใช้บุ๊กมาร์กของเบราว์เซอร์แย่ลง ฯลฯ

ยานเดกซ์มีบอทพิเศษที่จะจัดทำดัชนี favicon ของเว็บไซต์ทั้งหมดเป็นรายบุคคล ความถี่ในการเพิ่มไอคอนใหม่ในการค้นหามีตั้งแต่ประมาณสองสัปดาห์ถึงหนึ่งเดือน

ฉันจะอัพโหลด favicon เพื่อออนไลน์ได้ที่ไหน

ในการแสดง favicon.ico ที่คุณสร้างเป็นไอคอนไซต์ คุณจะต้องอัปโหลดไปยังไดเร็กทอรีรากของไซต์ (หรือไปยังไดเร็กทอรีใดก็ได้) และระบุพาธสัมบูรณ์หรือพาธสัมพันธ์ในโค้ดเทมเพลตไซต์ () ตัวอย่างโค้ด : :

เหตุใดจึงต้องระบุเส้นทางไปยัง Favicon

เมื่อใช้ไอคอนไซต์เดียวบนทั้งไซต์ หาก favicon.ico อยู่ในโฟลเดอร์รูท คุณไม่จำเป็นต้องระบุเส้นทางไป - เบราว์เซอร์จะค้นหาด้วยตนเองและแสดงเป็นไอคอนไซต์ ทรัพยากรขนาดใหญ่หรือทรัพยากรที่ไม่ซ้ำใครใช้ไอคอนไซต์ที่แตกต่างกันสำหรับแต่ละหมวดหมู่ ในการดำเนินการนี้ เส้นทางไปยัง favicon.ico ต่างๆ จะถูกระบุในเทมเพลตที่เกี่ยวข้อง

จริงๆ แล้วฉันชอบ favicon มาก ฉันมีความรักสงบที่ลึกซึ้งและบริสุทธิ์สำหรับเขา นี่ไม่ได้หมายความว่าฉันจะเล่าเรื่องราวให้เพื่อนเว็บมาสเตอร์ฟังเกี่ยวกับวิธีที่ฉันเปลี่ยนไอคอน Fav และปริมาณการใช้ข้อมูลเพิ่มขึ้น 10% (แม้ว่าจะรอ... อาจจะเป็นเช่นนั้น) แต่นั่นหมายความว่าเมื่อไอคอน Fav ของเว็บไซต์ใหม่ของฉันปรากฏใน ดัชนียานเดกซ์ ตัวไซต์เองเริ่มดูเหมือน SDL มากขึ้นสำหรับฉันเล็กน้อย

ไอคอน Fav คืออะไร?

Favicon (Favicon – ย่อมาจาก “ไอคอนรายการโปรด”) เป็นรูปภาพที่แสดงในแถบที่อยู่ของเบราว์เซอร์ก่อนที่อยู่ ในแท็บที่สอดคล้องกับหน้าต่างที่มีหน้าเปิดของเว็บไซต์ เช่นเดียวกับเมื่อเพิ่มทรัพยากรลงใน แท็บรายการโปรด รูปภาพเหล่านี้สามารถช่วยให้ผู้ใช้จดจำแบรนด์หรือบริษัทได้ดีขึ้น และเพิ่มการจดจำไซต์ บ่อยครั้งที่มีการใช้รูปภาพโลโก้บริษัทหรือแบรนด์ที่ย่อขนาดหรือเปลี่ยนแปลงเล็กน้อยเป็นไอคอน Fav

ประโยชน์ของการใช้ favicon

การใช้ไอคอน Fav จะนำมาซึ่งประโยชน์เมื่อเวลาผ่านไป ตัวอย่างเช่น ตรวจสอบตัวเลือกเหล่านี้:

• เมื่อผู้ใช้เปิดหลายแท็บในเบราว์เซอร์ เขาสามารถระบุได้ทันทีว่าไซต์ใดเปิดอยู่ แม้ว่าข้อความที่มีชื่อจะไม่แสดงอีกต่อไปก็ตาม
• ในผลการค้นหา Yandex ไอคอน Fav จะปรากฏทางด้านซ้ายของไซต์หรือหน้าซึ่งดึงดูดความสนใจของผู้เยี่ยมชมและแยกความแตกต่างจากผู้อื่น
• รูปภาพได้รับการจดจำอย่างดีและยังคงอยู่ในความทรงจำ - ส่งผลให้ไซต์เป็นที่รู้จักและดึงดูดผู้ใช้มากขึ้น

ดังนั้น favicon จึงเป็นส่วนหนึ่งของรูปภาพของไซต์ ซึ่งไม่เพียงแต่ทำหน้าที่ด้านสุนทรียภาพเท่านั้น แต่ยังช่วยให้ผู้ใช้ค้นหาพอร์ทัลในบุ๊กมาร์ก แท็บ และผลการค้นหาได้สะดวกยิ่งขึ้นอีกด้วย

คุณสมบัติของ Yandex ที่ทำงานกับ favicons

เครื่องมือค้นหา Yandex เป็นหนึ่งในไม่กี่รายการที่เน้นไอคอน Fav ของไซต์และแสดงเมื่อสร้างรายการผลการค้นหา ในการดำเนินการนี้ บอทพิเศษจะจัดทำดัชนีไซต์เป็นระยะและอัปเดตข้อมูลเกี่ยวกับการมีไอคอน Fav

ก่อนหน้านี้ การอัปเดต favicon จะเกิดขึ้นทุกๆ สองสามเดือน ตอนนี้ในปี 2018 ยานเดกซ์จัดทำดัชนีพวกมันอย่างเข้มงวดมากขึ้น และไอคอน favicon จะปรากฏบนไซต์ใหม่ของฉันบางส่วนภายในไม่กี่วัน

หากต้องการตรวจสอบว่า Yandex แสดง favicon หรือไม่ คุณสามารถค้นหาพอร์ทัลของคุณในรายการค้นหาและดูว่าไอคอนปรากฏทางด้านซ้ายหรือไม่ คุณยังสามารถป้อนโครงสร้างต่อไปนี้ในแถบที่อยู่: สำหรับ Yandex - http://favicon.yandex.net/favicon/www.site.ru (โดยที่แทนที่จะเป็น www.site.ru คุณต้องพิมพ์โดเมนของเว็บไซต์ของคุณ ). Favicon ที่สร้างขึ้นอย่างถูกต้องจะแสดงบนพื้นหลังสีดำและนั่นหมายความว่ายานเดกซ์มองเห็นได้

หากมองไม่เห็นไอคอน Fav อาจเนื่องมาจากสาเหตุต่อไปนี้:

• ขนาดภาพไม่ตรงกับขนาดที่ต้องการ: 16x16 พิกเซล;
• รูปแบบภาพไม่เหมือนกัน - ควรเป็น ico, jpeg หรือ png (ตัวเลือกแรกจะดีกว่าสำหรับ Yandex)
• รูปภาพไม่ชัดหรือไม่ซ้ำกัน - บางครั้งด้วยเหตุผลเหล่านี้เครื่องมือค้นหาจึงบล็อกไอคอน
• ยานเดกซ์กำลังอัปเดตระบบ - หลังจากนั้นทุกอย่างก็ควรจะแก้ไขเอง
• ไซต์นี้อยู่ห่างจากตำแหน่งที่ร้อยในผลการค้นหา - ในกรณีนี้ favicon อาจไม่แสดงด้วย

หลังจากตรวจสอบรูปภาพตามเกณฑ์เหล่านี้แล้วคุณจะต้องแก้ไขข้อบกพร่อง หากหลังจากนี้ไอคอนไม่ปรากฏขึ้น คุณสามารถติดต่อฝ่ายสนับสนุนของ Yandex ได้

หากต้องการให้ favicon แสดงใน Yandex.Direct จะต้องได้รับการออกแบบอย่างถูกต้องและอยู่ในตำแหน่งที่ถูกต้องบนไซต์ จากนั้นหุ่นยนต์ค้นหา Yandex จะสร้างดัชนีและเริ่มแสดงในผลการค้นหา ซึ่งโดยปกติจะเกิดขึ้น 2-4 สัปดาห์หลังจากการเผยแพร่เว็บไซต์โดยมีการเปลี่ยนแปลง ไม่จำเป็นต้องแจ้งหรือขอให้ Yandex เผยแพร่ไอคอน Fav สิ่งนี้จะเกิดขึ้นโดยอัตโนมัติหลังจากผ่านไประยะหนึ่งหลังจากที่ปรากฏบนพอร์ทัล

วิธีสร้าง favicon

หากคุณต้องการสร้างไฟล์ ico จากรูปภาพขนาดใหญ่ในรูปแบบ เช่น PNG ขอแนะนำให้ติดตั้ง Adobe Photoshop ก่อน จากนั้นจึงติดตั้งปลั๊กอิน ICO สำหรับ Photoshop (ค้นหาปลั๊กอินสำหรับเวอร์ชัน FS ของคุณในเครื่องมือค้นหา) เมื่อติดตั้งแล้ว เราจะคัดลอกไฟล์ที่ต้องการ ICOFormat.8bi (สำหรับ 32 บิต) หรือ ICOFormat64.8bi (สำหรับ 64 บิต) ไปยังหนึ่งในเส้นทางต่อไปนี้:

C:\Program Files\Adobe\Adobe Photoshop CS6 (64 บิต)\Plug-ins\File Formats
C:\Program Files (x86)\Adobe\Adobe Photoshop CS6\Plug-ins\File รูปแบบ

หากไม่มีโฟลเดอร์ "ปลั๊กอิน" หรือ "รูปแบบไฟล์" คุณจะต้องสร้างมันขึ้นมา ตอนนี้ในกล่องโต้ตอบบันทึก คุณสามารถเลือกรูปแบบ ico ได้ ขนาดของไอคอนที่สร้างขึ้นสามารถเป็นทวีคูณของ 8 (16×16, 24×24, 32×32 และอื่นๆ แต่การเลือกขนาด 16×16 นั้นน่าเชื่อถือที่สุด)

จากนั้นภาพที่จะกลายเป็น favicon จะถูกเปิดใน Photoshop คลิก "รูปภาพ - ขนาดรูปภาพ" และขนาดรูปภาพจะเปลี่ยนเป็น 16x16 พิกเซล จากนั้นกด “ไฟล์ – บันทึกเป็น” และเลือกรูปแบบ ICO (ชื่อไฟล์ควรเป็น favicon.ico)

ฉันเพิ่งแปลงรูปภาพเป็นรูปแบบ ico โดยไม่ต้องใช้ Photoshop การใช้บริการ https://realfavicongenerator.net/.

หลังจากนั้นครู่หนึ่ง favicon จะปรากฏบนเว็บไซต์

คนฉลาดบางคนสร้าง favicon ในรูปแบบของลูกศร สามเหลี่ยม และเพิ่มองค์ประกอบสีแดงเพื่อให้ผู้ใช้คลิก แน่นอนว่าสามารถทำได้ แต่สำหรับสิ่งนี้ไซต์สามารถลดระดับลงได้

ยานเดกซ์ทำให้คนชอบ favicon กลัว

เมื่อออกแบบไอคอน โปรดทราบว่ารูปภาพควรมีความชัดเจนและมองเห็นได้ชัดเจน แม้จะมีรูปแบบที่เล็กก็ตาม ดังนั้นจึงเป็นการดีกว่าถ้าใช้วัตถุแต่ละชิ้นให้น้อยที่สุดเท่าที่จะเป็นไปได้และไม่ให้มีสีมากเกินไป คุณสามารถดูไอคอน Fav ของคู่แข่งและคิดว่าคุณจะโดดเด่นจากพวกเขาได้อย่างไร

บริการ

นอกจากนี้ยังมีโปรแกรมและแหล่งข้อมูลพิเศษสำหรับการสร้างไอคอนซึ่งเป็นที่นิยมดังต่อไปนี้:

• favicon.cc - โปรแกรมแก้ไขที่ง่ายที่สุดจะช่วยให้คุณสร้างภาพที่เรียบง่าย หลักการทำงานก็เหมือนกับ Paint มีการเลือกสีด้วย และทำการวาดภาพโดยคลิกที่สี่เหลี่ยมพิกเซลที่ต้องทาสีทับ มีเครื่องมือแก้ไข. รูปภาพที่สร้างขึ้นสามารถบันทึกลงในคอมพิวเตอร์ของคุณเป็นรูปภาพ favicon ที่เสร็จแล้วได้ ในขณะที่คุณทำงานที่ด้านล่างของหน้าจอคุณจะเห็นผลลัพธ์เบื้องต้นในรูปแบบที่จะแสดงในเบราว์เซอร์ ทรัพยากรยังมีไอคอนสำเร็จรูปให้เลือกมากมาย
• favicon.ru – ที่นี่จะเป็นการดีกว่าถ้าสร้าง favicons จากรูปภาพสำเร็จรูป รูปภาพจะถูกดาวน์โหลดจากคอมพิวเตอร์ ประมวลผลโดยระบบ และแปลงเป็นไฟล์ favicon.ico ซึ่งสามารถดาวน์โหลดได้
• iconj และ audit4web เป็นฐานข้อมูลที่คุณสามารถค้นหาไอคอน Fav สำเร็จรูปได้

นอกจากนี้ยังมีบริการดังกล่าว:

คุณสามารถหันไปหานักออกแบบเพื่อพัฒนาภาพได้ แต่จะมีค่าใช้จ่ายสูงกว่ามาก

อีกประเด็นหนึ่งคือรูปภาพสำหรับไอคอนไม่สามารถเคลื่อนไหวได้ แต่จะไม่เคลื่อนไหวตลอดเวลาแม้ว่าจะใช้รูปภาพที่มีเอฟเฟกต์ที่ไม่คงที่เป็นพื้นฐานก็ตาม

ตอนนี้ไอคอนไซต์ส่วนตัว - Favicon - เป็นนามบัตรประเภทหนึ่งของแหล่งข้อมูลบนเว็บ ไอคอนนี้เน้นพอร์ทัลที่ต้องการไม่เพียงแต่ในรายการแท็บเบราว์เซอร์เท่านั้น แต่ยังรวมถึงในผลการค้นหา Yandex ด้วย ตามกฎแล้ว Favicon จะไม่ทำหน้าที่อื่นใดนอกเหนือจากการเพิ่มการรับรู้ไซต์

การสร้างไอคอนสำหรับทรัพยากรของคุณเองนั้นค่อนข้างง่าย: คุณค้นหารูปภาพที่เหมาะสมหรือวาดเองโดยใช้โปรแกรมแก้ไขกราฟิกจากนั้นบีบอัดรูปภาพให้มีขนาดที่ต้องการ - ปกติคือ 16x16 พิกเซล บันทึกผลลัพธ์ผลลัพธ์ลงในไฟล์ favicon.ico และวางไว้ในโฟลเดอร์รูทของไซต์ แต่ขั้นตอนนี้สามารถทำให้ง่ายขึ้นได้มากโดยใช้หนึ่งในตัวสร้าง Favicon ที่มีอยู่บนอินเทอร์เน็ต

เครื่องมือแก้ไขไอคอนเว็บส่วนใหญ่มีเครื่องมือที่จำเป็นทั้งหมดสำหรับการสร้าง Favicons ในกรณีนี้ไม่จำเป็นต้องวาดภาพตั้งแต่ต้น - คุณสามารถใช้รูปภาพสำเร็จรูปได้

วิธีที่ 1: Favicon.by

เครื่องมือสร้าง favicon ออนไลน์ภาษารัสเซีย: เรียบง่ายและมองเห็นได้ ช่วยให้คุณวาดไอคอนด้วยตัวเองโดยใช้ผืนผ้าใบขนาด 16x16 ในตัวและรายการเครื่องมือขั้นต่ำ เช่น ดินสอ ยางลบ ยาหยอดตา และการเติม มีจานสีที่มีสี RGB ทั้งหมดและรองรับความโปร่งใส

หากต้องการคุณสามารถอัปโหลดภาพที่เสร็จแล้วไปยังเครื่องกำเนิด - จากคอมพิวเตอร์ของคุณหรือแหล่งข้อมูลบนเว็บของบุคคลที่สาม รูปภาพที่นำเข้าจะถูกวางบนผืนผ้าใบด้วยและจะพร้อมสำหรับการแก้ไข

เป็นผลให้คุณได้รับไฟล์ ICO กราฟิกที่เรียกว่า favicon และความละเอียด 16x16 พิกเซล ไอคอนนี้พร้อมที่จะใช้เป็นไอคอนสำหรับเว็บไซต์ของคุณแล้ว

วิธีที่ 2: ตัวแก้ไข X-Icon

แอปพลิเคชันเบราว์เซอร์ HTML5 ที่ให้คุณสร้างไอคอนโดยละเอียดที่มีขนาดสูงสุด 64x64 พิกเซล ไม่เหมือนกับบริการก่อนหน้านี้ X-Icon Editor มีเครื่องมือวาดภาพมากขึ้นและแต่ละเครื่องมือสามารถกำหนดค่าได้อย่างยืดหยุ่น

เช่นเดียวกับใน Favicon.by ที่นี่คุณสามารถอัปโหลดภาพที่เสร็จแล้วไปยังไซต์และแปลงเป็น favicon โดยแก้ไขอย่างเหมาะสมหากจำเป็น

หากคุณต้องการเก็บรายละเอียดของภาพที่คุณตั้งใจจะเปลี่ยนเป็น favicon X-Icon Editor เหมาะอย่างยิ่งสำหรับสิ่งนี้ ความสามารถในการสร้างไอคอนที่มีความละเอียด 64x64 พิกเซลเป็นข้อได้เปรียบหลักของบริการนี้

ในบทเรียนวันนี้ฉันจะเล่าให้คุณฟัง ไอคอนฟาวิคอน (ไอคอน Fav). ฉันจะแสดงให้คุณดู วิธีสร้าง favicon.ico สำหรับเว็บไซต์(หรือสำหรับบล็อกก็ไม่สำคัญ) และฉันจะแสดงให้คุณเห็นว่าเป็นไปได้อย่างไร ใส่ favicon.

แน่นอนว่าหลายคนยังไม่รู้ว่าฉันกำลังพูดถึง “ปาฏิหาริย์” อะไร พูดง่ายๆ ก็คือ Favicon คือรูปภาพ (ไอคอน) ที่ปรากฏในเบราว์เซอร์ก่อนที่อยู่ไซต์ ฉันจะแสดง Favicon ของบล็อกของฉันให้คุณดู:

ไอคอนนี้เป็นโลโก้ประเภทหนึ่งสำหรับบล็อกของคุณ ดังนั้นการสร้าง favicon จึงต้องรับผิดชอบอย่างเต็มที่ โปรดจำไว้ว่าสามารถทำให้บล็อกของคุณโดดเด่นจากคนอื่นๆ ได้

แผนการเรียน:

1. การสร้าง Favicon ตั้งแต่เริ่มต้น
2. การสร้าง favicon จากภาพที่เสร็จแล้ว
3. บริการพร้อมไอคอนสำเร็จรูปสำหรับเว็บไซต์
4. การแนบไอคอนผลลัพธ์เข้ากับไซต์

วิธีสร้าง Favicon ตั้งแต่เริ่มต้น

มีบริการหนึ่งที่สะดวกมาก มีที่อยู่ favicon.cc บริการสร้าง favicon นี้มีลักษณะดังนี้:

– ใช่ บริการนี้มีไอคอน Fav สำเร็จรูปด้วย

วิธีสร้าง Favicon สำหรับเว็บไซต์

หลังจากที่เราสร้าง favicon แล้ว เราจำเป็นต้อง “แนบ” มันเข้ากับไซต์ ในการทำเช่นนี้คุณต้องทำสิ่งต่อไปนี้:

อย่างที่คุณเห็นทุกอย่าง "ล้ม" อย่างถูกต้อง ฉันหวังว่าคุณจะไม่มีปัญหาใดๆเช่นกัน หากมีข้อสงสัยสามารถสอบถามได้ที่