สร้างไอคอน ICO · favicon ของเว็บไซต์
ฝัง PNG ไว้ข้างใน คงความโปร่งใส เพดาน 256 ประมวลผลในเครื่อง ไม่อัปโหลด
วางรูปลงมา ตั้งขนาด แล้วเลือก ICO ตอนส่งออก
ไฟล์ ICO ฝัง PNG ไว้ข้างใน (รูปแบบ ICO สมัยใหม่รองรับเพย์โหลดแบบ PNG) พื้นหลังโปร่งใสจึงยังอยู่ และไฟล์เล็กกว่าเพย์โหลดบิตแมปแบบเก่ามาก เพดานคือ 256×256 ซึ่งไม่ใช่ข้อจำกัดที่เราตั้งขึ้น แต่เป็นข้อกำหนดของรูปแบบ ICO เอง เพราะในรายการไดเรกทอรีมีที่ให้ความกว้างและความสูงอย่างละ 1 ไบต์ และเขียน 256 เป็น 0 จึงแทนค่าที่ใหญ่กว่านั้นไม่ได้ อีกเรื่องที่ต้องพูดให้ชัดคือ สิ่งที่ได้เป็น ICO ขนาดเดียว ไม่ใช่แบบดั้งเดิมที่รวม 16/32/48 ไว้ในไฟล์เดียว อันที่จริงเว็บไซต์สมัยใหม่ก็ไม่ได้พึ่ง ICO หลายขนาดอยู่แล้ว โดยจะประกาศไฟล์ PNG หลายขนาดด้วยแท็ก `link` ใน HTML และวาง ICO ไว้ที่รากเว็บเพียงไฟล์เดียวเพื่อรองรับเบราว์เซอร์เก่าที่ขอ /favicon.ico โดยตรง ทุกอย่างทำงานในเบราว์เซอร์ของคุณเอง รูปไม่เคยถูกอัปโหลด
ฟีเจอร์เด่น
คงความโปร่งใส
เพย์โหลดเป็น PNG มุมโปร่งใสหรือมุมมนจึงผ่านมาครบ
ไฟล์เล็ก
เพย์โหลด PNG เล็กกว่าบิตแมปแบบเก่ามาก favicon จึงโหลดเร็วขึ้น
เพดาน 256 มาจากรูปแบบไฟล์
ICO ให้ที่ความกว้างและความสูงอย่างละ 1 ไบต์ในรายการไดเรกทอรี เขียน 256 เป็น 0 ใหญ่กว่านั้นแทนค่าไม่ได้
ประมวลผลในเครื่อง
รูปไม่ถูกอัปโหลด ปิดแท็บแล้วไม่เหลืออะไร
วิธีใช้งาน
- 1 ใส่รูปรูปสี่เหลี่ยมจัตุรัสเหมาะที่สุด ลากเข้ากรอบ
- 2 ทำให้เป็นจัตุรัสครอปเป็น 1:1 แล้วตั้งขนาดเป็น 32×32 หรือ 48×48
- 3 ส่งออกเลือก ICOในกล่องส่งออก เลือกรูปแบบเป็น ICO
- 4 วางไว้ที่รากเว็บตั้งชื่อ favicon.ico วางที่รากเว็บ เบราว์เซอร์เก่าจะมาขอที่นั่นโดยตรง
คำถามที่พบบ่อย
- ที่ได้เป็น ICO หลายขนาดไหม
- ไม่ใช่ เป็นขนาดเดียว ไฟล์ฝัง PNG ไว้หนึ่งภาพ จึงเล็กและคงความโปร่งใสไว้ได้ ถ้าต้องการหลายขนาดก็ส่งออกแยกกัน แม้เว็บไซต์สมัยใหม่จะนิยมประกาศ PNG หลายไฟล์ใน HTML และเก็บ ICO ไว้เพียงไฟล์เดียวเป็นตัวสำรอง
- favicon ควรใหญ่แค่ไหน
- สำหรับ ICO ไฟล์เดียว 32×32 หรือ 48×48 คือทางเลือกที่ใช้ได้จริง เบราว์เซอร์สมัยใหม่ส่วนใหญ่ใช้ไฟล์ PNG ที่ประกาศไว้ใน HTML ของคุณ (180×180 สำหรับหน้าจอหลัก iOS และ 192 กับ 512 สำหรับ PWA) ส่วน ICO มีไว้รองรับเบราว์เซอร์เก่าที่ขอ /favicon.ico โดยตรงเป็นหลัก
- ICO ใหญ่ได้สูงสุดเท่าไร
- 256×256 นี่คือข้อกำหนดของรูปแบบ ICO เอง เพราะในรายการไดเรกทอรีของไฟล์ ความกว้างและความสูงมีที่ให้อย่างละ 1 ไบต์ และเขียน 256 เป็น 0 จึงแทนค่าที่ใหญ่กว่านั้นไม่ได้ ไม่ใช่ข้อจำกัดที่เราเพิ่มเข้าไป
- ฟรีไหม รูปถูกอัปโหลดไหม
- ฟรี ไม่ต้องสมัคร และไม่จำกัดจำนวนครั้ง ไม่มีการอัปโหลดเช่นกัน ทุกอย่างทำงานในเบราว์เซอร์ของคุณเอง
ลองใช้ สร้างไอคอน ICO · favicon ของเว็บไซต์ เลย
ทำงานในเบราว์เซอร์ทั้งหมด · ไม่ต้องติดตั้ง · ไม่ต้องสมัคร · ไม่มีการอัปโหลดรูปภาพ