การสร้าง Favicon ที่กำหนดเอง

สารบัญ:

Anonim

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

หากคุณไม่ทราบว่า favicon คืออะไรให้ฉันขอความช่วยเหลือ:

$config[code] not found

Favicons เป็นกราฟิกขนาดเล็กขนาด 16 × 16 พิกเซลที่แสดงเว็บไซต์ของคุณในแถบที่อยู่ในรายการบุ๊กมาร์กของผู้ใช้หรือในแท็บเบราว์เซอร์ พวกเขาอนุญาตให้ผู้เยี่ยมชมสร้างการเชื่อมต่อแบบภาพกับเว็บไซต์ของคุณ

เรียบร้อย! คุณจะสร้างได้อย่างไร

ออกแบบ favicon ของคุณ:

  • ด้วยมือ: เปิดโปรแกรมกราฟิกที่คุณชื่นชอบและไปที่มัน คุณต้องการสร้างไฟล์ใหม่ที่มีขนาด 16 × 16 พิกเซลและขยายจนกระทั่งพื้นที่นั้นใช้งานได้หรือเปิดพื้นที่ที่ใหญ่กว่า แต่ก็ยังคงมีหลายเท่าของขนาด 16 × 16 เมื่อคุณออกแบบ favicon ด้วยมือให้ใช้สิ่งที่จะเป็นตัวแทนแบรนด์ของคุณอย่างถูกต้องไม่ว่าจะเป็นรูปแบบสีทั่วไปชื่อ บริษัท ของคุณเป็นต้นเป็นต้นสิ่งที่คุณสร้างจะต้องมีข้อ จำกัด ที่เข้มงวดขนาด 16 × 16 พิกเซล
  • ด้วยเครื่องมือ: หากคุณกำลังท้าทายการออกแบบ (ไม่ต้องกังวลฉันก็เป็นเช่นนั้น) มีเครื่องมือที่ยอดเยี่ยมที่ทำให้มันง่ายสำหรับแม้แต่คนอย่างเราอย่างพวกเราที่จะสร้าง favicons ที่ยอดเยี่ยม ตัวอย่างเช่น Favicon.cc จะให้โครงสร้างบางส่วนและให้คุณสร้างของคุณโดยตรงจากเว็บไซต์ของพวกเขาหรือ FavIcon จาก Pics จะช่วยให้คุณอัปโหลดรูปและสร้าง favicon ให้คุณ Simple!

บันทึก favicon ของคุณ: เมื่อบันทึกไฟล์ของคุณให้ลดลงเหลือ 16 บิตและบันทึกเป็น“ favicon.ico” หากคุณใช้ Photoshop หรือ“ favicon.gif” หรือ“ favicon.png” หากคุณใช้อย่างอื่น หากคุณใช้ Photoshop และต้องการให้ favicon ของคุณเพิ่มขึ้นอีกเล็กน้อยขอแนะนำให้คุณดาวน์โหลดปลั๊กอินรูปแบบไฟล์ Windows Icon เพื่อให้คุณสามารถบันทึกในรูปแบบ ICO

อัพโหลด favicon ของคุณ: เชื่อมต่อกับเซิร์ฟเวอร์ของคุณและอัพโหลด favicon ของคุณไปยังโฟลเดอร์ root ของเว็บไซต์ของคุณ จากนั้นเพิ่มรหัส HTML ต่อไปนี้ในส่วนหัวของหน้าเว็บของคุณ (ระหว่างแท็ก Head สองรายการ) (เลือกประเภทไฟล์ของคุณ):

รีเฟรช: เมื่อเสร็จแล้วให้รีเฟรชเบราว์เซอร์และคุณจะเห็น favicon ปรากฏขึ้น ถ้าไม่ให้เวลาสักครู่ บางครั้งการซิงค์ทุกอย่างใช้เวลาเล็กน้อย

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

เพียงเพื่อความสนุกนี่คือสิ่งที่ฉันชื่นชอบบนเว็บ:

  • ดอกไม้ไฟมิชิแกน
  • Jeffrey Zeldman
  • โบอิ้ง Boing
  • Encyclopedia.com
  • Fool.com
  • บล็อก SEO ของ Michael Gray

รายการโปรดส่วนตัวอื่น ๆ ?

17 ความเห็น▼