สร้างไอคอนเว็บไซต์
ใช้เครื่องมือแก้ไขแบบภาพเพื่อครอปและปรับขนาดรูปภาพ
ประมวลผลภายในเครื่อง · ไม่ต้องอัปโหลดไฟล์
ไฟล์ประมวลผลในเบราว์เซอร์นี้โดยไม่อัปโหลดอัตโนมัติ การโหลดส่วนประมวลผลครั้งแรกอาจต้องใช้อินเทอร์เน็ต
คลิกเพื่อเลือกไฟล์รูปภาพ หรือลากไฟล์วางที่นี่
รองรับ PNG, JPG, WEBP, SVG ประมวลผลในเครื่อง ไม่ต้องอัปโหลด
ตัวอย่างแบบเรียลไทม์
การวิเคราะห์สี
การปรับแต่งรูปแบบ
ตัวอย่างเส้นขอบ (ขาวดำ)
แก้ไขพู่กัน
วัตถุประสงค์และผลลัพธ์ของการสร้างไอคอนเว็บไซต์
Favicon คือโลโก้เว็บไซต์ในแท็บเบราว์เซอร์และคอลเลกชัน เครื่องมือนี้สร้างไอคอนหลายขนาดจากรูปภาพและรองรับการครอบตัด การปรับมุมโค้งมน และดูตัวอย่าง
การลดขนาดรูปภาพหรือการติดตาม SVG อาจส่งผลให้สูญเสียรายละเอียด และการสร้างไอคอนจะไม่ทำให้การกำหนดค่าเว็บไซต์เสร็จสมบูรณ์โดยอัตโนมัติ และไม่ได้รับประกันว่าโครงสร้างทั้งหมดของ SVG ดั้งเดิมจะยังคงอยู่
คำอธิบายความสามารถ
ไอคอนหลายขนาดและเอาต์พุตแบบแพ็กเกจ
ICO, PNG, SVG และเอาต์พุตอื่น ๆ ถูกใช้ในเบราว์เซอร์และอุปกรณ์ที่แตกต่างกัน คุณควรตรวจสอบตัวอย่างขนาดเล็กแล้วกำหนดค่าไฟล์ไอคอนที่ต้องการไปยังเว็บไซต์
เนื้อหาบิตแมปและการติดตาม SVG
การสร้าง SVG จากบิตแมปเกี่ยวข้องกับการติดตามรูปร่าง และภาพถ่ายหรือรายละเอียดที่ซับซ้อนอาจแตกต่างกันไป ไอคอนจะเหมาะกับวัสดุที่มีโครงร่างที่ชัดเจนและมีรายละเอียดน้อยกว่า
ขั้นตอนการใช้งาน
เลือกรูปภาพ
คลิกปุ่ม "เลือกไฟล์รูปภาพ" หรือลากไฟล์รูปภาพของคุณ (เช่น PNG, JPG, SVG) มาวางในพื้นที่อัปโหลดโดยตรง
แก้ไขปรับแต่ง
ใช้เครื่องมือแก้ไขแบบภาพเพื่อครอปและปรับขนาดรูปภาพ
สร้างและดาวน์โหลด
คลิก "สร้างตัวอย่าง" เพื่อดูผลลัพธ์ในขนาดต่างๆ หลังจากยืนยันแล้วคลิก "ดาวน์โหลดไฟล์ .zip" เพื่อรับแพ็กเกจไอคอนครบชุดที่ประกอบด้วยไฟล์ `.ico` `.png` และอื่นๆ
คำถามที่พบบ่อย
การสร้าง Favicon ต้องใช้ไฟล์อะไรบ้าง?
แพ็คเกจ Favicon ที่สมบูรณ์โดยทั่วไปจะประกอบด้วยไฟล์ .png หลายขนาด (เช่น 16x16, 32x32, 192x192 เป็นต้น) ไฟล์ `favicon.ico` สำหรับรองรับเบราว์เซอร์รุ่นเก่า และไฟล์ `apple-touch-icon.png` เครื่องมือของเราจะสร้างไฟล์เหล่านี้ทั้งหมดให้กับคุณ
เอาต์พุต SVG จำเป็นต้องสะอาดกว่า PNG หรือไม่
ไม่แน่ใจ การติดตามภาพบิตแมปอาจเปลี่ยนรายละเอียด และวัสดุที่ซับซ้อนไม่เหมาะสำหรับไอคอนเสมอไปโปรดเลือกการส่งออกโดยเปรียบเทียบตัวอย่างขนาดเล็กจริงของ SVG และ PNG
เหตุใดไอคอนขนาดเล็กจึงดูไม่ชัดเจน
ตัวอักษรขนาดเล็ก ลวดลายซับซ้อน และสีที่มากเกินไปจะทำให้เห็นได้ยากเมื่อลดขนาดสามารถลดความซับซ้อนของสื่อ ปรับการครอบตัด และดูตัวอย่างขนาดต่าง ๆ แทนที่จะเพิ่มความละเอียดของภาพต้นฉบับอย่างเดียว
