วิธีเพิ่มไอคอนในเว็บไซต์

สารบัญ:

วิธีเพิ่มไอคอนในเว็บไซต์
วิธีเพิ่มไอคอนในเว็บไซต์

วีดีโอ: วิธีเพิ่มไอคอนในเว็บไซต์

วีดีโอ: วิธีเพิ่มไอคอนในเว็บไซต์
วีดีโอ: วิธีเพิ่มไอคอน Social link ลงในเว็บไวไซต์ Wix.com Ep.3 2024, อาจ
Anonim

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

วิธีเพิ่มไอคอนในเว็บไซต์
วิธีเพิ่มไอคอนในเว็บไซต์

คำแนะนำ

ขั้นตอนที่ 1

อันดับแรก จำไว้ว่าไฟล์ไอคอนต้องมีนามสกุล.ico และชื่อ favicon นั่นคือ favicon.ico ในกรณีนี้ ขนาดภาพต้องเป็น 16x16 พิกเซล คุณสามารถลองวาดไอคอนใน Photoshop แน่นอน คุณจะประสบความสำเร็จในการวาดภาพ แต่หากต้องการบันทึกภาพวาดในรูปแบบ.ico คุณต้องมีปลั๊กอินพิเศษ วางไว้ในโฟลเดอร์ Plug-Ins / File Formats ซึ่งอยู่ที่ c: / Program Files / Adobe / Photoshop CS

ขั้นตอนที่ 2

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

ขั้นตอนที่ 3

นอกจากนี้ยังอนุญาตให้ใช้รูปภาพที่มีนามสกุลอื่น เช่น GIF หรือ.png

ต้องใช้รูปภาพป้อนข้อความ /.png

ขั้นตอนที่ 4

หากไซต์ของคุณสร้างขึ้นบนเอ็นจิ้น (เช่น บน Wordpress) ทุกอย่างก็ง่ายขึ้นมาก: ก่อนอื่นให้คัดลอกไฟล์ที่มีไอคอนไปที่รูทของบล็อก (โฟลเดอร์ public_html) จากนั้นเปิดไฟล์ header.php และระหว่างแท็กและเพิ่มรหัสต่อไปนี้:

  • ขั้นตอนที่ 5

    นอกจากนี้ยังมีบริการพิเศษสำหรับสร้างไอคอน หนึ่งในนั้นคือทรัพยากรที่เรียกว่า favicon.cc ซึ่งเป็นลิงก์ที่ให้ไว้ในส่วนทรัพยากรเพิ่มเติม สิ่งที่คุณต้องทำคือเลือกสีที่ต้องการและวาดภาพที่ต้องการ เพียงบันทึกการสร้างของคุณและไอคอนของคุณก็พร้อม แต่คุณยังสามารถแปลงภาพที่เสร็จแล้วเป็นรูปแบบ.ico บริการ favicon.ru จะช่วยในเรื่องนี้ซึ่งเป็นลิงก์ที่นำเสนอในส่วน "แหล่งที่มาเพิ่มเติม" เลือกรูปภาพที่ต้องการ คลิกที่ปุ่ม "สร้าง favicon.ico" จากนั้นดาวน์โหลดรูปภาพที่ได้