วิธีสร้าง favicon จากรูปภาพ

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

favicon ที่ดีมีสองสิ่งสำคัญ คือควรมีรูปร่างเกือบเป็นสี่เหลี่ยมจัตุรัส และยังคงมองเห็นชัดเจนเมื่อย่อขนาดให้เล็กเท่าเล็บมือ นี่คือเหตุผลที่ favicon มักเป็นตัวอักษรตัวหนา เครื่องหมายโลโก้ หรือรูปทรงเรียบง่าย มากกว่าภาพถ่ายที่มีรายละเอียดมาก

หากคุณมีโลโก้สี่เหลี่ยมจัตุรัสอยู่แล้ว การแปลงไฟล์ทำได้ในขั้นตอนเดียว

• เปิด ตัวแปลง PNG เป็น ICO แล้วใส่ภาพของคุณ
• รอให้แปลงเสร็จ แล้วดาวน์โหลดไฟล์ .ico
• เพิ่มลงในเว็บไซต์ของคุณในชื่อ favicon.ico หรืออ้างอิงจาก HTML ของคุณ

เริ่มจากรูปแบบอื่นใช่ไหม สำหรับภาพถ่ายหรือโลโก้แบบแบน ใช้ตัวแปลง JPG เป็น ICO หรือถ้าเครื่องหมายของคุณเป็นเวกเตอร์ ให้ใช้ SVG เป็น ICO ไฟล์ต้นฉบับแบบเวกเตอร์เหมาะที่สุดเพราะสามารถวาดได้อย่างคมชัดในทุกขนาดที่ไอคอนต้องการ การแปลงไฟล์ทุกครั้งทำงานอยู่ในเบราว์เซอร์ของคุณ ภาพจึงไม่ถูกอัปโหลดเลย

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

หากโลโก้ของคุณเป็นภาพเวกเตอร์อยู่แล้ว ให้คงรูปแบบ SVG ไว้ให้นานที่สุดเท่าที่จะทำได้ แล้วค่อยแปลงเป็น ICO เป็นขั้นตอนสุดท้าย ภาพเวกเตอร์ยังคงความคมชัดเพราะถูกเรนเดอร์ตามขนาดพิกเซลที่แน่นอน แทนที่จะถูกขยายจากภาพบิตแมปขนาดเล็ก หากต้องการข้อมูลเพิ่มเติมเกี่ยวกับการแรสเตอร์ไรซ์เวกเตอร์ให้คมชัด ดูที่การแปลง SVG เป็น PNG โดยไม่สูญเสียคุณภาพ