โปรแกรมแก้ไขพิกเซล favicon

วิธีวาด favicon 16×16 ให้สวย

โดยปกติ favicon จะแสดงที่ขนาดเพียง 16 หรือ 32 พิกเซล ดังนั้นทุกพิกเซลจึงสำคัญ การวาดด้วยมือบนตารางพิกเซลช่วยให้ขอบคมชัดและควบคุมได้เต็มที่ ซึ่งโลโก้ที่ย่อขนาดอัตโนมัติทำได้ยาก

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

เมื่อพอใจกับผลลัพธ์แล้ว ให้คลิก "สร้าง favicon จากภาพนี้" ตัวสร้างจะรักษาความคมชัดของพิกเซลและสร้าง favicon.ico, ไอคอน PNG, Apple touch icon และไอคอน Android จากภาพวาดของคุณ

เคล็ดลับสำหรับ favicon พิกเซลอาร์ตที่คมชัด

• ใช้สองถึงสี่สี เพราะเฉดสีที่มากเกินไปจะกลายเป็นสัญญาณรบกวนเมื่อภาพมีขนาดเล็ก
• เว้นขอบ 1 พิกเซล หรือเติมเต็มทั้งสี่เหลี่ยม หลีกเลี่ยงรูปทรงที่แตะขอบเพียงบางด้าน
• เลือกใช้เส้นแนวนอนและแนวตั้ง ส่วนเส้นทแยงจะสวยที่สุดที่มุม 45 องศา
• ใช้โหมดกระจกสำหรับไอคอนที่สมมาตร และใช้สีโปร่งใสสำหรับส่วนที่ต้องการให้มองทะลุ
• วาดที่ 32×32 หรือ 48×48 หากไอคอนมีรายละเอียดมาก เพราะขนาดที่ใหญ่กว่าใช้กับหน้าจอความละเอียดสูง