หากคุณมีเว็บไซต์ คุณแน่เคยคิดถึงการใช้ favicons รู้จักไอคอนเล็กๆ ที่แสดงบนแท็บเบราว์เซอร์ข้างๆ ชื่อเว็บไซต์หรือหัวข้อหน้า ซึ่งเพิ่มความรู้สึกเฉพาะตัวให้เนื้อหาของคุณ แล้ว favicon ใส (transparent) ล่ะ?
นี่คือคำถามที่棘手 (tricky) แรก โปรแกรมหรือบริการไหนสามารถสร้างไฟล์ .icon ได้? คุณต้องจ่ายเงินไหม? คุณอยากใช้เว็บไซต์แปลงออนไลน์ไหม? และมีวิธีได้ favicon ใส ฟรี โดยไม่ต้องพึ่งพาคนอื่นไหม? คำตอบคือ ใช่ และบทช่วยสอนนี้จะแสดงให้คุณเห็นแค่นั้น
เครื่องมือที่ต้องการ
โชคดี คุณต้องการแค่ GIMP ชุดจัดการภาพ cross-platform เก๋านี้ ทำงานหนักทั้งหมดให้คุณ รวมถึงการสร้าง favicon มาตรฐาน ไม่ใส และใส ด้วยฟavicon ใส กระบวนการมีความลำบากนิดหน่อยกว่าการแค่บันทึกไฟล์ในรูปแบบ ICO มาดูว่าคุณต้องทำอะไร
ขั้นตอนที่ 1: ความโปร่งใส (Transparency)
ใช่ ตรวจสอบให้แน่ใจว่าคุณมี alpha channel ในภาพของคุณ
ขั้นตอนที่ 2: บันทึกเป็น GIF
บันทึกไฟล์เป็น non-animated GIF จากนั้นเปิดไฟล์นั้นใน GIMP
ขั้นตอนที่ 3: บันทึกเป็น ICO
อีกครั้ง ผมเตือน เปิดไฟล์ GIF และบันทึกเป็น ICO ไม่ใช่ไฟล์โปรเจกต์ต้นฉบับ เมื่อถูกพร้อมโป้มท์ คุณจะต้องเลือกรายละเอียดไอคอน ไฟล์ ICO ปกติเป็น 16x16px หรือ 32x32px ขนาด 4bpp, 1-bit alpha, 16-slot palette ควรทำงานในส่วนใหญ่ บางเบราว์เซอร์อาจ拒絕 cooperate และคุณอาจต้องใช้ 8bpp อาจจะ
ขั้นตอนที่ 4: ทดสอบ
เพื่อทดสอบ คุณจะต้องอัปโหลดไฟล์ แตคุณอาจต้อง clear cache ก่อน เนื่องจากเบราว์เซอร์อาจโหลด cached favicon นานถึง 24 ชั่วโมงหลังการเยี่ยมชมล่าสุด ดังนั้น หากคุณเยี่ยมชมเว็บไซต์ของคุณบ่อยๆ เนื่องจากเหตุผลใดเหตุผลหนึ่ง คุณอาจไม่เคยเห็นการเปลี่ยนแปลง生效 (take effect)
บทสรุป
นี่คือบทช่วยสอนที่ค่อนข้างสั้น และอาจจะ trivial แต่จากสิ่งที่ผมเห็นข้างนอก มัน chaos มีคำแนะนำเยอะมาก ส่วนใหญ่ refer คนไปซอฟต์แวร์ที่ต้องเสียเงิน หรือใช้ online converters หลากหลาย ทุกโซลูชันเหล่านั้นอาจทำงานได้ แต่มันน้อยกว่า elegant มากเมื่อเทียบกับการเปิด GIMP และใช้เวลาสองนาทีปรับแต่ง
จริงๆ บ่อยครั้งที่เป็นเช่นนั้น workhorse ฟรีชื่อ GIMP จะทำสิ่งที่คุณต้องการ แม้โปรแกรมอย่าง Paint.NET และ IrfanView ใน Windows สามารถสร้างไฟล์ ICO ได้ด้วย ไม่แน่ใจเกี่ยวกับความโปร่งใส นั่นคือไปแล้ว Simple, free และคุณได้ notch อีกหนึ่งในเข็มขัด image processing ของคุณ See ya around, fellas
ขอบคุณครับ
