TutuEdit

สร้างไอคอน ICO · favicon ของเว็บไซต์

ฝัง PNG ไว้ข้างใน คงความโปร่งใส เพดาน 256 ประมวลผลในเครื่อง ยังไม่เข้าสู่ระบบก็ไม่อัปโหลด

หรือสร้างเอกสารเปล่า

การทำไฟล์ ICO ไม่ใช่แค่ «บันทึกเป็นอีกนามสกุล» เพราะ ไอคอนเดียวกันต้องยังดูออกทั้งที่ 16, 32 และ 48 พิกเซล ที่ 16 พิกเซลมีจุดให้ใช้แค่ 256 จุด ไล่สีสวย ๆ และเส้นบาง ๆ ในต้นฉบับพอถึงขนาดนั้นก็เละรวมกันหมด

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

ฟีเจอร์เด่น

คงความโปร่งใส

เพย์โหลดเป็น PNG มุมโปร่งใสหรือมุมมนจึงผ่านมาครบ

ไฟล์เล็ก

เพย์โหลด PNG เล็กกว่าบิตแมปแบบเก่ามาก favicon จึงโหลดเร็วขึ้น

เพดาน 256 มาจากรูปแบบไฟล์

ICO ให้ที่ความกว้างและความสูงอย่างละ 1 ไบต์ในรายการไดเรกทอรี เขียน 256 เป็น 0 ใหญ่กว่านั้นแทนค่าไม่ได้ ตอนส่งออก ภาพที่ใหญ่กว่า 256 จะถูกย่อตามสัดส่วนโดยอัตโนมัติให้อยู่ภายใน 256×256

ประมวลผลในเครื่อง

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

วิธีใช้งาน

  1. 1
    ใส่รูป
    รูปสี่เหลี่ยมจัตุรัสเหมาะที่สุด ลากเข้ากรอบ
  2. 2
    ทำให้เป็นจัตุรัส
    ครอปเป็น 1:1 แล้วตั้งขนาดเป็น 32×32 หรือ 48×48
  3. 3
    ส่งออกเลือก ICO
    ในกล่องส่งออก เลือกรูปแบบเป็น ICO
  4. 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 จึงแทนค่าที่ใหญ่กว่านั้นไม่ได้ ไม่ใช่ข้อจำกัดที่เราเพิ่มเข้าไป ภาพที่ใหญ่กว่านี้ก็ยังส่งออกได้ โดยตอนส่งออกจะถูกย่อตามสัดส่วนโดยอัตโนมัติให้อยู่ภายใน 256×256
ฟรีไหม รูปถูกอัปโหลดไหม
ฟรี ไม่ต้องสมัคร ไม่จำกัดจำนวนครั้ง ทุกอย่างคำนวณในเบราว์เซอร์ของคุณเอง ถ้ายังไม่เข้าสู่ระบบภาพจะไม่ถูกอัปโหลด และเมื่อเข้าสู่ระบบ งานของคุณจะบันทึกอัตโนมัติไว้ในคลังผลงานบนคลาวด์ของคุณเอง

ลองใช้ สร้างไอคอน ICO · favicon ของเว็บไซต์ เลย

ไม่ต้องติดตั้ง · ไม่ต้องสมัคร · ในเครื่องไม่อัปโหลด · เครดิต AI ฟรีทุกวัน