ตัวสร้าง Favicon

image
favorite

วางรูปภาพที่นี่

PNG, JPG หรือ SVG

16px

32px

64px

128px

256px

การตั้งค่า

ปรับพื้นหลังและเอาท์พุต

การตั้งค่า

เลือกขนาดและคัดลอกโค้ด HTML

รหัส HTML

<link rel="icon" type="image/png" href="favicon.png">
<link rel="icon" type="image/x-icon" href="favicon.ico">

สร้าง favicons ในเบราว์เซอร์ของคุณ

สร้างไฟล์ favicon และเนื้อหาไอคอนเว็บไซต์สำหรับแท็บเบราว์เซอร์และเว็บแอป

วิธีสร้าง favicon ของเว็บไซต์

  1. เลือกรูปภาพหรือสร้างการออกแบบอีโมจิที่เรียบง่าย
  2. ดูตัวอย่าง favicon และเลือกขนาดและรูปแบบเอาต์พุต
  3. ดาวน์โหลดไฟล์ PNG หรือ ICO ที่สร้างขึ้น

สร้างไอคอน Fav จากโลโก้หรืออีโมจิ

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

เลือกขนาด PNG หรือไอคอน Fav ICO หลายขนาด

ปุ่ม PNG จะบันทึกขนาดที่เลือก ทุกขนาดดาวน์โหลดไฟล์ PNG แยกกันที่ขนาด 16, 32, 48, 64, 128 และ 256 พิกเซล มันไม่ใช่การดาวน์โหลด ZIP ปุ่ม ICO จะสร้าง favicon.ico หนึ่งอันที่มีขนาด 16, 32 และ 48 พิกเซล เครื่องมือนี้ใช้ได้กับรูปภาพหรือการออกแบบอีโมจิทีละภาพ

เพิ่ม favicon ที่ดาวน์โหลดมาลงในเว็บไซต์ของคุณ

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

คำถามเกี่ยวกับไอคอนประจำเว็บไซต์

ฉันสามารถสร้าง favicon จากอิโมจิได้หรือไม่

ใช่ เครื่องมือแก้ไขอิโมจิสามารถสร้างการออกแบบ favicon ที่เรียบง่ายได้

รูปภาพถูกอัปโหลดไปยังเซิร์ฟเวอร์หรือไม่

ไม่ การสร้าง Favicon ทำงานในเบราว์เซอร์ของคุณและภาพที่เลือกจะไม่ถูกอัพโหลดไปยังเซิร์ฟเวอร์ของ IMGIUM

ทุกขนาดดาวน์โหลด favicon ZIP หรือไม่

ไม่ เริ่มดาวน์โหลด PNG แยกกันหกรายการ เบราว์เซอร์ของคุณอาจถามว่าจะอนุญาตให้ดาวน์โหลดหลายรายการหรือไม่ ใช้ปุ่ม ICO สำหรับไฟล์เดียวที่มีไอคอนสามขนาด

เหตุใดตัวอย่าง HTML จึงไม่ตรงกับชื่อไฟล์ PNG ของฉัน

PNG การดาวน์โหลดรวมถึงขนาดที่เลือก เช่น favicon-32x32.png เปลี่ยนชื่อไฟล์นั้นเป็น favicon.png หรือเปลี่ยนลิงก์ตัวอย่างเป็นชื่อไฟล์ที่คุณอัปโหลดไปยังไซต์ของคุณจริงๆ

ต้องการขนาดไอคอนหรือขนาดแหล่งที่มาที่แตกต่างกันหรือไม่

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