แปลง JPG เป็น ICO
เปลี่ยน JPG ให้เป็น favicon.ico หลายความละเอียดของจริง — พร้อมชุดไอคอนสมัยใหม่ที่เหลือ — ได้ในเบราว์เซอร์ของคุณ ไม่มีอะไรถูกอัปโหลด
ความเป็นส่วนตัวมาก่อน: ทุกภาพถูกประมวลผลภายในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลด จัดเก็บ หรือส่งไปยังเซิร์ฟเวอร์ใดๆ
จาก JPEG รูปแบบภาพถ่าย สู่รูปแบบไอคอน
JPG ถูกสร้างมาเพื่อภาพถ่ายและไม่รองรับความโปร่งใส ส่วน ICO คือคอนเทนเนอร์ที่บรรจุบิตแมปจัตุรัสขนาดเล็กหลายภาพพร้อมกัน การแปลงระหว่างสองอย่างนี้ไม่ใช่แค่การเปลี่ยนชื่อไฟล์ — ภาพต้องถูกรีแซมเปิลลงเป็น 16, 32 และ 48 พิกเซล แล้วแพ็กรวมไว้ในไฟล์เดียว เครื่องมือนี้ทำอย่างนั้นเป๊ะ ๆ โดยเขียน favicon.ico หลายความละเอียดของจริง เบราว์เซอร์จึงเลือกขนาดที่ต้องการใช้ได้ ทั้งสำหรับแท็บ แถบบุ๊กมาร์ก หรือทางลัดบนเดสก์ท็อป
ครอปภาพถ่ายลงมาให้ยังอ่านออก
JPEG มักเป็นภาพถ่าย และภาพถ่ายแทบไม่รอดเมื่อถูกย่อลงเหลือ 16 พิกเซล ใช้ตัวควบคุมระยะขอบและรูปทรงเพื่อดึงตัวแบบเข้ามา เพิ่มพื้นหลังทึบเพื่อให้ขอบสะอาด แล้วดูพรีวิวสดและแท็บเบราว์เซอร์จำลองว่ามันยังอ่านออกที่ขนาดแท็บหรือไม่ ชุดเต็ม — favicon.ico, apple-touch-icon, ไอคอน PWA และสไนปเป็ต HTML — ดาวน์โหลดมาเป็นไฟล์ zip
คำถามที่พบบ่อย
- ภาพของฉันถูกอัปโหลดเพื่อสร้าง favicon หรือไม่?
- ไม่ ทั้ง favicon.ico ไอคอน PNG และไฟล์ manifest ถูกสร้างขึ้นภายในเบราว์เซอร์ของคุณด้วย Canvas API ภาพของคุณไม่เคยออกจากอุปกรณ์
- ฉันจะได้ขนาดและไฟล์อะไรบ้าง?
- favicon.ico หลายความละเอียด (16, 32 และ 48px), ไอคอน PNG ขนาด 16, 32, 48, 180 (apple-touch-icon), 192 และ 512px, ไฟล์ site.webmanifest และสตริป HTML สำหรับวางลงใน <head> ของคุณ
- ฉันแปลง PNG หรือ SVG เป็น ICO ได้หรือไม่?
- ได้ ลากไฟล์ PNG, JPG, SVG หรือ WebP เข้ามาแล้วดาวน์โหลด favicon.ico ของจริง โลโก้ SVG จะถูกแปลงเป็นภาพแรสเตอร์ภายในเครื่องที่ความละเอียดสูงก่อน
- ภาพแบบไหนได้ผลดีที่สุด?
- ภาพสี่เหลี่ยมจัตุรัสที่มีโลโก้เรียบง่ายและคอนทราสต์สูง ภาพที่ไม่เป็นสี่เหลี่ยมจัตุรัสจะถูกครอบตัดจากกึ่งกลางให้พอดี ใช้ตัวควบคุมระยะขอบในและรูปทรงเพื่อจัดกรอบตามที่คุณต้องการ
- ฉันติดตั้ง favicon อย่างไร?
- แตกไฟล์แพ็กเกจลงในโฟลเดอร์รากของเว็บไซต์ แล้ววางสตริป HTML ที่ให้มาไว้ใน <head> ของหน้าเว็บ เบราว์เซอร์ส่วนใหญ่จะรับ favicon.ico ไปใช้โดยอัตโนมัติ