ข้ามไปยังเนื้อหา
patrache.tools

แปลงเป็นไอคอน

เครื่องมือแปลง ICO ออนไลน์ฟรี แปลงรูป PNG/JPG เป็นไฟล์ ICO ขนาด 16x16 ถึง 256x256 หลายขนาด ประมวลผลบนเบราว์เซอร์

ลากวางรูปภาพหรือคลิกเพื่อเลือก

lockไฟล์จะไม่ถูกส่งไปยังเซิร์ฟเวอร์
แชร์
ฝัง

ฝังเครื่องมือนี้ในเว็บไซต์ของคุณ

เครื่องมือฟรีแปลงรูปภาพเป็นไฟล์ ICO สร้างไอคอนหลายขนาด ประมวลผลในเบราว์เซอร์ — ไม่อัปโหลดไฟล์ เหมาะสำหรับ favicon เว็บไซต์และไอคอนแอป

วิธีใช้งานแปลงเป็นไอคอน?

  1. อัปโหลดรูปภาพที่ต้องการแปลง
  2. เลือกขนาดไอคอน
  3. คลิกแปลงเพื่อดาวน์โหลดไฟล์ ICO

คำถามที่พบบ่อยเกี่ยวกับแปลงเป็นไอคอน

รวมหลายขนาดในไฟล์ ICO เดียวได้ไหม?

ได้ รวมหลายขนาดตั้งแต่ 16x16 ถึง 256x256 ในไฟล์ ICO เดียว

ใช้เป็น favicon ได้เลยไหม?

ได้ บันทึก ICO เป็น favicon.ico ในรูทเว็บไซต์

จะออกแบบไอคอนที่ยังดูออกที่ขนาด 16×16 ได้อย่างไร?

ไอคอนขนาด 16×16 มีเพียง 256 พิกเซล การยัดโลโก้ทั้งอันลงไปจึงเละทุกครั้ง ให้เก็บอักษรตัวแรกของชื่อบริษัทหรือรูปทรงสัญลักษณ์เพียงหนึ่งอย่าง แล้วตัดที่เหลือทิ้งอย่างเด็ดขาด วาดเส้นหนาอย่างน้อย 2 พิกเซล และเว้นความต่างของความสว่างระหว่างรูปทรงกับพื้นหลังให้มาก มิฉะนั้นไอคอนจะหายไปในแถบแท็บที่แน่นขนัด เมื่อทำเสร็จให้ลองเปิดในแท็บเบราว์เซอร์จริงและตรวจดูทั้งธีมสว่างและธีมมืด

นอกจาก ICO เว็บไซต์สมัยใหม่ต้องมีไฟล์ไอคอนอะไรอีก?

แท็บเบราว์เซอร์ยังรับ favicon.ico อยู่ แต่ทุกวันนี้ไฟล์ PNG ขนาด 32×32 เพียงไฟล์เดียวก็ครอบคลุมกรณีส่วนใหญ่แล้ว ให้เพิ่ม apple-touch-icon.png ขนาด 180×180 สำหรับหน้าจอหลักของ iPhone พร้อมไฟล์ PNG ขนาด 192×192 และ 512×512 ที่ประกาศไว้ในเว็บแอปแมนิเฟสต์สำหรับการติดตั้งบน Android หากมีไฟล์ favicon แบบ SVG ควบคู่ไปด้วย ภาพจะคมกว่าบนจอความละเอียดสูงและยังเปลี่ยนสีตามโหมดมืดได้

วิธีใช้แปลงเป็นไอคอนให้เกิดประโยชน์สูงสุด?

  • ไฟล์ .ico ของ Windows ควรบรรจุขนาด 16, 32, 48 และ 256 px เพื่อให้คมชัดทุกมุมมอง
  • ที่ขนาด 16 px รายละเอียดจะหายไป ควรลดทอนรูปให้เรียบง่ายก่อนแปลง
  • macOS ใช้ไฟล์ .icns ไม่ใช่ .ico จึงต้องเตรียมชุดไอคอนแยกต่างหาก

Powered by Patrache Studio Tools

โปรดอนุญาตโฆษณาบนเว็บไซต์นี้

หากต้องการใช้เครื่องมือเหล่านี้ โปรดอนุญาตโฆษณาบนเว็บไซต์นี้ รายได้จากโฆษณาช่วยให้บริการนี้ยังคงใช้งานได้ฟรี

เปิดตัวบล็อกโฆษณา ปิดการบล็อกสำหรับเว็บไซต์นี้ แล้วตรวจสอบอีกครั้ง