มาทำ web title icon ด้วย PhotoShop กันเถอะ

บางครั้งก็เรียก Favorites icon หรือ Bookmark icon
ถึงเวลาแล้วครับที่จะทำ icon เพื่อให้เวปเราหาง่ายขึ้น ทำไมมันหายากหรือยังไง ทำไมถึงพูดแบบนี้ เพราะพฤติกรรมการเปิดเวปของผมตอนนี้ ผมเปิดค้างไว้เกือบ 30 เวป โชคดีที่ Avant Browser มีระบบ TAB ให้ใช้ จึงคลิกไป คลิกมา ดูเวปนั้นเวปนี้ได้สดวก แต่ถึงกระนั้นก็ตาลายอยู่ดีเพราะ ตรงTab label มันก็ดูคล้ายๆกันหมด แต่ที่เห็นแตกต่างก็ icon แหล่ะครับ เวปที่มี icon จะทำให้ง่ายขึ้นในการสังเกต เพราะฉนั้นก็มาทำ icon กันเถอะครับ จะได้ดูดี หาง่าย
ขั้นแรก เราต้องหา Plug-In มาลงก่อนครับ เพื่อให้ Photo Shop สามารถ save เป็นจุด .ico ได้ ให้ ดาวโหลด Plug-In ที่นี่ครับ
แตก ICOFormat-1.6f9-win.zip ออกมา แล้ว copy ไฟล์ ICOFormat.8bi ไปไว้ใน C:Program FilesAdobePhotoshop CSPlug-InsFile Formats ซึ่ง path ของ photoshop อาจจะต่างจากนี้ ก็ลองหาหากันดูนะครับ
ทีนี้ก็เปิด Photo Shop ขึ้นมา แล้ว เลือก New เพื่อสร้างรูปภาพใหม่ โดยให้มีขนาดเป็น 16 x 16 pixel ทีนี้ก็ตัวใครตัวมันครับ แต่งภาพ จนเสร็จ ก็จัดการ save เลยครับ อย่างของผมทำเสร็จแล้ว ก็ save เป็น favicon.ico ต้อง save เป็นชื่อนี้เท่านั้นนะครับ แล้ว copy file ไปไว้ใน root directory ของ เวปครับ เท่านี้ก็เรียบร้อย

ทำเสร็จแล้ว ลองเรียก Homepage ของเรามาดู ถ้า icon ไม่ขึ้น ก็ลอง clear cache และ History แล้วปิด Browser แล้วเปิดใหม่ และลองเข้า Homepage ดูใหม่ คิดว่าไม่น่าจะมีปัญหาแล้วครับ

หลังจากมี icon แล้ว เวลาสังเกตุเวปใน Tag ของ browser ก็ง่ายขึ้น…

เรื่องที่เกี่ยวข้อง

Technorati Tags: Favorites icon, Bookmark icon, icon maker, web icon, เวปไอคอน

• ทำ text art ด้วย warped text กัน

[ 2C ] [ December 25, 2006 ] [ Photo Workshop ]