Contact
Line : comsiam
Contact
Line : comsiam

หากออกแบบ Logo, Icon, Graphic หรือ Illustration ใน Canva แล้วต้องการนำไปใช้กับเว็บไซต์ งานพิมพ์ หรือโปรแกรมออกแบบอื่น การดาวน์โหลดเป็น SVG เป็นตัวเลือกที่น่าสนใจมาก เพราะ SVG เป็นไฟล์กราฟิกแบบ Vector ที่สามารถปรับขนาดได้โดยไม่เกิด Pixel แตกเหมือน JPG หรือ PNG
Canva รองรับการดาวน์โหลดงานเป็น SVG ในแพ็กเกจที่รองรับ โดยปัจจุบัน Canva ระบุ SVG Download เป็นตัวเลือกสำหรับ Canva Pro
ขั้นตอนพื้นฐานคือ
เปิด Design → Share → Download → File type → SVG → Download
แต่ก่อนดาวน์โหลดควรตรวจด้วยว่างานประกอบด้วย Element ประเภทใด เพราะการเลือก SVG ไม่ได้หมายความว่าภาพ Raster ทุกภาพภายในงานจะกลายเป็น Vector แท้โดยอัตโนมัติ
SVG ย่อมาจาก
Scalable Vector Graphics
เป็นไฟล์กราฟิกที่ใช้ข้อมูลทางคณิตศาสตร์อธิบาย
แทนการเก็บภาพเป็น Pixel แบบ JPG หรือ PNG
ข้อดีสำคัญคือสามารถขยายจากขนาดเล็กไปเป็นขนาดใหญ่มากได้โดยยังรักษาขอบของ Vector ให้คม
PNG เป็น Raster Image
หมายความว่าภาพประกอบด้วย Pixel
ถ้านำภาพ PNG ขนาดเล็กไปขยายมาก ๆ จะเริ่มเห็น
SVG เป็น Vector
จึงเหมาะกับ Graphic ที่สร้างจาก
ที่ต้องใช้หลายขนาด
SVG เหมาะอย่างมากกับ
โดยเฉพาะ Logo ที่ต้องใช้ตั้งแต่ขนาดเล็กบนเว็บไซต์ไปจนถึงป้ายขนาดใหญ่
โดยทั่วไปไม่เหมาะเท่ากับ JPG หรือ WebP
ภาพถ่ายประกอบด้วยรายละเอียด Pixel จำนวนมาก
Format ที่เหมาะกว่ามักเป็น
SVG เหมาะกับ Graphic ที่สามารถอธิบายเป็นเส้นและรูปทรงมากกว่า
ดังนั้นไม่ควรเปลี่ยนภาพถ่ายทุกภาพเป็น SVG เพียงเพราะต้องการให้ไฟล์คม
ทำตามขั้นตอนนี้
เปิดงาน Canva ที่ต้องการดาวน์โหลด
ตรวจให้แน่ใจว่าเป็น Version ที่เสร็จเรียบร้อยแล้ว
บริเวณด้านบนของ Canva Editor
เลือก
Share
จากเมนู Share เลือก
Download
เปิดรายการประเภทไฟล์
จากนั้นเลือก
SVG
หาก Design มีหลายหน้า สามารถเลือกหน้าที่ต้องการ Download ตามตัวเลือกที่ระบบแสดง
Canva จะประมวลผลแล้วดาวน์โหลดไฟล์
.svg
ลงบนอุปกรณ์
ปัจจุบัน Canva ระบุการดาวน์โหลด SVG เป็นตัวเลือกของ Canva Pro
หากใช้ Canva Free และเลือก SVG แล้วพบข้อความให้ Upgrade นั่นไม่ใช่ Error ของ Design
แต่เป็นข้อจำกัดของ Canva Plan
สามารถเลือก Format ฟรีอื่นที่ระบบอนุญาต เช่น PNG หรือ JPG ตามประเภทงาน
ตรวจตามลำดับนี้
① ตรวจ Canva Plan
② ตรวจประเภท Design
③ ตรวจ Account ที่ Login
④ Refresh Canva
⑤ ทดลอง Browser
หาก Account เป็น Free แล้วระบบระบุ SVG เป็น Pro Feature ก็ต้องใช้ Plan ที่รองรับเพื่อ Download โดยตรงเป็น SVG
ไม่จำเป็น
จุดนี้สำคัญมาก
หาก Design มี
องค์ประกอบเหล่านี้เหมาะกับ SVG
แต่ถ้านำรูป JPG หรือ PNG เข้า Design แล้ว Export งานเป็น SVG รูป Raster ภายในไม่ได้กลายเป็น Vector แท้เพียงเพราะเปลี่ยน Container เป็น SVG
หากต้องการภาพ Raster ให้กลายเป็น Vector จริง ต้องใช้กระบวนการ
Vectorization
หรือเครื่องมือแปลง Image เป็น Vector
ไม่ควรคิดว่าเหมือนกันทุกกรณี
การใส่ JPG ในไฟล์ SVG กับการ Trace JPG ให้กลายเป็น Vector Path เป็นคนละเรื่อง
Vectorization จะวิเคราะห์ภาพแล้วสร้าง
ขึ้นมาใหม่
เหมาะกับภาพที่มีรูปทรงชัด เช่น
แต่ภาพถ่ายซับซ้อนอาจไม่เหมาะกับการ Vectorize
Canva มีเครื่องมือและ Apps สำหรับการสร้างหรือแปลง Graphic เป็น Vector ใน Workflow ที่รองรับ
หลักการคือ
Upload Image → Vectorize/สร้าง Vector → Download เป็น SVG
เหมาะกับ
ควรตรวจผลลัพธ์หลัง Vectorize เพราะเส้นและสีอาจไม่เหมือนต้นฉบับ 100%
ถ้าต้องการ
ขยายได้ไม่แตก
เลือก
SVG
ถ้าต้องการ
ใช้เป็นรูปภาพทั่วไปหรือระบบไม่รองรับ SVG
เลือก
PNG
ดังนั้น Brand ควรเก็บทั้งสอง Format
ตัวอย่าง
logo.svg
สำหรับ Website และงาน Vector
logo.png
สำหรับระบบที่ต้องใช้ Raster
เหมาะมากสำหรับ
ข้อดีคือ
แต่ SVG ที่ซับซ้อนมากอาจมี Code และ Path จำนวนมาก ทำให้ File Size เพิ่มขึ้น
ข้อดีของ Vector คือไม่ผูกกับ Resolution แบบ Raster
จึงเหมาะกับหน้าจอความละเอียดสูง เช่น
Logo SVG สามารถแสดงคมในหลายขนาดโดยไม่ต้องสร้างไฟล์ 1x, 2x และ 3x แบบ Raster ในหลายกรณี
บางโรงพิมพ์รับ SVG แต่ไม่ใช่ทุกแห่ง
ก่อนส่งควรถามว่าโรงพิมพ์ต้องการ
สำหรับงาน Canva ทั่วไป โรงพิมพ์จำนวนมากสะดวกกับ PDF Print
ดังนั้นอย่าส่ง SVG โดยอัตโนมัติโดยไม่ถาม Specification
Text ใน SVG สามารถมีปัญหาได้หากระบบปลายทางไม่มี Font หรือ Interpret Font ต่างกัน
ถ้าจะนำ SVG ไปแก้ต่อใน Software อื่น ควรตรวจ
หลังเปิดไฟล์
โดยเฉพาะ Font Custom หรือ Font ที่มี License จำกัด
หากเปิด SVG ในโปรแกรมอื่นแล้วภาษาไทยผิด ให้ตรวจ
หากเป้าหมายคือส่งโรงพิมพ์และไม่ต้องแก้ Text การ Export เป็น PDF Print อาจเหมาะกว่าในบาง Workflow
ขึ้นอยู่กับโครงสร้างของ SVG และโปรแกรมที่ใช้เปิด
Vector Object ที่ยังแยกเป็น Shape สามารถแก้สีได้ง่ายใน Software ที่รองรับ
แต่ SVG ที่ซับซ้อนหรือมี Raster Image ฝังอยู่ อาจแก้สีไม่ได้ทุกส่วนเหมือน Vector Artwork ที่สร้างจาก Illustrator โดยตรง
ไม่ควรคาดหวังว่า Layer Structure ของ Canva จะถูกเก็บเหมือน Canva Editor ทุกประการ
SVG เน้นการเก็บ Vector Graphic สำหรับการแสดงผล
เมื่อนำไปเปิดใน Illustrator, Inkscape หรือโปรแกรมอื่น โครงสร้าง Object สามารถแตกต่างจากที่เห็นใน Canva
ดังนั้นหากต้องการกลับมาแก้ Canva ภายหลัง ควรเก็บ Canva Design ต้นฉบับไว้ด้วย
ไม่ควรใช้ SVG เป็น Format หลักหากเป้าหมายคือรักษา Interactive Behavior ทุกประเภทจาก Canva
ถ้ามี
ควรเลือก Format หรือ Publishing Method ที่รองรับคุณสมบัตินั้นโดยตรง
SVG เหมาะกับ Graphic แบบคงที่เป็นหลัก
SVG ที่ Download สำหรับ Graphic ไม่ใช่ Format สำหรับรักษา Canva Animation แบบเดียวกับ Video หรือ GIF
หากต้องการ Animation ให้พิจารณา
ตามประเภทงาน
อย่าเลือก SVG แล้วคาดหวังว่า Canva Animation ทุกแบบจะเล่นเหมือน Editor
Element ที่ใช้ Effect ซับซ้อนอาจถูกแปลงแตกต่างกันเมื่อ Export
โดยเฉพาะ
หลัง Download ควรเปิด SVG ใน Browser หรือโปรแกรมปลายทางเพื่อตรวจ
อย่าตรวจเฉพาะ Preview ใน Canva
SVG รองรับ Gradient ในตัว Format
แต่ความเข้ากันได้อาจแตกต่างตาม Software และระบบปลายทาง
Canva เองแนะนำให้หลีกเลี่ยง Texture และ Gradient ที่ซับซ้อนเมื่อเตรียม SVG สำหรับ Upload เข้า Canva
ดังนั้นสำหรับ Workflow ที่ต้องส่งไฟล์ข้ามหลายโปรแกรม Graphic ที่เรียบง่ายมักมี Compatibility ดีกว่า
SVG ไม่ได้เล็กเสมอไป
ไฟล์ที่มี
สามารถมี File Size ใหญ่ได้
Vector Graphic ที่เรียบง่ายจึงเหมาะกับ SVG มากที่สุด
ทดลองเปิดใน Browser ก่อน
เช่น
ถ้า Browser แสดงถูกต้องแต่โปรแกรมอื่นผิด ปัญหาอาจอยู่ที่โปรแกรมที่ใช้ Import
ถ้าทุกโปรแกรมผิด ให้กลับไป Canva แล้วตรวจ Element ที่ซับซ้อนและ Export ใหม่
ทำตามนี้
① Download SVG
② เปิดใน Browser
③ Zoom เข้า 500–1000%
④ ตรวจขอบ Graphic
⑤ ตรวจ Font
⑥ ตรวจภาษาไทย
⑦ ตรวจสี
⑧ ตรวจ Transparency
⑨ ทดลอง Resize
หากเป็น Vector ที่เหมาะสม เส้นและรูปทรงควรยังคมเมื่อ Zoom
ได้
Browser สมัยใหม่รองรับ SVG โดยตรง
สามารถลากไฟล์ SVG เข้า Browser เพื่อ Preview ได้
เป็นวิธีง่ายที่สุดในการตรวจไฟล์หลัง Download โดยไม่ต้องมี Illustrator
ได้
Illustrator สามารถเปิดและแก้ SVG ได้
แต่ Object Structure ที่ได้จาก Canva อาจไม่เหมือน Artwork ที่สร้างด้วย Illustrator ตั้งแต่ต้น
จึงควรตรวจ
ก่อนแก้ต่อ
สามารถเปิดเพื่อดูด้วย
และใช้โปรแกรม Vector ที่รองรับ SVG สำหรับแก้ไขเพิ่มเติม
ถ้าเพียงต้องการใช้ Logo บนเว็บไซต์ ไม่จำเป็นต้องมี Illustrator
รองรับ
แต่ Canva มีข้อกำหนดสำหรับ SVG ที่ Upload เช่น
ดังนั้น SVG ที่สร้างจากโปรแกรมอื่นอาจต้องปรับก่อน Upload กลับเข้า Canva
ไม่ใช่
ข้อกำหนด
ต่ำกว่า 3 MB
และการเตรียม SVG 1.1 ที่ Canva ระบุ เป็นข้อกำหนดสำหรับ การอัปโหลด SVG เข้า Canva
ไม่ได้หมายความว่า SVG ทุกไฟล์ที่ Download ออกจาก Canva จะต้องถูกตีความเหมือน Upload Limit ทุกประการ
จึงควรแยกสอง Workflow ออกจากกัน
Canva มีเครื่องมือ PDF to SVG
สามารถนำ PDF ที่รองรับไปแปลงเป็น SVG ได้
เหมาะกับกรณีที่ต้องการนำ Graphic จาก PDF ไปใช้ในรูปแบบที่สามารถปรับขนาดได้
แต่ผลลัพธ์ขึ้นอยู่กับ PDF ต้นฉบับ
หาก PDF ภายในประกอบด้วย Raster Image การ Convert ไม่จำเป็นต้องทำให้ภาพ Raster กลายเป็น Vector ที่ละเอียดสมบูรณ์
Canva มี File Converter สำหรับแปลง Adobe Illustrator AI ไปเป็นหลาย Format รวมถึง SVG ใน Workflow ที่รองรับ
เหมาะกับการนำ Artwork จาก AI ไปใช้บน Web หรือระบบที่รองรับ SVG
อย่างไรก็ตามควรตรวจ Layer, Font และ Effect หลัง Conversion
Canva มีเครื่องมือสำหรับแปลง Image เป็น Vector/SVG ใน Workflow ที่รองรับ
แต่ผลลัพธ์จะดีที่สุดกับภาพประเภท
ภาพถ่ายที่มีรายละเอียดจำนวนมากไม่ใช่กรณีที่เหมาะที่สุด
หากตั้งใจจะ Export SVG ตั้งแต่แรก ควรออกแบบอย่างเรียบง่าย
ใช้
ลดการใช้
SVG จะเหมาะกับงาน Vector มากขึ้น
หากสร้าง Brand Logo ควรเก็บอย่างน้อย
สำหรับงาน Vector และ Website
สำหรับการใช้งานทั่วไป
สำหรับโรงพิมพ์ที่ต้องการ PDF
และเก็บ Canva Design ต้นฉบับไว้สำหรับแก้ไขในอนาคต
ไม่ควรพึ่งไฟล์เดียว
SVG สามารถเป็น Format ที่ดีสำหรับ Graphic บนเว็บไซต์เพราะขยายได้โดยไม่แตก
แต่ SEO และ Performance ยังขึ้นอยู่กับ
ดังนั้นการใช้ SVG ไม่ได้ทำให้อันดับ Google ดีขึ้นโดยอัตโนมัติ
เป้าหมายควรเป็นการใช้ Format ที่เหมาะกับ Content และทำให้หน้าเว็บเร็ว
SVG แตกต่างจาก JPG และ PNG เพราะเป็นเอกสาร XML และสามารถมีโครงสร้างที่ซับซ้อนได้
ระบบเว็บไซต์บางแห่งจึงปิดการ Upload SVG โดยค่าเริ่มต้นด้วยเหตุผลด้าน Security
หาก WordPress หรือ CMS ไม่อนุญาต SVG ไม่ควรปิด Security แบบสุ่ม
ควรใช้วิธีรองรับ SVG ที่มีการ Sanitization และการตั้งค่าความปลอดภัยที่เหมาะสม
รูป JPG/PNG ภายใน Design ไม่ได้กลายเป็น Vector แท้โดยอัตโนมัติ
JPG/WebP เหมาะกว่าในหลายกรณี
Vector ไม่ได้ใช้แนวคิด Resolution แบบ Raster ในลักษณะเดียวกัน
ควรเก็บ Design ต้นฉบับไว้
โรงพิมพ์บางแห่งต้องการ PDF Print
ใช้ GIF หรือ MP4 หากต้องการ Animation
ตรวจตามนี้
① งานเหมาะกับ Vector หรือไม่
② ใช้ Canva Plan ที่รองรับ SVG
③ ตรวจ Text
④ ตรวจ Font
⑤ ตรวจภาษาไทย
⑥ ลด Raster Image ที่ไม่จำเป็น
⑦ ลด Effect ซับซ้อน
⑧ เลือก Share
⑨ เลือก Download
⑩ เลือก SVG
⑪ เลือกหน้าที่ต้องการ
⑫ Download
⑬ เปิด SVG ใน Browser
⑭ Zoom ตรวจความคม
⑮ ทดลองในโปรแกรมปลายทาง
วิธีนี้ช่วยให้มั่นใจว่า SVG ที่ Download สามารถนำไปใช้งานจริงได้
ได้ ปัจจุบัน Canva ระบุ SVG เป็นตัวเลือก Download สำหรับ Canva Pro
หากระบบขึ้นว่า SVG เป็น Pro Feature ต้องใช้แพ็กเกจที่รองรับจึงจะ Download SVG โดยตรงได้
Vector Graphic ภายใน SVG สามารถปรับขนาดได้โดยไม่แตกแบบ Raster Image
ไม่จำเป็น ต้องใช้ Vectorization หากต้องการเปลี่ยน Raster Image ให้กลายเป็น Vector Path จริง
เหมาะมาก เพราะ Logo มักต้องใช้หลายขนาด ตั้งแต่เว็บไซต์ไปจนถึงงานพิมพ์ขนาดใหญ่
ขึ้นอยู่กับงาน SVG เหมาะกับ Vector ส่วน PNG เหมาะกับ Raster Graphic และ Transparency ที่ต้องการความเข้ากันได้กว้าง
ได้ และเหมาะกับ Logo, Icon และ Illustration ที่ต้อง Responsive และคมหลายขนาด
ได้ โดย Canva กำหนด SVG Upload ต่ำกว่า 3 MB และใช้ SVG Profile 1.1 ตามข้อกำหนดปัจจุบัน
ได้ Canva มี PDF to SVG Converter ใน Workflow ที่รองรับ
ได้ Canva มี AI File Converter ที่รองรับ Output เป็น SVG
วิธีดาวน์โหลด SVG จาก Canva คือเปิด Design แล้วเลือก Share → Download → SVG → Download โดยปัจจุบัน Canva ระบุ SVG Download เป็นความสามารถสำหรับ Canva Pro
SVG เหมาะกับ Logo, Icon, Illustration และ Graphic แบบ Vector เพราะสามารถขยายหรือย่อได้โดยยังรักษาขอบ Vector ให้คมชัด จึงมีประโยชน์ทั้งกับ Website และการนำไปแก้ต่อในโปรแกรม Vector
สำหรับผู้อ่าน comsiam จุดที่ต้องระวังคือการเลือก SVG ไม่ได้ทำให้รูป JPG หรือ PNG ทุกภาพภายใน Design กลายเป็น Vector แท้ หากต้องการ Vector จริงจาก Raster Image ควรใช้กระบวนการ Vectorization แล้วตรวจ Path และรายละเอียดอีกครั้ง
และ comsiam แนะนำให้เก็บไฟล์ Logo อย่างน้อย SVG, PNG Transparent และ PDF Print ควบคู่กับ Canva Design ต้นฉบับ เพราะแต่ละ Format เหมาะกับการใช้งานต่างกัน และช่วยให้ไม่ต้องแปลงไฟล์ซ้ำเมื่อจะนำ Brand ไปใช้กับเว็บไซต์ Social Media หรืองานพิมพ์