สร้าง Favicon อัตโนมัติในปี 2025

 (dev-huiya.github.io)
30 คะแนน โดย huiya 2025-02-13 | 6 ความคิดเห็น | แชร์ทาง WhatsApp

Favicon Generator

หลังจากได้อ่าน วิธีเตรียม Favicon ในปี 2025 ผมเลยลองทำเครื่องมือที่สร้าง Favicon ให้อัตโนมัติตามเนื้อหาในบทความขึ้นมาครับ

ลองใช้งาน

วิธีใช้งาน

  1. อัปโหลดภาพ SVG ที่มีอัตราส่วนเป็นสี่เหลี่ยมจัตุรัส
  2. นำโค้ด HTML ที่สร้างขึ้นและไฟล์ภาพที่ดาวน์โหลดไปใส่ไว้ในโปรเจกต์
  3. เสร็จเรียบร้อย

รายละเอียด

  • ✅ ไฟล์ SVG จะถูกปรับแต่งให้เหมาะสมด้วย SVGO

  • ✅ ไฟล์ ICO จะมีภาพขนาด 16px และ 32px รวมอยู่ด้วย

  • ✅ จะสร้างภาพ PNG ขนาด 180px, 192px และ 512px

  • ❌ ไฟล์ PNG จะไม่ถูกบีบอัดด้วย Squoosh

ความเห็นหลังทำ

ผมทำงานร่วมกับ GPT ซึ่งมันช่วยทำ UI ได้ดี แต่มีปัญหาเยอะมากตรงส่วนการดึง external module เข้ามาใช้ ตรงนี้คนต้องเข้ามาช่วยครับ
มันยังสร้างไฟล์ ICO ให้ไม่ได้ด้วย เลยต้องเปิดบทสนทนาใหม่แยกต่างหากเพื่อให้สร้างโค้ดขึ้นมาอีกครั้ง

ไม่ได้ทำอะไรแบบนี้มานานแล้ว สนุกมากเลยครับ

บทความที่เกี่ยวข้อง

6 ความคิดเห็น

 
honglu 2025-02-19

ใช้งานได้มีประโยชน์มากเลย! ขอบคุณครับ
 
hi098123 2025-02-13

การบีบอัด PNG ถ้าไม่ใช้ Squoosh
ใช้ UPNG https://github.com/photopea/UPNG.js ก็น่าจะบีบอัดได้จากโค้ดตอนนี้โดยไม่ยากครับ
(ตอนที่เคยลองเทียบกันก่อนหน้านี้ เท่าที่จำได้ ในฝั่ง png ทั้งประสิทธิภาพและอัตราการบีบอัดใกล้เคียงกันหรืออาจจะดีกว่านิดหน่อย แต่ไม่แน่ใจเป๊ะ ๆ ครับ)
สามารถกำหนดค่าการบีบอัด cnum ได้ตั้งแต่ 0~256 และถ้าตั้งไว้ราว ๆ 128 ก็น่าจะบีบอัดได้ใช้งานได้ดีครับ
 
secret3056 2025-02-13

น่าจะดีถ้ามีการใส่ข้อมูลเพิ่มเติมว่า การสร้าง mask icon ต้องลบสีออกและทำด้วยตัวเอง
 
secret3056 2025-02-13

อ้อ ไอคอน mask เดี๋ยวนี้ไม่ใช้กันแล้วสินะ....
 
xguru 2025-02-13

ว้าว ดีมากเลย อ่านบทความแล้วรู้ว่าเป็นโปรเจกต์ที่สร้างได้ทันทีร่วมกับ AI เลยสินะ ฮ่าๆ ดูเหมือนว่าโลกกำลังเปลี่ยนไปแบบนี้จริงๆ
 
huiya 2025-02-13

งานที่ต้องทำแบบซ้ำๆ ลดลง เลยรู้สึกว่าภาระในการทำงานน้อยลงไปด้วย เป็นโลกที่ดีจริงๆ!