การสร้างเว็บไซต์มีโครงสร้างและองค์ประกอบหลายอย่างด้วยกัน และเรื่องที่ดูเหมือนเล็กน้อย แต่มีความสำคัญกับเว็บไซต์ของเราอยู่ไม่น้อยเลย นั่นก็คือ favicon รูปเล็กๆที่อยู่บนแท็บของแต่ละเว็บไซต์นั่นเอง โดยในวันนี้เราจะมาสอน generate favicon เพียงไม่กี่ขั้นตอน เราก็จะได้ favicon ของเราพร้อมใช้งานเลย
สิ่งที่ต้องเตรียม
1. ไฟล์รูปภาพที่ต้องการสร้าง favicon สามารถใช้ไฟล์ PNG , JPEG, JPG, GIF ในการสร้าง favicon ได้
ตัวอย่าง favicon เป็นไฟล์ PNG
วิธีสร้าง favicon อย่างง่าย
1. เข้าไปที่เว็บไซต์ favicongenerator
2. คลิกที่ Choose image to UPLOAD เพื่อโหลดภาพสำหรับสร้าง favicon
3. เมื่ออัปโหลดภาพเรียบร้อยแล้ว ให้คลิกที่ Create Favicon
4. เมื่อระบบ generate favicon จะมีปุ่มให้ดาวน์โหลด ให้คลิกที่ปุ่ม Download
5. เมื่อดาวน์โหลดแล้วจะได้ไฟล์ .ico (ไอคอนไฟล์) ขนาด 16 x 16 pixel พร้อมใช้งาน
บทสรุป
การใส่ favicon ลงบนหน้า title ของเว็บไซต์ ถือว่าเป็นประโยชน์กับผู้ใช้งานมาก เมื่อผู้ใช้งานเปิดเว็บไซต์หลายๆเว็บไซต์ก็สามารถรู้ทันทีว่ากำลังเปิดเว็บไซต์อะไรอยู่ ซึ่งขั้นตอนการสร้างแค่เพียงอัปโหลดรูปภาพลงที่เว็บไซต์แล้ว generate favicon ซึ่งในเว็บไซต์จะบอกการใส่ Tag HTML สำหรับการนำไปใช้งานด้วย
ช่องทางการศึกษาเพิ่มเติมเกี่ยวกับ : การออกแบบ
บทเรียน Photoshop
Share Knowledge
Graphic design
วิธีสร้าง favicon อย่างง่ายพร้อมใช้งาน
Moderator: mindphp, ผู้ดูแลกระดาน
- napharat079
- PHP Super Member
- โพสต์: 230
- ลงทะเบียนเมื่อ: 18/03/2019 10:50 am
-
- Similar Topics
- ตอบกลับ
- แสดง
- โพสต์ล่าสุด
-
-
โพสต์ใหม่ 2 เว็บไซต์ไอเดียสำหรับออกแบบ favicon
โดย napharat079 » 22/04/2019 3:06 pm » ใน Graphic design - 0 ตอบกลับ
- 853 แสดง
-
โพสต์ล่าสุด โดย napharat079
22/04/2019 3:06 pm
-
-
-
โพสต์ใหม่ สร้างไอคอนในเว็บไซต์ด้วย Favicon
โดย varat » 28/07/2014 1:58 pm » ใน Joomla Extension Review - 0 ตอบกลับ
- 1622 แสดง
-
โพสต์ล่าสุด โดย varat
28/07/2014 1:58 pm
-
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 64