เครื่องมือสร้าง favicon
สร้าง PNG สำหรับเว็บไซต์และไฟล์ ICO ขนาด 16px และ 32px จากภาพ 1 ภาพในรูปแบบ JPEG, PNG, WebP หรือ SVG แบบคงที่ เลือกขนาด PNG และวิธีครอปหรือเพิ่มระยะขอบ จากนั้นบันทึกภาพและแท็ก HTML ที่จำเป็นสำหรับเตรียมเปิดเว็บไซต์หรือเปลี่ยนโลโก้ จะบันทึกแยกไฟล์หรือรวมเป็น ZIP ก็ได้ เมื่อเลือก 192px หรือ 512px จะมีตัวอย่างการตั้งค่าไอคอนใน manifest รวมอยู่ด้วย
คุณสมบัติ
สร้างหลายขนาดพร้อมกัน
สร้าง PNG ในขนาดที่เลือก พร้อม ICO ที่มี 16 และ 32px ไว้ในครั้งเดียว
บันทึกไฟล์สำหรับติดตั้งด้วย
รวมรูปภาพและแท็ก HTML ไว้ใน ZIP พร้อมตัวอย่างการตั้งค่าไอคอน manifest เมื่อจำเป็น
วิธีใช้งาน
เลือกรูปภาพต้นทาง
เลือกรูปภาพ JPEG, PNG, WebP หรือ SVG แบบคงที่ 1 รูป
เลือกขนาดและวิธีปรับขนาด
เลือกขนาด PNG ที่ต้องการ แล้วเลือกการครอบตัดเป็นสี่เหลี่ยมจัตุรัสหรือการเพิ่มขอบ
ตรวจสอบขนาดเล็กด้วย
ตรวจสอบไอคอนที่สร้างแล้ว การลดขนาดอาจทำให้อักขระและเส้นบางอ่านยาก
บันทึกและวางในเว็บไซต์ของคุณ
แตกไฟล์ ZIP วางรูปภาพในเว็บไซต์ของคุณ แล้วปรับพาธในแท็ก HTML ให้เข้ากับโครงสร้างของเว็บไซต์
มีประโยชน์เมื่อ
เตรียมก่อนเผยแพร่เว็บไซต์ของคุณ
เตรียมไอคอนขนาดเล็กสำหรับแท็บและการใช้งานที่คล้ายกัน พร้อมรูปภาพสำหรับหน้าจอหลัก
เปลี่ยนไอคอนเมื่อเปลี่ยนโลโก้
สร้างขนาดที่ต้องการใหม่จากรูปภาพต้นทางเดียวกัน เพื่อให้เข้ากับไอคอนของเว็บไซต์
การใช้ชุดไอคอนในเว็บไซต์ของคุณ
ความแตกต่างระหว่าง ICO และ PNG
ICO สามารถเก็บรูปภาพได้หลายขนาด ICO ของเครื่องมือนี้จะมี 16×16 และ 32×32 เสมอ ส่วน PNG จะถูกสร้างแยกรูปในขนาดที่เลือก
ไอคอนขนาดเล็กหน้าตาเป็นอย่างไร
ข้อความที่อ่านได้ในรูปต้นทางขนาดใหญ่อาจมองไม่เห็นชัดที่ 16px หรือขนาดเล็กอื่น ให้ตรวจสอบทุกขนาดที่สร้าง
ตำแหน่งของรูปภาพและพาธใน HTML
ตัวอย่างการตั้งค่าคิดว่าวางไว้ที่รากของเว็บไซต์ หากวางในตำแหน่งอื่น ให้ปรับทั้ง href ใน HTML และ src ใน manifest ให้ถูกต้อง
manifest เป็นเพียงตัวอย่างการตั้งค่าไอคอน
จะถูกสร้างเมื่อเลือก 192px หรือ 512px แต่ไม่ใช่การตั้งค่าทั้งหมดของเว็บแอปให้เสร็จสมบูรณ์
คำถามที่พบบ่อย
ฉันสามารถสร้าง ICO โดยไม่เลือก PNG ได้หรือไม่
คุณต้องเลือกขนาด PNG อย่างน้อย 1 ขนาด ICO จะมี 16px และ 32px ไม่ว่าคุณจะเลือก PNG อย่างไร
ฉันสามารถบันทึกหลายขนาดพร้อมกันได้หรือไม่
บันทึกรูปภาพและไฟล์สำหรับติดตั้งไปพร้อมกันเป็น ZIP และยังบันทึกรูปภาพแต่ละรูปกับตัวอย่างการตั้งค่าแยกได้
ฉันสามารถใช้รูปทรงสี่เหลี่ยมผืนผ้าได้หรือไม่
ครอบตัดกลางให้เป็นสี่เหลี่ยมจัตุรัส หรือเพิ่มขอบเพื่อให้ได้ทั้งภาพ ไม่มีฟีเจอร์สำหรับปรับตำแหน่งภาพหรือการยืดขยาย
เมื่อสร้างแล้วจะปรากฏบนเว็บไซต์ของฉันโดยอัตโนมัติหรือไม่
ไม่ได้ถูกเผยแพร่โดยอัตโนมัติ วางรูปภาพในเว็บไซต์ของคุณ ตั้งค่า HTML และ manifest แล้วตรวจสอบรูปลักษณ์ ณ จุดที่จะใช้งาน
การจัดการไฟล์
- อินพุต
- ใช้รูปภาพ JPEG, PNG, WebP หรือ SVG แบบคงที่ 1 รูป
- ผลลัพธ์
- ICO, PNG ที่เลือก, HTML และ manifest เมื่อเกี่ยวข้อง ผลลัพธ์เป็นภาพนิ่งและลบข้อมูลเมตา