ตัดฟอนต์ให้เล็กลง
ลดขนาดไฟล์ฟอนต์อย่างมากโดยการ
แยกเฉพาะตัวอักษรที่คุณต้องการบนเบราว์เซอร์ของคุณ
1. โหลดไฟล์ฟอนต์
เกี่ยวกับเครื่องมือ
เครื่องมือตัดฟอนต์ (Font Subsetter) เป็นโปรแกรมอรรถประโยชน์สำหรับนักพัฒนา เพื่อสร้างไฟล์ฟอนต์ที่มีขนาดเล็กมาก โดยการแยก (ลบออก) และเก็บเฉพาะตัวอักษรที่คุณใช้งานจากไฟล์ TTF, OTF หรือ WOFF ฟีเจอร์นี้มีประสิทธิภาพโดยเฉพาะกับฟอนต์ที่มีจำนวนอักขระ (glyph) มหาศาล เช่น ฟอนต์ภาษาญี่ปุ่นหรือภาษาจีน ช่วยลดขนาดไฟล์ได้มากกว่า 90% ซึ่งจะช่วยปรับปรุงความเร็วในการโหลดเว็บไซต์ของคุณอย่างมาก (คะแนน LCP เป็นต้น)
เครื่องมือนี้ใช้ "opentype.js" เพื่อประมวลผลทุกอย่างภายในเบราว์เซอร์โดยตรง ไฟล์ฟอนต์ของคุณจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ภายนอกใดๆ ดังนั้นคุณสามารถใช้งานได้อย่างสบายใจ แม้จะเป็นฟอนต์เชิงพาณิชย์ที่มีความลับระดับสูง
วิธีตัดฟอนต์
โหลดไฟล์ฟอนต์
ลากและวาง หรือคลิกเพื่อเลือกไฟล์ฟอนต์ (TTF/OTF ฯลฯ) ที่คุณต้องการปรับขนาดลงในพื้นที่อัปโหลดด้านบน
เลือกตัวอักษร
ในแท็บ "กำหนดตัวอักษร" ให้เลือกชุดสำเร็จรูป (ASCII, ฮิรางานะ ฯลฯ) หรือพิมพ์ตัวอักษรเฉพาะที่คุณต้องการใช้งานด้วยตนเอง
สร้างและดูตัวอย่าง
คลิก "สร้าง Subset" เพื่อประมวลผลทันที ตรวจสอบผลลัพธ์ในแท็บดูตัวอย่าง และคลิกปุ่มดาวน์โหลดหากคุณพอใจ
อภิธานศัพท์ที่เกี่ยวข้อง
- Subsetting (การตัดฟอนต์)
- กระบวนการลบข้อมูลตัวอักษร (glyph) ที่ไม่จำเป็นออกจากไฟล์ฟอนต์ โดยเหลือเพียงตัวอักษรที่ใช้ เพื่อลดขนาดไฟล์โดยรวม มักใช้เพื่อเร่งความเร็วในการโหลดเว็บฟอนต์
- Glyph (อักขระ)
- รูปภาพหรือข้อมูลรูปร่างที่แสดงถึงตัวอักษรหรืออักขระ ไฟล์ฟอนต์หนึ่งไฟล์อาจมี glyphs มากถึงหลายหมื่นตัว ซึ่งเป็นเหตุผลที่ฟอนต์ภาษาเอเชียตะวันออก (จีน, ญี่ปุ่น, เกาหลี) จึงมีขนาดใหญ่มาก
- TTF (TrueType Font)
- รูปแบบฟอนต์มาตรฐานที่พัฒนาโดย Apple และ Microsoft รองรับการใช้งานอย่างกว้างขวางในหลายสภาพแวดล้อม ตั้งแต่เดสก์ท็อปไปจนถึงแอปพลิเคชันเว็บ
- OTF (OpenType Font)
- ส่วนขยายของ TTF ที่พัฒนาโดย Adobe และ Microsoft OTF รองรับคุณลักษณะขั้นสูง เช่น การควบกล้ำ (ligatures) หรือตัวอักษรทางเลือก (alternate characters) ซึ่งเป็นที่นิยมในหมู่นักออกแบบกราฟิก
- WOFF / WOFF2
- รูปแบบเว็บฟอนต์ (Web Open Font Format) ซึ่งเป็นรูปแบบที่ปรับขนาด (บีบอัด) เพื่อใช้งานบนเว็บไซต์โดยเฉพาะ WOFF2 มีอัตราการบีบอัดที่ดีที่สุดในปัจจุบัน
คำถามที่พบบ่อย (FAQ)
- Q.ขนาดไฟล์จะลดลงเท่าไร?
- ขึ้นอยู่กับจำนวนตัวอักษรที่คุณเลือก โดยทั่วไปไฟล์ฟอนต์ภาษาญี่ปุ่น/จีนที่มีขนาดหลายเมกะไบต์ สามารถลดขนาดลงเหลือเพียงไม่กี่ร้อยกิโลไบต์ (ลดลงมากกว่า 90%) หากคุณแยกเฉพาะตัวอักษรพื้นฐาน
- Q.ฟอนต์ที่อัปโหลดจะถูกบันทึกไว้บนเซิร์ฟเวอร์หรือไม่?
- ไม่ถูกบันทึก กระบวนการทั้งหมดจะทำงานบนคอมพิวเตอร์ของคุณโดยใช้ JavaScript (opentype.js) ฟอนต์เชิงพาณิชย์หรือฟอนต์ที่เป็นความลับสูงจึงสามารถใช้งานได้อย่างปลอดภัย
- Q.ฉันสามารถใช้ฟอนต์ที่ตัดแล้วในเชิงพาณิชย์ได้หรือไม่?
- เครื่องมือนี้ทำการตัดฟอนต์เท่านั้น การที่จะนำฟอนต์ที่ได้ไปใช้ในเชิงพาณิชย์ได้หรือไม่นั้น ขึ้นอยู่กับใบอนุญาตของฟอนต์ต้นฉบับ โปรดตรวจสอบข้อกำหนดการใช้งานจากผู้สร้างฟอนต์
- Q.เครื่องมือนี้รองรับการส่งออกไฟล์ WOFF2 หรือไม่?
- เครื่องมือนี้รองรับเฉพาะการส่งออกในรูปแบบ TTF คุณสามารถใช้เครื่องมือแปลงไฟล์แยกต่างหาก เพื่อแปลง TTF เป็น WOFF2 ได้หลังจากตัดฟอนต์แล้ว
- Q.ฉันจะป้องกันปัญหาตัวอักษรหาย (แสดงเป็นกล่องสี่เหลี่ยม) ได้อย่างไร?
- หากมีตัวอักษรพิเศษ เช่น อีโมจิ หรือ Surrogate Pairs โปรดคัดลอกและวางตัวอักษรเหล่านั้นลงในช่อง 'ตัวอักษรที่กำหนดเอง' โดยตรง เพื่อให้เครื่องมือจดจำได้
กรณีการใช้งาน
นี่คือสถานการณ์ทั่วไปที่การใช้ Font Subset จะก่อให้เกิดประโยชน์สูงสุด
ปรับปรุงประสิทธิภาพ Core Web Vitals
การโหลดไฟล์เว็บฟอนต์ขนาดหลายเมกะไบต์ จะบล็อกการแสดงผลและทำให้ข้อความปรากฏช้า (LCP, FCP)
วิธีแก้: การตัดฟอนต์เพื่อเก็บเฉพาะตัวอักษรที่แสดงบนเว็บไซต์ จะช่วยลดขนาดไฟล์ลงเหลือเพียงไม่กี่ร้อยกิโลไบต์ ทำให้ข้อความแสดงผลได้เกือบจะในทันที
การพัฒนาแอปมือถือและเกม
แอปมือถือและเกมถูกจำกัดด้วยพื้นที่เก็บข้อมูล ดังนั้นทรัพยากรจึงต้องได้รับการปรับให้เหมาะสมอยู่เสมอ
วิธีแก้: รวบรวมเฉพาะตัวอักษรที่ใช้บน UI หรือในข้อความคงที่ เพื่อลดขนาดของแอปพลิเคชันโดยรวมได้อย่างมาก
หน้า Landing Page (LP)
เมื่อคุณต้องการใช้ฟอนต์ดีไซน์ที่สวยงามสำหรับหัวข้อของแคมเปญส่งเสริมการขาย แต่ไม่ต้องการลดความเร็วในการโหลด
วิธีแก้: แยกเฉพาะตัวอักษรไม่กี่สิบตัวที่ใช้ในสโลแกนเพื่อสร้างไฟล์ฟอนต์ที่มีขนาดเล็กมาก ทำให้แสดงผลตัวอักษรที่สวยงามได้อย่างรวดเร็ว
การฝังในอีเมล HTML และ e-Book EPUB
อีเมล HTML มีข้อจำกัดในการดึงไฟล์จากภายนอก และ e-Book แบบ EPUB มีข้อจำกัดที่เข้มงวดเกี่ยวกับขนาดไฟล์ของทรัพยากรที่ฝังอยู่
วิธีแก้: เข้ารหัส Base64 ของฟอนต์ที่ตัดแล้วเพื่อฝังโดยตรงในรหัส HTML หรือไฟล์ EPUB เพื่อให้แน่ใจว่าแบบอักษรจะแสดงผลได้อย่างถูกต้องโดยไม่ละเมิดขีดจำกัดทางเทคนิค
เทคโนโลยีการประมวลผล
จัดการฟอนต์ฝั่งไคลเอ็นต์ด้วย opentype.js
เครื่องมือนี้ทำงานโดยใช้ไลบรารีโอเพนซอร์ส opentype.js กระบวนการทั้งหมด — ตั้งแต่การอ่านไฟล์ฟอนต์ การดึงข้อมูล glyph ไปจนถึงการสร้างไฟล์ฟอนต์ขึ้นมาใหม่ — ล้วนถูกคำนวณโดยใช้ JavaScript 100% บนเบราว์เซอร์ของคุณ
แตกต่างจากตัวแปลงบนเซิร์ฟเวอร์ วิธีการนี้จะตัดขั้นตอนการอัปโหลด/ดาวน์โหลดไฟล์ฟอนต์ขนาดใหญ่ผ่านเครือข่าย ช่วยประหยัดเวลาได้อย่างมาก สิ่งสำคัญที่สุดคือ ช่วยรับประกันความเป็นส่วนตัวและความปลอดภัยอย่างสมบูรณ์ เนื่องจากไฟล์ต่างๆ (โดยเฉพาะฟอนต์ที่ซื้อมา) จะไม่มีวันออกจากอุปกรณ์ของคุณเลย
ส่งความคิดเห็น
โปรดแจ้งให้เราทราบความคิดเห็นของคุณเพื่อช่วยปรับปรุงเครื่องมือ
การส่งความคิดเห็นถูกระงับชั่วคราว
เซิร์ฟเวอร์ไม่ว่างหรือระบบป้องกันสแปมทำงานอยู่ โปรดลองอีกครั้งในภายหลัง