ตัวปรับขนาด SVG

ไม่ ไม่มีอะไรให้เบลอ — ไฟล์บรรยายรูปทรง ไม่ใช่พิกเซล มันจึงถูกวาดขึ้นใหม่ที่ขนาดใดก็ตามที่คุณกำหนด ข้อนี้เป็นจริงทั้งที่ 25% และที่ 400%

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

ในกรณีนั้นระบบจะเติม viewBox ให้ หากไม่มี SVG จะถือว่าพิกัดของมันเป็นพิกเซลล้วน การเปลี่ยนความกว้างจึงกลายเป็นการตัดภาพหรือเติมพื้นที่ว่างแทนที่จะย่อขยาย viewBox ที่เติมเข้าไปตรงกับขนาดเดิม จึงไม่มีอะไรขยับ

แทบไม่ — เปลี่ยนแค่ตัวเลขสองตัวเท่านั้น หากต้องการไฟล์ที่เล็กลงจริง ให้ส่งผ่านตัวปรับแต่ง SVG ซึ่งจะลบข้อมูลกำกับจากโปรแกรมแก้ไขและพิกัดที่มีทศนิยมเกินจำเป็นออก

ไม่ ไฟล์ถูกแยกวิเคราะห์และเขียนใหม่ในเบราว์เซอร์ของคุณ