.Convertor
เมนู

สร้างไอคอนเว็บไซต์

ใช้เครื่องมือแก้ไขแบบภาพเพื่อครอปและปรับขนาดรูปภาพ

ประมวลผลภายในเครื่อง · ไม่ต้องอัปโหลดไฟล์

ไฟล์ประมวลผลในเบราว์เซอร์นี้โดยไม่อัปโหลดอัตโนมัติ การโหลดส่วนประมวลผลครั้งแรกอาจต้องใช้อินเทอร์เน็ต

คลิกเพื่อเลือกไฟล์รูปภาพ หรือลากไฟล์วางที่นี่

รองรับ PNG, JPG, WEBP, SVG ประมวลผลในเครื่อง ไม่ต้องอัปโหลด

วัตถุประสงค์และผลลัพธ์ของการสร้างไอคอนเว็บไซต์

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

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

คำอธิบายความสามารถ

ไอคอนหลายขนาดและเอาต์พุตแบบแพ็กเกจ

ICO, PNG, SVG และเอาต์พุตอื่น ๆ ถูกใช้ในเบราว์เซอร์และอุปกรณ์ที่แตกต่างกัน คุณควรตรวจสอบตัวอย่างขนาดเล็กแล้วกำหนดค่าไฟล์ไอคอนที่ต้องการไปยังเว็บไซต์

เนื้อหาบิตแมปและการติดตาม SVG

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

ขั้นตอนการใช้งาน

  1. เลือกรูปภาพ

    คลิกปุ่ม "เลือกไฟล์รูปภาพ" หรือลากไฟล์รูปภาพของคุณ (เช่น PNG, JPG, SVG) มาวางในพื้นที่อัปโหลดโดยตรง

  2. แก้ไขปรับแต่ง

    ใช้เครื่องมือแก้ไขแบบภาพเพื่อครอปและปรับขนาดรูปภาพ

  3. สร้างและดาวน์โหลด

    คลิก "สร้างตัวอย่าง" เพื่อดูผลลัพธ์ในขนาดต่างๆ หลังจากยืนยันแล้วคลิก "ดาวน์โหลดไฟล์ .zip" เพื่อรับแพ็กเกจไอคอนครบชุดที่ประกอบด้วยไฟล์ `.ico` `.png` และอื่นๆ

คำถามที่พบบ่อย

การสร้าง Favicon ต้องใช้ไฟล์อะไรบ้าง?

แพ็คเกจ Favicon ที่สมบูรณ์โดยทั่วไปจะประกอบด้วยไฟล์ .png หลายขนาด (เช่น 16x16, 32x32, 192x192 เป็นต้น) ไฟล์ `favicon.ico` สำหรับรองรับเบราว์เซอร์รุ่นเก่า และไฟล์ `apple-touch-icon.png` เครื่องมือของเราจะสร้างไฟล์เหล่านี้ทั้งหมดให้กับคุณ

เอาต์พุต SVG จำเป็นต้องสะอาดกว่า PNG หรือไม่

ไม่แน่ใจ การติดตามภาพบิตแมปอาจเปลี่ยนรายละเอียด และวัสดุที่ซับซ้อนไม่เหมาะสำหรับไอคอนเสมอไปโปรดเลือกการส่งออกโดยเปรียบเทียบตัวอย่างขนาดเล็กจริงของ SVG และ PNG

เหตุใดไอคอนขนาดเล็กจึงดูไม่ชัดเจน

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

บทความที่เกี่ยวข้อง