Drop a logo or image here, or click to choose
A square image of at least 512 × 512 px gives the sharpest results. SVG is best of all.
เปลี่ยนโลโก้หรือรูปเป็นชุด favicon ครบชุด: favicon.ico, ขนาด PNG, ไอคอน Apple touch, ไอคอน Android และ maskable, web manifest และแท็ก HTML สำหรับวาง ทุกอย่างถูกวาดในเบราว์เซอร์ของคุณ และไฟล์ต้นทาง SVG ยังได้ favicon.svg ที่คมชัด
วางโลโก้หรือรูปบนหน้า คลิกเพื่อเลือก หรือวางด้วย Ctrl+V ใช้ได้ทั้ง PNG, JPG, SVG, WebP, GIF, AVIF, ICO และ HEIC
ใต้จัดพอดี เลือกจัดทั้งรูปให้พอดี หรือครอปเป็นสี่เหลี่ยมจัตุรัส และเปิดตัดขอบว่างหากโลโก้มีระยะโปร่งใสรอบ ๆ
ในสไตล์ไอคอน ตั้งพื้นหลัง (ไม่มี สีทึบ หรือไล่สี) รูปทรง และระยะเว้น ขณะดูตัวอย่างแท็บเบราว์เซอร์และหน้าจอโฮม
กรอกรายละเอียดไซต์ (ชื่อไซต์ ชื่อสั้น สีธีม URL โฟลเดอร์ไอคอน) แล้วเลือกขนาดใต้ผลลัพธ์
คลิกดาวน์โหลดแพ็กเกจ (ZIP) อัปโหลดไฟล์ไปยังไซต์ แล้วคัดลอกแท็กจากวางใน <head> ไปยังหน้าของคุณ
ไม่ได้ ไอคอนทุกอันถูกเรนเดอร์ด้วย canvas ในเบราว์เซอร์ ดังนั้นรูปไม่เคยออกจากอุปกรณ์ของคุณ
favicon.ico (ค่าเริ่มต้น 16, 32 และ 48 px สูงสุด 256 px), favicon-16x16.png และ favicon-32x32.png บวกขนาด PNG เพิ่มที่คุณติ๊ก, apple-touch-icon.png (180 px), android-chrome 192 และ 512 px, maskable-icon-512x512.png, site.webmanifest และ favicon-snippet.html คุณยังดาวน์โหลดไฟล์เดียวจากรายการไฟล์ได้
รูปสี่เหลี่ยมจัตุรัสอย่างน้อย 512 × 512 px รูปที่เล็กกว่าจะถูกขยาย และหน้านี้จะเตือนว่าจะดูนุ่ม SVG ดีที่สุด: คมทุกขนาด และเพิ่ม favicon.svg ในแพ็กเกจ
จัดทั้งรูปให้พอดีจะเก็บโลโก้ทั้งหมดและเว้นพื้นที่ว่างรอบ ๆ ครอปเป็นสี่เหลี่ยมจัตุรัสจะเติมไอคอนและตัดด้านที่ยาวกว่าออก
iOS ไม่แสดงความโปร่งใสบนไอคอนหน้าจอโฮม ดังนั้น apple-touch-icon.png และไอคอน maskable จึงเป็นสี่เหลี่ยมทึบเสมอ เมื่อตั้งพื้นหลังเป็นไม่มี จะถูกเติมสีขาว และไอคอน maskable เก็บงานศิลป์ไว้ในโซนปลอดภัยที่ Android อาจครอปเป็นวงกลม
ตัวแปลงเริ่มจากรูปที่คุณมีอยู่แล้ว ตัวสร้าง Favicon สร้างไอคอนจากตัวอักษร อีโมจิ หรือไอคอนโอเพนซอร์ส และได้แพ็กเกจเดียวกัน
