ตัวสร้าง Favicon SVG: สร้าง Favicon รูปตัวอักษร
ตัวสร้าง favicon SVG นี้แปลงตัวอักษรหนึ่งตัวให้เป็นไอคอนที่แสดงบนสี่เหลี่ยมสีพื้นมน สร้าง SVG และให้ผลลัพธ์ที่มีประโยชน์สองแบบ: data URI ที่ใช้ในอิลิเมนต์ link ของ HTML สำหรับ favicon และไฟล์ .svg ที่ดาวน์โหลดได้ ตั้งค่าตัวเลือกที่มี สร้างไอคอน แล้วคัดลอกหรือดาวน์โหลดผลลัพธ์
ตัวสร้าง favicon SVG สร้างไอคอนเรียบง่ายจากตัวอักษรหนึ่งตัว โดยวางบนสี่เหลี่ยมสีพื้นมน ผลิต SVG และให้วิธีใช้ผลลัพธ์สองแบบ: คัดลอก data URI สำหรับลิงก์ favicon หรือดาวน์โหลดไฟล์ .svg หากคุณต้องการสร้าง favicon ออนไลน์โดยไม่ต้องวาด SVG เอง เครื่องมือนี้ให้วิธีสร้างที่ตรงไปตรงมา
ในการสร้าง favicon ตั้งค่าตัวเลือกที่มีแล้วสร้างภาพ การออกแบบใช้ตัวอักษรหนึ่งตัวที่แสดงบนสี่เหลี่ยมมน ผลลัพธ์ SVG ยังมีเป็น data URI คุณสามารถคัดลอก URI นั้นเพื่อใช้ในอิลิเมนต์ link ของ HTML หรือบันทึกไฟล์ SVG แบบเดี่ยว อินพุตไม่ได้ระบุชื่อตัวเลือกแต่ละตัว ตรวจสอบตัวควบคุมในตัวสร้างสำหรับการตั้งค่าที่มี
SVG เป็นรูปแบบภาพแบบข้อความ ส่วน data URI แสดงข้อมูลในรูปแบบที่รวมไว้ในสตริงคล้าย URL ได้โดยตรง ตัวสร้างให้ favicon เดียวกันทั้งสองรูปแบบ คุณจึงเลือกแบบที่เหมาะกับการติดตั้งใช้งานของคุณ: ใช้ data URI กับลิงก์ favicon หรือเก็บ SVG ที่ดาวน์โหลดเป็นไฟล์แยก
ตัวสร้าง Favicon ทำงานในเบราว์เซอร์ของคุณทั้งหมด และอินพุตของคุณไม่อัพโหลด ไม่จัดเก็บ หรือส่งไปยังเซิร์ฟเวอร์ ไม่ต้องสมัครสมาชิก และเมื่อโหลดหน้าแล้วใช้งานออฟไลน์ได้ต่อ นักพัฒนาและวิศวกร DevOps ใช้เตรียมค่า favicon สำหรับการทดสอบและฟิกซ์เจอร์ เพิ่มไอคอนด่วนให้ต้นแบบ หรือสร้าง SVG สำหรับโปรเจกต์เว็บได้
ขั้นตอนที่ 1: ตั้งค่าตัวเลือกที่มีสำหรับ favicon รูปตัวอักษรของคุณ ตัวสร้างจะแสดงผลลัพธ์เป็นตัวอักษรบนสี่เหลี่ยมสีพื้นมน
ขั้นตอนที่ 2: สร้าง favicon เพื่อสร้างภาพ SVG
ขั้นตอนที่ 3: คัดลอก data URI หากต้องการใช้ favicon ในอิลิเมนต์ link ของ HTML
ขั้นตอนที่ 4: ดาวน์โหลดไฟล์ .svg เมื่อต้องการ SVG แบบไฟล์เดี่ยว
กรณีการใช้งาน: สร้างค่า favicon พร้อมใช้สำหรับการทดสอบ ฟิกซ์เจอร์ หรือข้อมูลตั้งต้น แทนการเขียนเอง
กรณีการใช้งาน: สร้างค่า favicon หลายค่าพร้อมกันเมื่อโปรเจกต์ต้องการหลายค่า
กรณีการใช้งาน: ได้ค่าที่สุ่มอย่างถูกต้อง แทนที่จะพึ่งการเดาที่พิมพ์จากแป้นพิมพ์
กรณีการใช้งาน: เพิ่ม favicon รูปตัวอักษรให้ต้นแบบหรือเดโมโดยไม่ต้องสร้าง SVG เอง
กรณีการใช้งาน: คัดลอก data URI เพื่อใช้ในอิลิเมนต์ link ของ HTML เมื่อตั้งค่า favicon ของหน้า
กรณีการใช้งาน: ดาวน์โหลดไฟล์ SVG เมื่อต้องการเวอร์ชันไฟล์เดี่ยวของไอคอนที่สร้าง