สร้างทุกขนาดไอคอน Fav ที่เว็บไซต์ของคุณต้องการจากภาพเดียว
อัปโหลดโลโก้หรือไอคอน แล้วเครื่องมือจะแสดงไอคอน Fav ในทุกขนาดที่เบราว์เซอร์ ระบบปฏิบัติการ และรายการ PWA สมัยใหม่ต้องการ ตั้งแต่ ICO แบบคลาสสิก 16 x 16 ไปจนถึง 512 x 512 PNG สำหรับหน้าจอหลักของ Android ดาวน์โหลดแพ็คเกจที่พร้อมใช้งานพร้อมข้อมูลโค้ด HTML รวมอยู่ด้วย
ใช้เครื่องมือนี้ฟรีBrowser tool
Favicon generator
Runs locally in your browser. The selected image is not uploaded by this tool.
JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.
วิธีใช้
อัปโหลดภาพของคุณ
วางไฟล์ PNG, SVG, JPEG หรือ WebP ลงในตัวสร้าง รูปภาพสี่เหลี่ยมจัตุรัสที่มีขนาด 512 พิกเซลขึ้นไปจะให้ผลลัพธ์ที่คมชัดที่สุด
ครอบตัดและปรับ
ลากจุดจับครอบตัดเพื่อแยกพื้นที่ไอคอน เพิ่มช่องว่างภายในหากไอคอนต้องการพื้นที่หายใจ ตั้งค่าพื้นหลังให้โปร่งใสหรือสีทึบ
ดูตัวอย่างทุกขนาด
เครื่องมือนี้แสดงผลทุกขนาดเป้าหมายพร้อมกัน ดังนั้นคุณจึงสามารถตรวจสอบได้ว่าไอคอนดังกล่าวเป็นที่รู้จักที่ขนาด 16 พิกเซล และดูคมชัดที่ 512 พิกเซล
ดาวน์โหลดแพ็คเกจ
ดาวน์โหลด ZIP ที่มีไฟล์ favicon ทั้งหมด รวมถึงข้อมูลโค้ด HTML ที่คุณสามารถวางลงในแท็ก <head> ของเว็บไซต์เพื่ออ้างอิงทุกไอคอนได้อย่างถูกต้อง
คุณสมบัติ
ครอบคลุมขนาดสมบูรณ์
สร้าง 16 x 16, 32 x 32 และ 48 x 48 สำหรับเบราว์เซอร์แบบดั้งเดิม ไอคอน Apple Touch ขนาด 180 x 180 สำหรับ iOS; 192 x 192 และ 512 x 512 สำหรับรายการ Android PWA ทุกขนาดทั่วไปในการผ่านครั้งเดียว
เอาต์พุต ICO และ PNG
แพ็คเกจนี้ประกอบด้วยไฟล์ .ico หลายความละเอียด (ประกอบด้วยเลเยอร์ 16, 32 และ 48 พิกเซล) และไฟล์ PNG แต่ละไฟล์สำหรับแต่ละขนาด ทั้งสองรูปแบบพร้อมใช้งานโดยตรงในแท็กส่วนหัว HTML
ตัวแก้ไขการครอบตัดและการเติม
ปรับพื้นที่ครอบตัดเพื่อแยกส่วนไอคอนของรูปภาพของคุณ เพิ่มช่องว่างภายในเพื่อป้องกันไม่ให้ไอคอนสัมผัสกับขอบของสี่เหลี่ยมจัตุรัส Fav ซึ่งช่วยเพิ่มความชัดเจนในขนาดที่เล็ก
การควบคุมพื้นหลัง
คงพื้นหลังโปร่งใสไว้สำหรับเบราว์เซอร์รุ่นใหม่ หรือตั้งค่าสีเติมทึบสำหรับไอคอน Apple Touch (ซึ่งไม่รองรับความโปร่งใส) ดูตัวอย่างทั้งสองโหมดก่อนที่จะดาวน์โหลด
After this task
After this free tool, open Background Eraser for the next AI editing workflow.
Continue with Background Eraserข้อมูลจำเพาะ
| ขนาดผลงาน (px) | 16, 32, 48, 180, 192, 512 |
| รูปแบบเอาต์พุต | ICO (หลายเลเยอร์), PNG |
| รูปแบบการป้อนข้อมูล | PNG, SVG, JPEG, WebP |
| อินพุตที่แนะนำ | 512 x 512 พิกเซลหรือใหญ่กว่า เป็นรูปสี่เหลี่ยมจัตุรัส |
| ไอคอนแอปเปิ้ลทัช | 180 x 180 พิกเซล พร้อม bg แบบทึบเสริม |
| กำลังประมวลผล | ฝั่งไคลเอ็นต์ (ไม่มีการอัปโหลด) |
Related Magic Eraser Tools
คำถามทั่วไป
ฉันควรเริ่มต้นด้วยขนาดรูปภาพใด
+
เริ่มต้นด้วยรูปภาพสี่เหลี่ยมจัตุรัสที่มีขนาดอย่างน้อย 512 x 512 พิกเซล ตัวสร้างจะลดขนาดลงจากต้นแบบนี้ ดังนั้นแหล่งที่มีความละเอียดสูงทำให้มั่นใจได้ว่าทุกขนาดที่เล็กกว่าจะคมชัด ไฟล์ SVG ทำงานได้ดีที่สุดเนื่องจากสามารถปรับขนาดได้โดยไม่สูญเสียคุณภาพ
ฉันต้องการทั้งหกขนาดหรือไม่
+
ใช่เพื่อความเข้ากันได้สูงสุด ICO 16 และ 32 px ครอบคลุมเบราว์เซอร์รุ่นเก่า PNG 180 px จำเป็นสำหรับบุ๊กมาร์ก iOS Safari และ PNG 192/512 px จำเป็นสำหรับข้อความแจ้งการติดตั้ง Android PWA และหน้าจอสแปลช
ฉันจะเพิ่มไอคอน Fav ในเว็บไซต์ของฉันได้อย่างไร?
+
แพ็คเกจดาวน์โหลดประกอบด้วยข้อมูลโค้ด HTML วางลงในส่วน <head> ของเว็บไซต์ของคุณ โดยอ้างอิงไฟล์ ICO สำหรับเบราว์เซอร์และไฟล์ PNG สำหรับอุปกรณ์ Apple และ Android เฟรมเวิร์กส่วนใหญ่ยังรองรับการวาง favicon.ico ไว้ในไดเร็กทอรีราก
โลโก้ซับซ้อนเกินไปสำหรับ favicon เล็ก ๆ เหรอ?
ใช้ Background Eraser เพื่อแยกสัญลักษณ์หลักออกจากโลโก้เต็มของคุณ จากนั้นป้อนไอคอนสะอาดลงในเครื่องมือสร้างไอคอน Fav รูปร่างที่เรียบง่ายกว่าจะอ่านได้ดีขึ้นที่ 16 px
ลองฟรีMore free tools
Explore our other limited free edits after sign-in photo and image tools.
ออกแบบการไล่ระดับสีเชิงเส้น รัศมี และทรงกรวยด้วยการหยุดสีหลายสี คัดลอกโค้ด CSS หรือดาวน์โหลดเป็นรูปภาพ PNG ไม่จำเป็นต้องลงทะเบียน
แปลงสีระหว่างรูปแบบชื่อ HEX, RGB, HSL, HSB, CMYK และ CSS ดูตัวอย่างสด คัดลอกค่าใดก็ได้ และส่งออกการ์ดสี ไม่จำเป็นต้องลงทะเบียน
แปลงรหัสสี HEX เป็นค่า RGB และในทางกลับกัน การแสดงตัวอย่างสด การคัดลอกในคลิกเดียว และเอาต์พุตโค้ด CSS ไม่จำเป็นต้องลงทะเบียน — ใช้งานได้ในเบราว์เซอร์ของคุณ
เลือกสีใดก็ได้จากภาพที่อัปโหลดและรับรหัส HEX, RGB และ HSL ทันที สร้างจานสีจากภาพถ่ายสำหรับการออกแบบเว็บ การสร้างแบรนด์ และภาพประกอบ
อัปโหลดภาพถ่ายและแยกสีเด่น 5-10 สีด้วยรหัส HEX, RGB และ HSL คัดลอกตัวอย่าง ส่งออกเป็นตัวแปร ASE หรือ CSS ไม่จำเป็นต้องลงทะเบียน
สร้างรหัส QR สำหรับ URL ข้อความ ข้อมูลรับรอง WiFi และ vCard ปรับแต่งสี เพิ่มโลโก้ตรงกลาง และดาวน์โหลดเป็น PNG หรือ SVG ไม่จำเป็นต้องลงทะเบียน