lockไฟล์จะไม่ถูกส่งไปยังเซิร์ฟเวอร์
เครื่องมือฟรีแปลงรูปภาพเป็นไฟล์ ICO สร้างไอคอนหลายขนาด ประมวลผลในเบราว์เซอร์ — ไม่อัปโหลดไฟล์ เหมาะสำหรับ favicon เว็บไซต์และไอคอนแอป
วิธีใช้งานแปลงเป็นไอคอน?
- อัปโหลดรูปภาพที่ต้องการแปลง
- เลือกขนาดไอคอน
- คลิกแปลงเพื่อดาวน์โหลดไฟล์ 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