ฟาวิคอน เครื่องกำเนิดไฟฟ้า
สร้างไฟล์ favicon ในหลายขนาด (16x16 ถึง 512x512) จากรูปภาพใดก็ได้ ฟรี ทันที และทำงานได้อย่างสมบูรณ์ในเบราว์เซอร์ของคุณ
ลากและวางรูปภาพที่นี่
รองรับ PNG, JPG, SVG, WebP สูงสุด 10MB
สร้างไฟล์ favicon ในหลายขนาด (16x16 ถึง 512x512) จากรูปภาพใดก็ได้ ฟรี ทันที และทำงานได้อย่างสมบูรณ์ในเบราว์เซอร์ของคุณ
รองรับ PNG, JPG, SVG, WebP สูงสุด 10MB
ไอคอน Fav คือไอคอนขนาดเล็กที่ปรากฏในแท็บเบราว์เซอร์ บุ๊กมาร์ก และรายการประวัติ favicon ดั้งเดิม — ไฟล์ ICO ขนาด 16×16 ที่ /favicon.ico — ได้ขยายออกเป็นชุดไอคอนที่ซับซ้อนในขนาดที่แตกต่างกันสำหรับแพลตฟอร์มที่แตกต่างกัน: 16×16 และ 32×32 สำหรับแท็บเบราว์เซอร์, 180×180 สำหรับหน้าจอหลักของ iOS, 192×192 และ 512×512 สำหรับ Android และขนาดต่างๆ สำหรับไทล์ Windows การสร้างทั้งหมดนี้จากอิมเมจแหล่งเดียวคือสิ่งที่เครื่องมือสร้าง favicon สมัยใหม่ทำ
เครื่องมือนี้ใช้รูปภาพต้นฉบับที่มีความละเอียดสูงเพียงภาพเดียว (โดยทั่วไปจะเป็นโลโก้สี่เหลี่ยมจัตุรัส) และสร้างชุดเนื้อหาไอคอน Fav ทั้งหมด รวมถึงแท็กลิงก์ HTML ที่จำเป็นในการอ้างอิง เอาต์พุตประกอบด้วย ICO, PNG หลายรายการ และ manifest.json สำหรับข้อมูลเมตาของแอปพลิเคชันเว็บแบบก้าวหน้า วางไฟล์ผลลัพธ์ที่รากของไซต์ของคุณและอ้างอิงผ่าน HTML ที่สร้างขึ้น
การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลด ไม่มีการเรียก API ไม่มีการจำกัดอัตรา ผลลัพธ์นี้ใช้ได้กับเบราว์เซอร์และระบบปฏิบัติการสมัยใหม่ทุกตัวที่แสดงไอคอน Fav
ไซต์ที่ไม่มีไอคอน Fav ดูไม่เสร็จ แท็บเบราว์เซอร์จะแสดงไอคอนทั่วไป บุ๊กมาร์กไม่มีตัวระบุภาพ เว็บไซต์ดูเป็นมืออาชีพน้อยลง การเพิ่มชุด favicon ที่เหมาะสมเป็นขั้นตอนการขัดเงาที่มีผลกระทบสูงโดยใช้ความพยายามต่ำซึ่งส่งสัญญาณความใส่ใจในรายละเอียด
ข้อกำหนด favicon ยุคใหม่ได้เติบโตขึ้นเกินกว่า /favicon.ico ไอคอนหน้าจอหลักของ iOS, ไอคอน Android Chrome, ไอคอนไทล์ Windows และรูปแบบโหมดมืดล้วนใช้ไฟล์ที่แตกต่างกัน การสร้างทั้งหมดจากแหล่งเดียวทำให้มั่นใจได้ถึงการสร้างแบรนด์ที่สอดคล้องกันโดยไม่ต้องจัดการแต่ละไฟล์ด้วยตนเอง
อัปโหลดภาพต้นฉบับ รับชุด favicon แบบเต็ม
ชุด favicon สมัยใหม่เต็มรูปแบบ: favicon.ico (16+32+48 หลายความละเอียด), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, mstile-150x150.png รวมถึง site.webmanifest สำหรับ PWA, browserconfig.xml สำหรับ Windows
PNG แต่ละรายการสร้างขึ้นจากการสุ่มตัวอย่างแบบแคนวาสจากแหล่งที่มา ICO ถูกสร้างขึ้นใน JavaScript โดยรวมเวอร์ชัน 16/32/48 เป็นรูปแบบ ICO หลายความละเอียดโดยใช้การเขียน DataView
แท็กลิงก์ HTML อ้างอิงแต่ละไฟล์ด้วยแอตทริบิวต์ rel และขนาดที่เหมาะสม ตัวสร้างจะสร้างสิ่งเหล่านี้เป็นตัวอย่างข้อมูลที่พร้อมสำหรับการคัดลอกและวางสำหรับ <head> ของไซต์ของคุณ