แปลง SVG เป็น JPG
แปลงไฟล์ SVG ให้เป็น JPG ที่ความกว้างตรงตามที่ต้องการ ตั้งแต่ภาพโซเชียล 1200 px ไปจนถึงงานพิมพ์ A4 ที่ 2480 px พื้นที่โปร่งใสจะถูกเติมเป็นสีขาว หรือสีใดก็ได้ที่คุณเลือก
แปลงไฟล์รูปภาพ
หรือลากไฟล์ JPG, JPEG, JPE … มาวางที่นี่ ·
สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที
ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที
ค่า 85 ทำให้ภาพถ่ายดูเหมือนต้นฉบับทุกประการ ควรลดค่านี้เฉพาะเมื่อต้องการไฟล์ที่เล็กลง
JPG, BMP และ EPS ไม่รองรับความโปร่งใส พิกเซลโปร่งใสจะถูกเติมด้วยสีนี้
รหัสสีแบบ Hex ที่ใช้แทนพิกเซลโปร่งใส เช่น #FFFFFF
รูปแบบนี้เก็บภาพได้เพียงภาพเดียว หากต้องการคงภาพเคลื่อนไหวไว้ ให้เลือกผลลัพธ์เป็น GIF หรือ WebP
ไอคอนหลายขนาดจะรวมความละเอียดหลายระดับไว้ในไฟล์เดียว เบราว์เซอร์และระบบปฏิบัติการจะเลือกขนาดที่ต้องใช้เอง
คงขนาดภาพเดิมไว้ หรือกำหนดด้านใดด้านหนึ่ง โดยระบบจะคงอัตราส่วนภาพไว้
จำนวนพิกเซลของด้านที่เลือกไว้ด้านบน
เปอร์เซ็นต์ของขนาดภาพต้นฉบับ
sRGB เหมาะสำหรับหน้าจอและเว็บไซต์ ควรคงค่าเดิมไว้สำหรับงานพิมพ์ ส่วนระดับสีเทาจะตัดสีออกทั้งหมด
เป็นข้อมูลเมตาเท่านั้น ค่า 0 จะคงค่าเดิมไว้ เครื่องพิมพ์และบางเว็บไซต์จะอ่านค่านี้ แต่จะไม่เปลี่ยนขนาดภาพเป็นพิกเซล
วิธีใช้เครื่องมือนี้
- 1
อัปโหลดไฟล์ SVG
เพิ่มไฟล์ .svg ที่ส่งออกจาก Illustrator, Inkscape, Figma หรือเว็บไซต์ ได้สูงสุด 20 ไฟล์ต่อครั้ง ไฟล์ละไม่เกิน 95 MB
- 2
ตั้งค่าความกว้างและพื้นหลัง
ความกว้างเริ่มต้นที่ 2000 px ใต้ ปรับขนาดภาพผลลัพธ์ ส่วนความสูงจะเป็นไปตามสัดส่วนของภาพวาด บริเวณโปร่งใส เป็นสีขาว หรือเลือกสีดำหรือสีกำหนดเองก็ได้
- 3
แปลงและดาวน์โหลด
กด แปลงเป็น JPG แล้วบันทึกไฟล์หรือ ZIP ไฟล์ทั้งหมดที่อัปโหลดจะถูกลบหลังจาก 30 นาที
SVG ไม่มีขนาดตายตัวจนกว่าจะมีสิ่งที่วาดมันออกมา การแปลงเป็น JPG จึงหมายถึงการเลือกขนาดเป็นพิกเซล เลือกสีที่เติมบริเวณโปร่งใส และยอมรับว่าผลลัพธ์เป็นภาพคงที่ ไม่ใช่งานที่ปรับขนาดได้
แปลง SVG เป็น JPG: แปลงเป็นภาพพิกเซลตามขนาดที่คุณเลือก
SVG เป็นข้อเสนอแนะของ W3C ในปี 2001 โดยอธิบายรูปทรง เส้นพาธ และข้อความเป็นชุดคำสั่ง โลโก้จึงคมชัดในทุกระดับการซูม แต่ที่ที่คุณโพสต์รูปส่วนใหญ่สร้างมาสำหรับรูปถ่าย Facebook, Instagram และ LinkedIn ไม่รับอัปโหลด SVG เทมเพลตสไลด์และเอกสารจำนวนมากก็ปฏิเสธ และเว็บส่งงานพิมพ์ต้องการ JPG หรือ PDF ระบบเหล่านี้ต้องการพิกเซล
ตัวแปลงนี้วาดเวกเตอร์ที่ความกว้างซึ่งตั้งไว้ใต้ ปรับขนาดภาพผลลัพธ์ และคงความสูงให้ได้สัดส่วนตาม viewBox ของภาพวาด เนื่องจากรูปทรงถูกวาดใหม่ที่ความกว้างนั้น ไม่ได้ขยายจากบิตแมปเล็ก ๆ ไฟล์ 4000 px จึงคมเท่ากับไฟล์ 400 px เลือกขนาดที่ปลายทางแสดงผล หรือขนาดพิมพ์ที่ 300 DPI และเผื่อขอบไว้สำหรับแพลตฟอร์มที่ครอปภาพ สำหรับงานที่ต้องคงความโปร่งใส SVG เป็น PNG เป็นตัวเลือกที่ดีกว่า
1200 × 630 px
ภาพตัวอย่างลิงก์ (Open Graph)
ขนาดภาพแชร์ที่ Facebook แนะนำ
1280 × 720 px
ภาพปก YouTube
สัดส่วน 16:9 กว้างอย่างน้อย 640 px
1080 × 1080 px
โพสต์สี่เหลี่ยมจัตุรัส Instagram
ไฟล์ที่ใหญ่กว่านี้จะถูกย่อให้เหลือความกว้างเท่านี้
2480 × 3508 px
หน้า A4 ที่ 300 DPI
โปสเตอร์และใบปลิวที่ส่งร้านพิมพ์
SVG
Scalable Vector Graphics
SVG เป็นรูปแบบเวกเตอร์ที่อิงกับ XML ซึ่ง W3C กำหนดเป็นมาตรฐานในปี 2001 แทนที่จะใช้พิกเซล จะอธิบายรูปทรง เส้นพาธ และข้อความ จึงคมชัดในทุกขนาด และมักมีขนาดเล็กมากสำหรับโลโก้และไอคอน รองรับพื้นหลังโปร่งใส การจัดสไตล์ด้วย CSS สคริปต์ และภาพเคลื่อนไหว และเบราว์เซอร์ทุกตัวแสดงผลได้โดยตรง SVG ไม่เหมาะกับภาพถ่าย และภาพประกอบที่ซับซ้อนอาจแสดงผลช้า Illustrator, Inkscape, Figma และเบราว์เซอร์เปิดและแก้ไขไฟล์นี้ได้
- การบีบอัด
- –
- พื้นหลังโปร่งใส
- ได้
- ภาพเคลื่อนไหว
- ได้
- เปิดตัว
- 2001 · W3C
JPG
ภาพ JPEG
JPEG (หรือ JPG) คือรูปแบบภาพถ่ายที่ใช้กันแพร่หลายที่สุด กำหนดเป็นมาตรฐานโดย Joint Photographic Experts Group ในปี 1992 ใช้การบีบอัดแบบสูญเสียข้อมูล (lossy) ที่ตัดรายละเอียดเล็ก ๆ ซึ่งสายตาไม่น่าจะสังเกตเห็นออกไป ภาพถ่ายจึงมีขนาดเล็กพอสำหรับเว็บ อีเมล และพื้นที่เก็บข้อมูลในโทรศัพท์ จัดการการไล่ระดับสีที่นุ่มนวลและภาพธรรมชาติได้ดี แต่ข้อความคมชัด ลายเส้น และสีพื้นเรียบจะเกิดสิ่งแปลกปลอมเป็นบล็อกหรือพร่ามัวที่มองเห็นได้ JPEG ไม่มีพื้นหลังโปร่งใสและไม่มีภาพเคลื่อนไหว และสูญเสียคุณภาพเพิ่มขึ้นเล็กน้อยทุกครั้งที่บันทึกซ้ำ เบราว์เซอร์ โทรศัพท์ กล้อง และโปรแกรมแก้ไขภาพทุกตัวเปิดได้
- การบีบอัด
- แบบสูญเสียข้อมูล
- พื้นหลังโปร่งใส
- ไม่ได้
- ภาพเคลื่อนไหว
- ไม่ได้
- เปิดตัว
- 1992 · Joint Photographic Experts Group
SVG เป็น JPG ใช้กับที่ที่รับรูปถ่ายแต่ไม่รับไฟล์เวกเตอร์ เช่น โพสต์โซเชียล ภาพปก เทมเพลตสไลด์ และเว็บส่งงานพิมพ์ ซึ่งต้องการภาพแบนที่มีพื้นหลังทึบ ส่วนการแปลง JPG กลับเป็น SVG เป็นงานคนละประเภท
แปลง SVG เป็น JPG พร้อมพื้นหลังสีขาว
JPG ไม่รองรับพื้นหลังโปร่งใส
ทุกพิกเซลโปร่งใสของ SVG จะได้สีทึบใน JPG ค่าเริ่มต้นเป็นสีขาว ซึ่งเหมาะกับเอกสารและโพสต์โซเชียลส่วนใหญ่ หากใช้บนสไลด์สีเข้มหรือแบนเนอร์สี ให้เลือก สีดำ หรือ สีกำหนดเอง ใต้ บริเวณโปร่งใส เพื่อไม่ให้โลโก้อยู่ในกล่องสีขาว
ฟอนต์ รูปภาพที่ลิงก์ไว้ และสี ก่อนแปลงไฟล์
มีสามสิ่งใน SVG ที่ทำให้ JPG เปลี่ยนไปได้ ข้อความที่อ้างถึงฟอนต์ตามชื่อต้องอาศัยฟอนต์นั้นในเครื่อง จึงควรแปลงเป็นเส้นขอบก่อน รูปที่ลิงก์จากที่อยู่เว็บอื่นอาจโหลดไม่ได้ระหว่างแปลง ให้ฝังไว้ใน SVG หรือเปลี่ยนรูป และ CSS จากหน้าเว็บที่ SVG มาจะไม่ติดไปกับไฟล์ ไอคอนที่เป็นสีน้ำเงินบนเว็บจึงอาจแสดงเป็นสีดำเมื่ออยู่ตามลำพัง
สีถูกเขียนใน sRGB ซึ่งเป็นค่าเริ่มต้นของ SVG หน้าจอและแอปโซเชียลจึงแสดงสีตามที่คุณออกแบบ สำหรับงานพิมพ์ ค่า DPI ในไฟล์ ใต้ การตั้งค่าขั้นสูง จะบันทึก 300 DPI ลงในไฟล์โดยไม่เปลี่ยนพิกเซล ซึ่งบางเว็บส่งงานพิมพ์ตรวจสอบ หากปลายทางเป็นเว็บไซต์ที่รับฟอร์แมตสมัยใหม่ SVG เป็น WebP ให้ไฟล์เล็กกว่า JPG มากที่ความกว้างเท่ากัน
คำถามเกี่ยวกับการแปลง SVG เป็น JPG
ทำไมบางเครื่องมือแปลง SVG เป็น JPG แล้วได้พื้นหลังสีดำ
พิกเซลโปร่งใสยังมีค่าสีอยู่ โดยปกติเป็นสีดำ ตัวแปลงที่ตัดช่องอัลฟาทิ้งโดยไม่เติมสีจึงแสดงเป็นสีดำ ที่นี่บริเวณโปร่งใสจะถูกเติมด้วยสีที่ตั้งไว้ใต้ บริเวณโปร่งใส ซึ่งค่าเริ่มต้นคือสีขาว
SVG ต้องมีกี่พิกเซลจึงจะพิมพ์ขนาด A4 ได้
ที่ 300 DPI หน้า A4 มีขนาด 2480 × 3508 px และ US Letter มีขนาด 2550 × 3300 px ตั้ง กำหนดความกว้าง เป็น 2480 หรือ 2550 แล้วความสูงจะเป็นไปตามภาพวาด เวกเตอร์ถูกวาดที่ขนาดนั้นโดยตรง ขอบภาพจึงยังคมชัด
ใช้สีประจำแบรนด์เป็นพื้นหลังแทนสีขาวได้หรือไม่
ได้ ใต้ การตั้งค่าขั้นสูง ให้ตั้ง บริเวณโปร่งใส เป็น สีกำหนดเอง แล้วกรอกค่าเลขฐานสิบหก เช่น #0B3D91 สีนี้จะเติมทุกพิกเซลโปร่งใส รวมถึงช่องว่างภายในตัวอักษรด้วย
ทำไมเส้นบาง ๆ ในไฟล์ JPG จึงดูเบลอเล็กน้อย
การบีบอัด JPG ทำงานเป็นบล็อกขนาด 8 × 8 พิกเซลและทิ้งริ้วคลื่นจาง ๆ ไว้ข้างขอบคม ซึ่งเห็นชัดที่สุดในงานเส้น ให้เพิ่ม คุณภาพ เป็น 95 แปลงที่ความกว้างมากขึ้น หรือใช้ PNG เมื่องานส่วนใหญ่เป็นเส้นและสีเรียบ
SVG ของฉันใช้ฟอนต์เฉพาะ ควรทำอย่างไรก่อนแปลงไฟล์
ให้แปลงข้อความเป็นเส้นขอบก่อน: Object to Path ใน Inkscape, Create Outlines ใน Illustrator หรือ Outline stroke และ flatten ใน Figma SVG ที่ระบุเพียงชื่อฟอนต์ต้องอาศัยฟอนต์ที่ติดตั้งอยู่ในเครื่อง และหากถูกแทนด้วยฟอนต์อื่น รูปลักษณ์จะเปลี่ยนไป