แปลง 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 ไปใช้โดยอัตโนมัติ