เครื่องมือสร้าง Favicon
อัปโหลดรูปภาพใดๆ แล้วรับแพ็กเกจ favicon ครบชุด: ICO หลายความละเอียด, PNG สำหรับแพลตฟอร์มต่างๆ, Apple touch icon และ web manifest รวมอยู่ในไฟล์ ZIP เดียว
ลากไฟล์มาวางหรือคลิก
Ctrl+V เพื่อวางจากคลิปบอร์ด
วิธีสร้าง favicon
- 1ลาก คลิก หรือวางเพื่ออัปโหลดไฟล์รูปภาพ (JPG, PNG, WebP, AVIF, GIF, SVG และอื่นๆ)
- 2ไม่ต้องตั้งค่า — เครื่องมือจะสร้างทุกขนาดสำหรับทุกแพลตฟอร์มโดยอัตโนมัติ
- 3คลิก 'แปลงตอนนี้' แล้วรอให้การแปลงเสร็จสิ้น
- 4ดาวน์โหลดแพคเกจ ZIP แล้วแตกไฟล์ไปยังรูทเว็บไซต์ของคุณ
เกี่ยวกับการสร้าง favicon
แฟวิคอนสมัยใหม่ต้องปรับให้เข้ากับสถานการณ์ต่างๆ: แถบเบราว์เซอร์ต้องการขนาด 16px และ 32px หน้าจอหลัก iOS ต้องการไอคอน 180px Android และ PWA ต้องการไอคอน 192px และ 512px favicon.ico เดี่ยวไม่สามารถครอบคลุมความต้องการการปรับตัวทั้งหมดได้อีกต่อไป
favicon.ico ที่สร้างโดยเครื่องมือนี้มีรายการหลายความละเอียด: 16px, 32px และ 48px ภาพต้นฉบับถูกครอปตรงกลางเป็นสี่เหลี่ยมจัตุรัส และ apple-touch-icon.png จะได้พื้นหลังสีขาวเพื่อป้องกันไม่ให้ iOS แสดงพื้นหลังโปร่งใสเป็นสีดำ นอกจากนี้ยังมีไฟล์ site.webmanifest ที่สอดคล้องมาตรฐานซึ่งมีการประกาศข้อมูลไอคอนรวมอยู่ด้วย
ผลลัพธ์ที่สร้างขึ้นถูกบรรจุเป็นไฟล์ ZIP หลังแตกไฟล์ อัปโหลดไฟล์ทั้งหมดไปยังรูทไดเรกทอรีของเว็บไซต์ และเพิ่มแท็กลิงก์ที่เกี่ยวข้องในส่วน head ของ HTML เพื่ออ้างอิง การใช้ภาพต้นฉบับ SVG จะคงรายละเอียดเส้นขอบที่ชัดเจนยิ่งขึ้น และภาพต้นฉบับที่มีพื้นหลังทึบให้ผลการปรับตัวดีกว่าภาพต้นฉบับที่มีพื้นหลังโปร่งใสที่ซับซ้อน
คำถามที่พบบ่อยเกี่ยวกับ เครื่องมือสร้าง Favicon
แพ็คเกจที่สร้างขึ้นมีไฟล์อะไรบ้าง
ประกอบด้วย favicon.ico ที่มีรายการหลายความละเอียด ไอคอน PNG หลายขนาด apple-touch-icon.png ไอคอน Android Chrome และ site.webmanifest ไฟล์ทั้งหมดถูกบรรจุเป็น ZIP สำหรับดาวน์โหลด
จัดการพื้นหลังโปร่งใสอย่างไร
favicon.ico ยังคงพื้นหลังโปร่งใสไว้ ในขณะที่ apple-touch-icon จะได้พื้นหลังสีขาวโดยอัตโนมัติ เนื่องจาก iOS แสดงไอคอนพื้นหลังโปร่งใสเป็นสีดำ การเพิ่มพื้นหลังสีขาวจึงช่วยให้แสดงผลได้ปกติ
ข้อจำกัดขนาดไฟล์ที่อัปโหลดคือเท่าใด
ขนาดไฟล์เดียวสูงสุดคือ 50MB และประมวลผลได้เพียงหนึ่งไฟล์ต่อการแปลง ซึ่งตอบสนองความต้องการขนาดของไฟล์ต้นฉบับไอคอนส่วนใหญ่ จึงไม่จำเป็นต้องแบ่งไฟล์หรือบีบอัดล่วงหน้าก่อนอัปโหลด
ไฟล์ต้นฉบับถูกจัดเก็บหรือไม่
ไม่มีการจัดเก็บไฟล์ใดๆ ไฟล์ถูกอัปโหลดไปยังเซิร์ฟเวอร์ผ่าน HTTPS เพื่อแปลง และเซิร์ฟเวอร์จะลบทั้งไฟล์ต้นฉบับและไฟล์เอาต์พุตทันทีหลังการแปลงเสร็จสิ้น ไม่มีการเก็บสำเนาไฟล์ใดๆ ไว้