แปลง SVG เป็น GIF

แปลงไฟล์ SVG ให้เป็นรูป GIF ตามความกว้างที่คุณเลือก สำหรับเว็บไซต์หรือแอปที่รับไฟล์ GIF แต่แสดงไฟล์เวกเตอร์ไม่ได้ ผลลัพธ์เป็นภาพนิ่งที่มีจานสีไม่เกิน 256 สี และยังคงโปร่งใสในทุกส่วนที่ SVG ไม่มีการวาดอะไรไว้

หรือลากไฟล์ JPG, JPEG, JPE … มาวางที่นี่ ·

สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที

ผลลัพธ์

แปลงเป็น

ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที

คุณภาพและสี

ปรับขนาดภาพผลลัพธ์

คงขนาดภาพเดิมไว้ หรือกำหนดด้านใดด้านหนึ่ง โดยระบบจะคงอัตราส่วนภาพไว้

ขนาด

จำนวนพิกเซลของด้านที่เลือกไว้ด้านบน

ข้อมูลเมตาและโปรไฟล์สี

ปรับแนวภาพอัตโนมัติ

หมุนภาพตามข้อมูลการวางแนวใน EXIF เพื่อให้ภาพแสดงในแนวตั้งตรงในทุกโปรแกรม

ลบข้อมูลเมตา

ลบตำแหน่ง GPS ข้อมูลกล้อง และความคิดเห็นออก ส่วนโปรไฟล์สีสามารถเลือกเก็บไว้แยกต่างหากได้ด้านล่าง

คงโปรไฟล์สี

เก็บโปรไฟล์ ICC ที่ฝังอยู่ไว้ เพื่อให้สีถูกต้องหลังการแปลง

ปริภูมิสี

sRGB เหมาะสำหรับหน้าจอและเว็บไซต์ ควรคงค่าเดิมไว้สำหรับงานพิมพ์ ส่วนระดับสีเทาจะตัดสีออกทั้งหมด

ค่า DPI ในไฟล์

dpi

เป็นข้อมูลเมตาเท่านั้น ค่า 0 จะคงค่าเดิมไว้ เครื่องพิมพ์และบางเว็บไซต์จะอ่านค่านี้ แต่จะไม่เปลี่ยนขนาดภาพเป็นพิกเซล

วิธีใช้เครื่องมือนี้

1
อัปโหลดไฟล์ SVG
เพิ่มไฟล์ .svg ได้สูงสุด 20 ไฟล์ ไฟล์ละไม่เกิน 95 MB จากคอมพิวเตอร์ของคุณ หรือลากไฟล์มาวางในพื้นที่อัปโหลด
2
กำหนดความกว้างเป็นพิกเซล
หน้านี้วาดเวกเตอร์ที่ความกว้าง 600 px หากต้องการเปลี่ยน ให้แก้ตัวเลขใต้ ปรับขนาดภาพผลลัพธ์ ใน การตั้งค่าขั้นสูง ส่วนความสูงจะปรับตามสัดส่วนของภาพวาด
3
แปลงเป็น GIF
กด แปลงเป็น GIF แล้วดาวน์โหลดทีละภาพ หรือดาวน์โหลดทั้งชุดเป็นไฟล์ ZIP ก่อนนำไปใช้ ควรตรวจสอบไฟล์หนึ่งไฟล์บนพื้นหลังที่จะนำไปวางจริง

การแปลง SVG เป็น GIF คือการแลกภาพวาดที่ไม่ขึ้นกับความละเอียดกับตารางพิกเซลคงที่ที่มีไม่เกิน 256 สี เหมาะกับโลโก้และไอคอนสีเรียบ แต่ไม่เหมาะกับภาพไล่เฉดสี

แปลง SVG เป็น GIF ตามความกว้างที่ต้องการ

SVG คือชุดคำสั่ง เช่น วาดเส้นนี้ ใส่สีนี้ วางข้อความนี้ ส่วน GIF เป็นตรงข้าม คือตารางพิกเซลที่แต่ละจุดอ้างอิงสีหนึ่งในจานสีไม่เกิน 256 สี การแปลงคือการวาดคำสั่งเหล่านั้นหนึ่งครั้งที่ความกว้างพิกเซลที่เลือก แล้วเก็บผลลัพธ์ไว้ ความกว้างใต้ ปรับขนาดภาพผลลัพธ์ จึงสำคัญกว่าการตั้งค่าอื่นทั้งหมดที่นี่ หน้านี้เริ่มต้นที่ 600 px

GIF เกิดในปี 1987 เมื่อ CompuServe เผยแพร่ และฉบับปรับปรุงปี 1989 คือ GIF89a เพิ่มความโปร่งใสและการหน่วงเวลาเฟรม ความเก่าแก่นี้คือจุดแข็งในปัจจุบัน เพราะซอฟต์แวร์ที่ไม่รองรับฟอร์แมตใหม่ ตั้งแต่ฟอรัมรุ่นเก่า โปรแกรมอีเมลบางตัว ไปจนถึงเครือข่ายโฆษณา ก็ยังแสดง GIF ได้ ในทางกลับกัน SVG ถูกบล็อกในแบบฟอร์มอัปโหลดจำนวนมาก เพราะเป็น XML ที่อาจมีสคริปต์ซ่อนอยู่

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

from ↓ · to →	พื้นหลังโปร่งใส	ขอบโปร่งใสบางส่วนที่นุ่มนวล	มากกว่า 256 สี	Animation
GIF	GIF to พื้นหลังโปร่งใส: yes	– GIF to ขอบโปร่งใสบางส่วนที่นุ่มนวล: no	– GIF to มากกว่า 256 สี: no	GIF to Animation: yes
PNG	PNG to พื้นหลังโปร่งใส: yes	PNG to ขอบโปร่งใสบางส่วนที่นุ่มนวล: yes	PNG to มากกว่า 256 สี: yes	– PNG to Animation: no
WEBP	WEBP to พื้นหลังโปร่งใส: yes	WEBP to ขอบโปร่งใสบางส่วนที่นุ่มนวล: yes	WEBP to มากกว่า 256 สี: yes	WEBP to Animation: yes
JPG	– JPG to พื้นหลังโปร่งใส: no	– JPG to ขอบโปร่งใสบางส่วนที่นุ่มนวล: no	JPG to มากกว่า 256 สี: yes	– JPG to Animation: no

supported not offeredสิ่งที่แต่ละฟอร์แมตแรสเตอร์รองรับได้หลังวาด SVG ลงไป GIF เป็นฟอร์แมตเดียวที่จำกัดจานสี 256 สีและความโปร่งใสแบบเปิด/ปิด

SVG

Scalable Vector Graphics

SVG เป็นรูปแบบเวกเตอร์ที่อิงกับ XML ซึ่ง W3C กำหนดเป็นมาตรฐานในปี 2001 แทนที่จะใช้พิกเซล จะอธิบายรูปทรง เส้นพาธ และข้อความ จึงคมชัดในทุกขนาด และมักมีขนาดเล็กมากสำหรับโลโก้และไอคอน รองรับพื้นหลังโปร่งใส การจัดสไตล์ด้วย CSS สคริปต์ และภาพเคลื่อนไหว และเบราว์เซอร์ทุกตัวแสดงผลได้โดยตรง SVG ไม่เหมาะกับภาพถ่าย และภาพประกอบที่ซับซ้อนอาจแสดงผลช้า Illustrator, Inkscape, Figma และเบราว์เซอร์เปิดและแก้ไขไฟล์นี้ได้

การบีบอัด: –
พื้นหลังโปร่งใส: ได้
ภาพเคลื่อนไหว: ได้
เปิดตัว: 2001 · W3C

ตัวแปลงไฟล์ SVG

GIF

Graphics Interchange Format

GIF เปิดตัวโดย CompuServe ในปี 1987 และยังคงเป็นรูปแบบที่รองรับกว้างที่สุดสำหรับภาพเคลื่อนไหวสั้น ๆ ที่เล่นวนซ้ำ เป็นแบบ lossless แต่จำกัดจานสีไว้ที่ 256 สีต่อเฟรม ภาพถ่ายและการไล่ระดับสีจึงเกิดแถบสีและจุดดิเทอร์ รองรับพื้นหลังโปร่งใสแบบเปิด/ปิด (1 บิต) เท่านั้น ทำให้ขอบของรูปทรงโค้งดูหยัก ภาพ GIF เคลื่อนไหวมักใหญ่กว่าคลิปเดียวกันในรูปแบบ MP4 หรือ WebP มาก เบราว์เซอร์ แอปแชต และแพลตฟอร์มโซเชียลทุกแห่งเล่น GIF ได้

การบีบอัด: แบบไม่สูญเสียข้อมูล
พื้นหลังโปร่งใส: ได้
ภาพเคลื่อนไหว: ได้
เปิดตัว: 1987 · CompuServe

ตัวแปลงไฟล์ GIF

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

แปลง SVG เคลื่อนไหวเป็น GIF: ส่วนที่ไม่ถูกแปลง

ภาพเคลื่อนไหวแบบ SMIL, CSS และสคริปต์จะถูกตัดออก

SVG ที่เคลื่อนไหวในเบราว์เซอร์ผ่านองค์ประกอบ animate CSS keyframes หรือ JavaScript จะกลายเป็นภาพ GIF นิ่งเพียงเฟรมเดียวที่แสดงสถานะเริ่มต้น หากต้องการ GIF ที่เคลื่อนไหว ให้อัดแอนิเมชันเป็นวิดีโอ แล้วแปลงด้วยเครื่องมือ แปลงวิดีโอเป็น GIF

256 สีและความโปร่งใสแบบ 1 บิตในการใช้งานจริง

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

วิธีแก้คือกำหนดพื้นหลังก่อนแปลง หาก GIF จะอยู่บนเนื้อหาอีเมลสีขาว ให้เพิ่มสี่เหลี่ยมพื้นหลังสีขาวใน SVG ส่วนบนธีมฟอรัมสีเข้ม ให้ใช้สีของธีมนั้น พิกเซลขอบจะผสมกับสีที่ถูกต้อง และเส้นขอบจะเนียนสวย หากไม่อาจรู้ล่วงหน้า PNG จะปลอดภัยกว่า

คำถามเกี่ยวกับการแปลง SVG เป็น GIF

ทำไมจึงควรใช้ GIF แทน PNG สำหรับโลโก้ SVG

ควรแปลงเฉพาะเมื่อปลายทางบังคับให้ใช้ GIF เช่น ระบบ CMS รุ่นเก่า ลายเซ็นในฟอรัม หรือเทมเพลตโฆษณาที่ระบุชนิดภาพเป็น GIF เพราะ PNG รักษาขอบที่นุ่มนวลและรองรับสีได้ไม่จำกัด ดังนั้นหากใช้ได้ทั้งสองแบบ แปลง SVG เป็น PNG เป็นตัวเลือกเริ่มต้นที่ดีกว่า

SVG แบบเคลื่อนไหวจะกลายเป็น GIF เคลื่อนไหวหรือไม่

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

ทำไมขอบโลโก้จึงดูหยักหรือมีขอบสีจาง ๆ รอบ ๆ

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

การไล่ระดับสีใน SVG จะเป็นอย่างไรหลังแปลง

จานสีของ GIF มีได้สูงสุด 256 สี การไล่เฉดสีแบบเนียนจึงต้องถูกประมาณค่า การไล่เฉดช่วงสั้น ๆ จะดูปกติ แต่การไล่เฉดกว้างและละเอียดอ่อนจะเห็นเป็นขั้นหรือลายจุดดิเธอร์ ส่วนโลโก้และไอคอนสีเรียบ ซึ่งเป็นเนื้อหา SVG ทั่วไป อยู่ในจานสีได้สบาย

นำไฟล์ GIF ไปใช้ในลายเซ็นอีเมลได้หรือไม่

ได้ และนี่เป็นหนึ่งในเหตุผลหลักที่คนต้องแปลงไฟล์แบบนี้ Gmail และ Outlook ไม่แสดงภาพ SVG ในอีเมล ขณะที่ GIF แสดงผลในโปรแกรมอีเมลมานานหลายสิบปี ควรกำหนดความกว้างพอประมาณ ราว 300 ถึง 600 px เพื่อให้ลายเซ็นมีขนาดไฟล์เบา

ตัวแปลงอ่านค่าขนาดใดบ้างจากไฟล์ SVG

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