ฟรี CSS Minify/ Formatter ออนไลน์

Input data
bfotool loadding
Output data
bfotool loadding

 

เครื่องมือย่อขนาด CSS

การลดขนาด CSS ใช้โค้ด CSS ที่สวยงามและมีรูปแบบที่ดี ซึ่งคุณได้เขียนและลบการเว้นวรรค การเยื้อง การขึ้นบรรทัดใหม่ และความคิดเห็น องค์ประกอบเหล่านี้ไม่จำเป็นสำหรับ CSS ที่จะใช้ได้สำเร็จ นอกจากนี้ยังทำให้ CSS อ่านยากขึ้นอีกด้วย

'แนวปฏิบัติที่ดีที่สุด' ของนักพัฒนาหลายๆ คนคือการรักษาเวอร์ชัน 'ที่สวยงาม' และเมื่อเปิดตัวโปรเจ็กต์ของพวกเขา จะใช้สไตล์ผ่านโปรแกรมย่อขนาด พวกเขาจะรวมไฟล์สไตล์ต่างๆ ไว้ในไฟล์เดียวด้วย

 

ทำไมต้องใช้ CSS Minifier?

จุดประสงค์ของการลดขนาดคือเพื่อเพิ่มความเร็วของเว็บไซต์ การย่อขนาดสามารถทำให้สคริปต์มีขนาดเล็กลงได้ถึง 20% ส่งผลให้เวลาในการดาวน์โหลดเร็วขึ้น dev elopers บางคนจะใช้มันเพื่อ 'ทำให้สับสน' โค้ดของพวกเขา ซึ่งทำให้อ่านโค้ดได้ยาก ดังนั้นจึงทำให้วิศวกรรมย้อนกลับหรือคัดลอกยากขึ้น

 

CSS ย่อตัวอย่าง

ก่อน:

.headbg{
    margin:0 8px 
}
a:link,a:focus{
    color:#00c 
}
a:active{
    color:red 
}

หลังจาก:

.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }