ตัวสร้าง Favicon
สร้าง favicon จากรูปภาพหรือข้อความ/อีโมจิ สร้างหลายขนาด (16x16 ถึง 256x256) และดาวน์โหลดเป็น PNG หรือ ZIP เครื่องมือออนไลน์ฟรีพร้อมผลลัพธ์ทันที
Favicon คืออะไร?
Favicon คือไอคอนขนาดเล็กที่แสดงในแท็บเบราว์เซอร์ บุ๊คมาร์ค และประวัติ ช่วยให้ผู้ใช้นำ识别เว็บไซต์ของคุณด้วยภาพและสร้างการรับรู้แบรนด์
ฉันต้องการขนาดใดบ้าง?
ขนาดทั่วไปคือ 16x16 (แท็บเบราว์เซอร์), 32x32 (แถบงาน Windows), 48x48 (ไซต์ Windows), 180x180 (ไอคอนสัมผัส Apple) และ 256x256 (จอแสดงผลความละเอียดสูง) เครื่องมือนี้สร้างขนาดทั่วไปทั้งหมด
วิธีเพิ่ม Favicon ลงในเว็บไซต์ของฉัน?
เพิ่ม <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> ลงในส่วน <head> ของ HTML สำหรับแต่ละขนาด สำหรับอุปกรณ์ Apple เพิ่ม <link rel="apple-touch-icon" href="/apple-touch-icon.png">
รองรับรูปแบบไฟล์ภาพใดบ้าง?
PNG เป็นรูปแบบที่รองรับมากที่สุดสำหรับ favicon เครื่องมือนี้สร้างไฟล์ PNG เบราว์เซอร์สมัยใหม่รองรับ favicon SVG แต่ PNG มีความเข้ากันได้ดีกว่าในทุกเบราว์เซอร์และอุปกรณ์
ฉันสามารถสร้าง favicon จากข้อความหรืออีโมจิได้หรือไม่?
ได้ คุณสามารถสร้าง favicon จากข้อความ ตัวอักษร หรืออีโมจิ เพียงพิมพ์ข้อความหรืออีโมจิของคุณ ปรับแบบอักษร สี และพื้นหลัง แล้วสร้าง favicon
ความแตกต่างระหว่าง favicon.ico และ favicon.png คืออะไร?
Favicon.ico เป็นรูปแบบเดิมที่สามารถบรรจุหลายขนาดในไฟล์เดียว Favicon.png เป็นรูปแบบสมัยใหม่ที่มีคุณภาพดีกว่าและรองรับความโปร่งใส เว็บไซต์สมัยใหม่ส่วนใหญ่ใช้รูปแบบ PNG
ฉันต้องมี favicon สำหรับเว็บไซต์ของฉันหรือไม่?
ใช่ favicon สำคัญต่อการรับรู้แบรนด์และประสบการณ์ผู้ใช้ มันปรากฏในแท็บเบราว์เซอร์ บุ๊คมาร์ค และผลการค้นหา ช่วยให้ผู้ใช้นำเว็บไซต์ของคุณระบุได้อย่างรวดเร็ว
ฉันสามารถใช้พื้นหลังโปร่งใสสำหรับ favicon ของฉันได้หรือไม่?
ได้ รูปแบบ PNG รองรับความโปร่งใส คุณสามารถสร้าง favicon ที่มีพื้นหลังโปร่งใส ซึ่งทำงานได้ดีทั้งธีมเบราว์เซอร์สว่างและมืด
ไอคอนสัมผัส Apple คืออะไร?
ไอคอนสัมผัส Apple คือไอคอนขนาดใหญ่กว่า (180x180) ที่ใช้เมื่อผู้ใช้เพิ่มเว็บไซต์ของคุณลงในหน้าจอหลัก iOS มันให้ประสบการณ์ภาพที่ดีกว่าภาพหน้าจอเริ่มต้น
วิธีสร้าง favicon สำหรับ Progressive Web App (PWA)?
สำหรับ PWA คุณต้องการขนาดไอคอนหลายขนาดที่อ้างอิงในไฟล์ manifest.json ของคุณ รวมไอคอน 192x192 และ 512x512 พร้อมไอคอนที่ปิดบังได้สำหรับไอคอนปรับตัวของ Android
ฉันสามารถอัปโหลดรูปภาพของฉันเองได้หรือไม่?
ได้ คุณสามารถอัปโหลดรูปภาพ PNG, JPG หรือ SVG เครื่องมือจะปรับขนาดและปรับให้เหมาะสมสำหรับขนาด favicon ทั้งหมดโดยอัตโนมัติ
เครื่องมือนี้ฟรีหรือไม่?
ใช่ เครื่องมือสร้าง favicon นี้ฟรีอย่างสมบูรณ์ ไม่ต้องลงทะเบียน ไม่มีลายน้ำ และใช้งานไม่จำกัด
อะไรทำให้ favicon ดี?
Favicon ที่ดีนั้นเรียบง่าย ระบุได้ในขนาดเล็ก ใช้สีตัดกัน และแสดงถึงแบรนด์ของคุณ หลีกเลี่ยงรายละเอียดซับซ้อนที่กลายเป็นไม่ชัดเจนเมื่อลดขนาดเหลือ 16x16 พิกเซล
วิธีทดสอบ favicon ของฉัน?
หลังจากเพิ่ม favicon ลงในเว็บไซต์ของคุณ ล้างแคชเบราว์เซอร์และโหลดหน้าใหม่ Favicon ควรปรากฏในแท็บเบราว์เซอร์ คุณยังสามารถตรวจสอบบุ๊คมาร์คและประวัติเพื่อดูไอคอน
วิธีใช้ ตัวสร้าง Favicon
สร้างฟาวิคอนจากรูปภาพหรือจากข้อความและอีโมจิ ขนาดตั้งแต่ 16x16 ถึง 256x256 ภายในเบราว์เซอร์ของคุณ ทุกอย่างประมวลผลในเครื่อง ไม่มีการอัปโหลดข้อมูล
- เลือกโหมดแหล่งที่มา: ใช้ Image หากต้องการใช้รูปของคุณเอง หรือ Text / Emoji เพื่อวาดตัวอักษรบนพื้นหลังสี
- ในโหมด Text / Emoji พิมพ์ตัวอักษรหรืออีโมจิลงในช่อง Text แล้วเลือก Font และ Weight เช่น Bold หรือ Black
- กำหนดสีพื้นหลังที่ BG หากต้องการมุมโค้ง ให้เปิด Rounded แล้วปรับค่า Radius
- สร้างทุกขนาด ดูตัวอย่างผลลัพธ์ แล้วดาวน์โหลดฟาวิคอนเป็นไฟล์ PNG หรือ ICO
ไอคอนแท็บขนาด 16x16 ควรออกแบบให้เรียบง่าย ตัวอักษรตัวหนาหนึ่งตัวหรืออีโมจิหนึ่งตัวจะยังจำง่ายแม้ในขนาดเล็กที่สุด
เครื่องมือที่เกี่ยวข้อง
- เครื่องคำนวณ Chmod เครื่องคำนวณ chmod ออนไลน์ฟรีเพื่อแสดงและคำนวณสิทธิ์ไฟล์ Linux ด้วยช่องทำเครื่องหมาย แปลงระหว่างสัญกรณ์ตัวเลข (755, 644) และสัญลักษณ์ (rwxr-xr-x) ทันที รองรับสิทธิ์พิเศษเช่น setuid, setgid, sticky bit
- ตาราง ASCII ข้อมูลอ้างอิงการเข้ารหัสอักขระ ASCII ครบถ้วนพร้อมรหัสทศนิยม เลขฐานสิบหก ฐานแปด ฐานสอง เอนทิตี HTML และคำอธิบายอักขระ ค้นหาและกรองได้ทันที
- เครื่องมือทดสอบคำขอ HTTP ทดสอบ REST API โดยตรงในเบราว์เซอร์ของคุณ ส่งคำขอ GET, POST, PUT, DELETE ด้วย header, body และพารามิเตอร์ที่กำหนดเอง ดูสถานะ header และ body JSON ของการตอบกลับทันที
- ตัวสร้าง .htaccess สร้างกฎ Apache .htaccess สำหรับการเปลี่ยนเส้นทาง เขียนใหม่ ส่วนหัวความปลอดภัย แคช และอื่นๆ
- ตัวสร้าง Robots.txt ตัวสร้าง robots.txt ออนไลน์ฟรี สร้างและปรับแต่งไฟล์ robots.txt เพื่อควบคุมการรวบรวมข้อมูลของเครื่องมือค้นหา จัดการการเข้าถึงของระบบรวบรวมข้อมูล และปรับปรุง SEO ของเว็บไซต์ของคุณ
- ตัวสร้าง Sitemap ตัวสร้าง XML sitemap ออนไลน์ฟรี เพิ่ม URL ตั้งค่าลำดับความสำคัญและความถี่ สร้าง sitemap ที่ดีต่อ SEO ได้ทันที
- GIF แยกเฟรม แยกและดาวน์โหลดเฟรมแต่ละเฟรมจากภาพเคลื่อนไหว GIF เป็น PNG หรือสไปรต์ชีต เครื่องมือออนไลน์ฟรีพร้อมดูตัวอย่างและส่งออก ZIP
- GIF ย้อนกลับ ย้อนลำดับการเล่นภาพเคลื่อนไหว GIF ออนไลน์ฟรี อัปโหลด ดูตัวอย่าง และดาวน์โหลดทันที