เครื่องสร้าง Favicon
สร้าง Favicon ทุกขนาดมาตรฐานจากภาพเดียว สร้าง favicon สำหรับเว็บไซต์ เว็บแอป และเบราว์เซอร์
เตรียมภาพสี่เหลี่ยมจัตุรัส (อัตราส่วน 1:1) ของโลโก้หรือไอคอนของคุณ เพื่อผลลัพธ์ที่ดีที่สุด ใช้ไฟล์ PNG หรือ JPG ที่มีขนาดอย่างน้อย 512x512 พิกเซล
คลิกปุ่ม 'เลือกภาพ' เพื่อเปิดตัวเลือกไฟล์ของอุปกรณ์ของคุณ เรียกดูภาพโลโก้ที่เตรียมไว้และเลือก
ตรวจสอบการแสดงตัวอย่างเพื่อยืนยันว่าภาพของคุณถูกต้อง หากต้องการใช้ภาพอื่น คลิกปุ่ม 'รีเซ็ต'
คลิกปุ่ม 'สร้าง Favicon' เพื่อสร้าง Favicon ทุกขนาดมาตรฐาน เครื่องมือจะประมวลผลภาพของคุณในพื้นหลัง
ตรวจสอบ favicon ที่สร้างในกริดแสดงตัวอย่าง แต่ละ favicon จะแสดงพร้อมกับขนาดจริง ชื่อไฟล์ และคำอธิบายการใช้งาน
ดาวน์โหลด favicon แต่ละขนาดโดยคลิกปุ่ม 'ดาวน์โหลด' ใต้แต่ละการแสดงตัวอย่าง
สำหรับการใช้งานที่สมบูรณ์ คลิก 'ดาวน์โหลดทั้งหมด (ZIP)' เพื่อดาวน์โหลดแพ็คเกจที่ครอบคลุม
แตกไฟล์ ZIP ที่ดาวน์โหลดบนคอมพิวเตอร์ของคุณ อัปโหลดไฟล์ PNG และ manifest.json ทั้งหมดไปยังไดเร็กทอรีรากของเว็บไซต์
เปิดไฟล์ favicon-instructions.html เพื่อดูโค้ด HTML คัดลอกแท็ก <link> และวางในส่วน <head> ของ HTML เว็บไซต์
ทดสอบ favicon ของคุณโดยเยี่ยมชมเว็บไซต์ในเบราว์เซอร์และอุปกรณ์ต่างๆ ตรวจสอบแท็บเบราว์เซอร์ บุ๊กมาร์ก และไอคอนหน้าจอหลักมือถือ
เคล็ดลับโปร
- ใช้ภาพสี่เหลี่ยมจัตุรัส (อัตราส่วน 1:1) เพื่อผลลัพธ์ที่ดีที่สุด
- เริ่มต้นด้วยภาพต้นฉบับความละเอียดสูงขนาดใหญ่ (อย่างน้อย 512x512 พิกเซล ควรเป็น 1024x1024 หรือใหญ่กว่า)
- รักษาการออกแบบให้เรียบง่ายและกล้าหาญ รายละเอียดที่ซับซ้อนและเส้นบางจะมองไม่เห็นที่ขนาด 16x16 หรือ 32x32 พิกเซล
- ทิ้งช่องว่างบางส่วนรอบๆ โลโก้ของคุณ หากการออกแบบขยายไปถึงขอบ อาจดูแคบหรือถูกตัดที่ขนาดเล็ก
- ใช้สีที่มีความคมชัดสูง ความแตกต่างของสีที่ละเอียดอ่อนจะหายไปที่ขนาด favicon
- ทดสอบทั้งบนพื้นหลังสว่างและมืด ธีมเบราว์เซอร์แตกต่างกัน - ผู้ใช้บางคนเปิดใช้งานโหมดมืด
- สำหรับพื้นหลังโปร่งใส ใช้รูปแบบ PNG สำหรับภาพต้นฉบับของคุณ
- หากเปลี่ยน favicon ที่มีอยู่ โปรดทราบว่าเบราว์เซอร์แคช favicon อย่างรุนแรง
ทำไมต้องใช้เครื่องมือนี้
เครื่องสร้าง Favicon ทำให้งานที่น่าเบื่อแต่จำเป็นสำหรับเจ้าของและนักพัฒนาเว็บไซต์ทุกคนง่ายขึ้น แทนที่จะใช้เวลา 30-60 นาทีในการสร้างขนาด favicon แปดขนาดด้วยตนเองในซอฟต์แวร์แก้ไขภาพ คุณทำงานทั้งหมดใน้อยกว่าสองนาทีด้วยเครื่องมือนี้
เครื่องมือที่เกี่ยวข้อง
ปรับขนาดรูปภาพด้วยพิกเซล เปอร์เซ็นต์ หรือขนาดที่กำหนดไว้ล่วงหน้า พร้อมควบคุมคุณภาพ
บีบอัดรูปภาพเพื่อลดขนาดไฟล์โดยคงคุณภาพ เหมาะสำหรับการเพิ่มประสิทธิภาพเว็บและประหยัดพื้นที่เก็บข้อมูล
แคนวาสออนไลน์และกระดานไวท์บอร์ดฟรีสำหรับสเก็ตช์ คำอธิบาย และภาพวาดสร้างสรรค์
สร้างสีแบบสุ่มและดูค่า HEX, RGB, HSL