วิธีแทรกไอคอนบนเว็บไซต์

สารบัญ:

วิธีแทรกไอคอนบนเว็บไซต์
วิธีแทรกไอคอนบนเว็บไซต์

วีดีโอ: วิธีแทรกไอคอนบนเว็บไซต์

วีดีโอ: วิธีแทรกไอคอนบนเว็บไซต์
วีดีโอ: สอนการใช้งานไอคอนบนเว็บไซต์ ด้วย Font Awesome 2024, ธันวาคม
Anonim

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

วิธีแทรกไอคอนบนเว็บไซต์
วิธีแทรกไอคอนบนเว็บไซต์

คำแนะนำ

ขั้นตอนที่ 1

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

ขั้นตอนที่ 2

หากเว็บไซต์ถูกสร้างขึ้นด้วยหน้า html อย่างง่าย ในกรณีนี้ ให้ใช้คำสั่ง:. คุณต้องใส่มันเข้าไป ตำแหน่งไม่ได้สร้างความแตกต่างพื้นฐาน หากต้องการเพิ่มรูปภาพ ให้อัปโหลดไปยังเซิร์ฟเวอร์หรือใช้ไฟล์โฮสต์เพื่อการนี้ เมื่อเลือกวิธีที่สอง คุณต้องจำไว้ว่าทันทีที่รูปภาพไม่สามารถใช้งานได้ตามที่อยู่ ไอคอนจะไม่ปรากฏอีกต่อไป

ขั้นตอนที่ 3

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

ขั้นตอนที่ 4

นอกจากนี้ยังมีวิธีที่ง่ายกว่าในการสร้างภาพขนาดย่อ ไปที่เว็บไซต์ https://favicon.ru/ และอัปโหลดรูปภาพไป คลิก "ดาวน์โหลด favicon.ico" - เอกสารใหม่จะอยู่ในการดาวน์โหลด ตอนนี้กรอกข้อมูลในรูทของไซต์และเพิ่มสิ่งต่อไปนี้ก่อนแท็ก: