ทำไอค่อนของเว็บไซต์ (Icon หน้า URL)

เว็บสำเร็จรูป, เว็บไซต์สำเร็จรูป, เว็บไซต์ SMEs, เว็บไซต์ SME, Ready web, Readywebsite, ToGetWeb เว็บไซต์สำเร็จรูปพร้อมใช้งาน สามารถสร้างเว็บด้วยตัวคุณเอง โดยไม่จำเป็นต้องมีความรู้ทางด้านการออกแบบ

อีเมล พิมพ์ PDF
ทำไอค่อนของเว็บไซต์ (Icon หน้า URL)

สำหรับบทความนี้ตามที่คุณแว่นได้ขอเข้ามา ตอนนี้ Webmaster ไปลองทำและและสรุปวิธี่การทำมาให้ตามบทความนี้ค่ะ (มาตอบช้าไปหวังว่าไม่ว่ากันน่ะค่ะ) วิธีการทำก็ไม่ยากค่ะ สามารถทำได้ดังนี้

วิธีทำ Icon ของเว็บไซต์

1. เตรียมรูปภาพที่จะทำ Icon ขนาด 16x16 พิกเซล นะค่ะ Save เป็น สกุล .gif , .jpg, .bmp หรือ .png ก็ได้

2. เมื่อได้รูปแล้วต้องเอารูปไปแปลงเป็นไฟล์สกุล .ico ซึ่งเราสามารถใช้โปรแกรมแปลงไฟล์ ตามเว็บที่ให้แปลงไฟล์ได้ โดยเพื่อน ๆ เข้าไปที่ URL ดังนี้ http://tools.dynamicdrive.com/favicon/



 

จากนั้นก็กดปุ่มเรียกดู แล้วนำภาพที่เราเตรียมไว้ในข้อที่ 1 เข้ามา จากนั้นคลิกที่ปุ่ม Create Icon หลังจากนั้นให้กดปุ่ม Download FavIcon ให้เพื่อน ๆ Save เก็บไว้ที่ web root ของเรา (ที่เดียวกับไฟล์ Home Page ของเรา) โดยตั้งชื่อไฟล์เป็น favicon.ico

3.ใำ้ห้ใส่ Code ดังภาพ (ในกรอบสีแดง) ลงในบริเวณก่อน Tag ปิดของ Head ตามรูป

4. จากนั้นก็อัพโหลด ไฟล์ Icon ตามที่ได้จากข้อ 2 และ ไฟล์ Index ตามข้อ 3 ขึ้นไปยัง Server

แค่นี้ก็เสร็จแล้วค่ะ ในการทำ Icon นี้ จะเห็นได้จาก IE Version 7 สำหรับ Firefox นั้่น Webmaster ไม่แน่ใจว่าได้ตั้งแต่ Version ไหน แต่ที่เว็บมาสเตอร์ใช้ Version 2.0.0.x ก็ใช้ได้เหมือนกัน

ตอนแรกที่ลองทำ Icon ของเว็บ Thainextstep.com เมื่อวานนี้ ที่เครื่องทั้ง IE และ Firefox หลังจากทำไปแล้ว มันก็ไม่แสดงไอคอนเหมือนกัน เมื่อช่วงเช้าวันนี้เลยลองไปเข้าดูที่เครื่องที่บริษัท ปรากฏว่าเห็น Icon กลับมาดูที่เครื่องที่บ้านอีกครั้ง Firefox ก็แสดงได้เหมือนกัน

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