SVG → PNG · JPG · WEBP
ตัวแปลง SVG
ลากเวกเตอร์มาวางแล้วส่งออกเป็น PNG, JPG หรือ WEBP ที่ขนาดซึ่งปลายทางต้องการ การเรนเดอร์เกิดในเครื่องคุณ โลโก้บริษัทและงานศิลป์ที่ยังไม่เผยแพร่จึงอยู่บนอุปกรณ์ของคุณ
ทุกการส่งออกเป็นบิตแมปขนาดตายตัว: PNG และ WEBP คงความโปร่งใส ส่วน JPG ทาด้วยสีพื้นหลังที่คุณเลือก และไม่มีแบบใดขยายต่อได้คมชัด
วิธีแปลง SVG
เพิ่มไฟล์ SVG
ลากไฟล์มาวางหรือวางจากคลิปบอร์ด ไฟล์ที่ส่วนหัวไม่ได้ประกาศความกว้างและความสูงจะถูกเรนเดอร์ในวิวพอร์ต 1024 พิกเซล ควรตรวจขนาดของผลลัพธ์ก่อนนำไปใช้
เลือกรูปแบบปลายทางและขนาด
PNG สำหรับพิกเซลที่แม่นยำและความโปร่งใส, WEBP สำหรับสินทรัพย์เว็บที่เบากว่าแต่ยังมีค่าแอลฟา, JPG สำหรับปลายทางที่รับอย่างอื่นไม่ได้ จากนั้นกำหนดความกว้างหรือความสูงเป็นพิกเซลตามที่ต้องการ
บันทึกทุกเวอร์ชันที่ต้องการ
บันทึกไฟล์ที่ส่งออก แล้วเปลี่ยนรูปแบบและแปลง SVG เดิมอีกครั้งถ้าต้องการมากกว่าหนึ่งเวอร์ชัน หน้าเว็บยังโหลดอยู่
เวกเตอร์เดียว บิตแมปสามแบบ
เอาต์พุตทั้งสามตอบคำถามต่างกัน PNG เก็บพิกเซลที่เรนเดอร์แล้วแบบไม่สูญเสียข้อมูลพร้อมช่องแอลฟา เหมาะกับโลโก้ ไอคอน และอะไรก็ตามที่มีขอบนุ่มหรือโปร่งใส WEBP ทำงานเดียวกันด้วยการบีบอัดสมัยใหม่และได้ไฟล์เล็กกว่า แม้ว่าตัวเข้ารหัสที่เบราว์เซอร์เปิดให้ใช้ที่นี่จะเขียนไฟล์แบบสูญเสียข้อมูล ส่วน JPG ไม่มีค่าแอลฟาเลย พื้นที่โปร่งใสจึงรับสีพื้นหลังที่คุณเลือก
ทั้งสามแบบตรึงภาพวาดไว้ที่ความละเอียดเดียว: ตัวอักษรกลายเป็นพิกเซล ความกว้างเส้นกลายเป็นความกว้างพิกเซล และการขยายภายหลังจะทำให้ขอบนุ่มลงทั้งที่ SVG วาดใหม่ได้ทุกขนาด ภาพแรสเตอร์มาจากมาร์กอัป เรนเดอร์โดยเอนจิน SVG ของเบราว์เซอร์เอง ไล่เฉดและฟิลเตอร์จึงปรากฏเหมือนบนจอ ไฟล์เวกเตอร์ยังเป็นไฟล์หลัก ควรส่งออกบิตแมปใหม่ทุกครั้งที่ต้องการขนาดพิกเซลอื่น
คำถามเกี่ยวกับตัวแปลง SVG
ควรเลือกรูปแบบเอาต์พุตไหน
PNG เมื่องานศิลป์มีความโปร่งใสหรือขอบละเอียดและต้องการพิกเซลที่แม่นยำ WEBP เมื่อไฟล์ต้องเบาบนหน้าเว็บแต่ความโปร่งใสยังสำคัญ JPG เมื่อปลายทางรับอย่างอื่นไม่ได้ หรือภาพไม่มีพื้นที่โปร่งแสงให้เสีย
ควรส่งออกไอคอนหรือโลโก้ขนาดไหน
ให้ตรงกับที่ที่มันจะปรากฏใหญ่ที่สุด: 180 px สำหรับไอคอนหน้าจอหลัก 512 px สำหรับหน้าร้าน 1200 px หรือมากกว่าสำหรับงานพิมพ์ การแปลงที่ขนาดอื่นอีกครั้งไม่มีต้นทุนเพราะเวกเตอร์ยังคงรายละเอียดไว้ แต่ภาพแรสเตอร์ที่ส่งออกไปแล้วทำไม่ได้
พิกเซลพื้นหลังโปร่งใสจะเป็นอย่างไร
PNG และ WEBP เก็บไว้ได้ ส่วน JPG ทำไม่ได้ เครื่องมือจึงเติมด้วยสีพื้นหลังที่คุณตั้งไว้ ซึ่งเป็นสีขาวเว้นแต่คุณเปลี่ยน ควรเลือกสีที่เข้ากับหน้าที่จะวางภาพ หรือเก็บเป็น PNG ไว้สำหรับภาพตัดพื้นหลังที่ต้องโปร่งแสง
ต้องติดตั้งอะไรไหม และไฟล์ของฉันถูกอัปโหลดหรือเปล่า
ไม่ต้องติดตั้งและไม่อัปโหลด: SVG ถูกเรนเดอร์และเข้ารหัสโดยเบราว์เซอร์ที่คุณใช้อยู่ ไม่เกิน 64 MB ต่อไฟล์ และหน้าก็ทำงานแบบออฟไลน์ต่อได้หลังโหลดครั้งแรก