วิธีใช้ SVG ใน WordPress

แม้ว่า SVG จะได้รับมาตรฐานในช่วงต้นทศวรรษ 2000 แต่รูปแบบภาพที่น่าดึงดูดใจอย่างมากกลับไม่เห็นแสงสว่างมากนักเนื่องจากการสนับสนุนเบราว์เซอร์ที่ไม่ดี ทั้งหมดนี้มีการเปลี่ยนแปลงอย่างมากในช่วงไม่กี่ปีที่ผ่านมา เนื่องจาก SVG กำลังกลายเป็นรูปแบบรูปภาพที่แท้จริงบนเว็บอย่างรวดเร็ว

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

SVG คืออะไร?

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

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

ที่สำคัญที่สุด W3C ยอมรับ SVG เป็นมาตรฐานชั้นนำของอุตสาหกรรม ดังนั้น SVG จึงทำงานร่วมกับเทคโนโลยีบนเว็บอื่นๆ เช่น DOM, HTML และอื่นๆ ได้อย่างไม่มีที่ติ

เหตุใด SVG จึงมีความสำคัญ

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

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

ในแง่ของประสิทธิภาพ ภาพ SVG มักจะมีขนาดที่เล็กกว่าภาพอื่นๆ อย่างเห็นได้ชัด ด้วยเหตุนี้ จึงเป็นเรื่องปกติที่จะเห็นภาพประกอบ โลโก้ และไอคอนถูกสร้างขึ้นเป็นกราฟิกแบบเวกเตอร์ สิ่งนี้นำไปสู่การพัฒนา Icon Fonts มากมายซึ่งเราจะกล่าวถึงสั้น ๆ ในบทความในภายหลัง

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

ภาพ SVG ถูกสร้างขึ้นอย่างไร?

การสร้างภาพ SVG สามารถทำได้สองวิธี: การเขียน 'โค้ด' และใช้ซอฟต์แวร์การออกแบบกราฟิกที่ทันสมัย วิธีแรก ซึ่งก็คือการเขียนสคริปต์ XML เป็นวิธีการดั้งเดิมในการสร้างไฟล์ SVG แต่สามารถพิสูจน์ได้ว่าเป็นเทคนิคที่ช้าและไม่มีประสิทธิภาพ

คอลเลกชันสี่เหลี่ยมธรรมดาอาจมีลักษณะดังนี้ในรูปแบบ XML:

อย่างที่คุณเห็น การเขียนซ้ำๆ สำหรับกราฟิกที่ซับซ้อนนั้นเหมือนกับการยิงตัวเองที่เท้า

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

Affinity Designer เป็นโปรแกรมแก้ไขเวกเตอร์ระดับมืออาชีพที่รู้จักกันดี แต่ซอฟต์แวร์เช่น Adobe Illustrator, Sketch, Figma และ Inkscape ก็เช่นกัน

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

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

WordPress รองรับ SVG หรือไม่?

แม้จะฟังดูแปลก แต่แพลตฟอร์มที่มีขอบเขตของ WordPress ไม่รองรับรูปแบบไฟล์ SVG แต่เพียงเพราะความกังวลด้านความปลอดภัยที่น่ากลัว

คุณเห็นไหม ไม่เหมือนไฟล์ประเภท PNG/JPG/GIF — SVG ไม่ใช่ภาพแรสเตอร์ แต่เป็นเวกเตอร์ ด้วยเหตุนี้ SVG จึงมีความเสี่ยงจากการใช้ประโยชน์จาก JavaScript และ WordPress ได้เลือกที่จะไม่อนุญาต SVG ใน WordPress โดยค่าเริ่มต้น มันมีเหตุผลจากทุกมุมมอง

แม้ว่าผู้ร่วมให้ข้อมูลของ WordPress ได้พูดคุยเกี่ยวกับ SVG มาหลายปีแล้ว แต่ก็ยังมีหลายมุมที่ต้องจัดการเพื่อป้องกันปัญหาด้านความปลอดภัยในวงกว้าง

ดังนั้น วิธีเดียวที่จะแก้ไขปัญหานี้คือผ่านปลั๊กอินหรือโดยการเปิดใช้งาน SVG เป็นรูปแบบไฟล์โดยใช้ฟังก์ชันของธีม

วิธีเปิดใช้งานภาพ SVG บนเว็บไซต์ WordPress

ก่อนที่เราจะไปที่ส่วนปลั๊กอิน คุณสามารถเปิดใช้งาน SVG ใน WordPress ได้จริงผ่านไฟล์ functions.php ในไดเร็กทอรีธีมของคุณ นี่เป็นวิธีที่เร็วที่สุด แต่มีความปลอดภัยน้อยที่สุด เนื่องจากคุณเปิดใช้งาน SVG ในรูปแบบดิบ


//enable SVG file format for WordPress Uploads
function add_file_types_to_uploads($file_types){

$new_filetypes = อาร์เรย์ ();
$new_filetypes['svg'] = 'image/svg+xml';
$file_types = array_merge($file_types, $new_filetypes );

ส่งคืน $file_types;
}
add_action('upload_mimes', 'add_file_types_to_uploads');

และตัวเลือกอื่น — ปลอดภัยกว่า — ให้ใช้ปลั๊กอิน ต่อไปนี้เป็นปลั๊กอินที่โดดเด่นที่สุดสามตัวสำหรับเปิดใช้งาน SVG ใน WordPress

การสนับสนุน SVG

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

ด้วยการรองรับ SVG — คุณสามารถเริ่มเพิ่มไฟล์ SVG ในโพสต์และเพจของคุณได้โดยใช้แท็กรูปภาพแบบเดิม เช่น คุณสามารถเพิ่มคลาส CSS ใหม่ให้กับรูปภาพของคุณ: “style-SVG” ซึ่งจะดึงรูปภาพ SVG ที่คุณอัปโหลดและแสดงเนื้อหาในการแสดงผลแบบอินไลน์

คุณสมบัติหลักของปลั๊กอินนี้คือ:

• เปิดใช้งานการจัดการไฟล์ SVG ภายใน WordPress Media Library
• แปลงรูปภาพ SVG ที่อัปโหลดเป็นโค้ดแบบอินไลน์
• รองรับวิดเจ็ตรูปภาพสำหรับเพิ่มแท็ก Alt และคำอธิบายภาพให้กับรูปภาพ SVG ทั้งหมด
• จัดรูปแบบรูปภาพ SVG แต่ละรายการโดยใช้ CSS ที่กำหนดเอง
• ใช้เอฟเฟกต์แอนิเมชั่นโดยใช้ CSS3 และ JavaScript
• หน้าการตั้งค่าโดยละเอียดภายในแดชบอร์ดของปลั๊กอิน
• บังคับใช้การเข้าถึงตามสิทธิ์ เช่น จำกัดการอัปโหลดเฉพาะบัญชีที่มีสิทธิ์ของผู้ดูแลระบบ

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

กล่าวย้ำ ทุกคนที่มีสิทธิ์ในการอัปโหลดสามารถอัปโหลดไฟล์ SVG ใหม่ได้ แต่เนื่องจากไฟล์ SVG นั้นใช้ XML จึงเปิดให้มีการเอารัดเอาเปรียบผ่านการแทรกที่เป็นอันตรายและอื่นๆ

ปลอดภัย SVG

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

ด้วยผู้ใช้ที่ใช้งานอยู่ 50,000 ราย คุณวางใจได้ว่า Safe SVG จะมอบประวัติการทำงานที่ปลอดภัยที่เป็นตัวเอก น่าสังเกตว่าปลั๊กอินนี้มีสองเวอร์ชันที่แตกต่างกัน ฟรีและจ่ายเงิน

เวอร์ชันฟรีมีฟังก์ชันสำหรับล้างการอัปโหลดใหม่ และยังเพิ่มการสนับสนุนสำหรับการดู SVG ภายในไลบรารีสื่อ

หากคุณใช้เวอร์ชัน Pro คุณจะได้รับคุณสมบัติเพิ่มเติม เช่น SVGO Optimization เทคนิคการเพิ่มประสิทธิภาพนี้จะช่วยลดขนาดไฟล์ของการอัปโหลด SVG ของคุณได้อีก

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

เพิ่มการสนับสนุน SVG เต็มรูปแบบ

คุณควรได้ผลลัพธ์ที่สมเหตุสมผลกับปลั๊กอินสองตัวแรกที่เราแสดงรายการไว้ แต่ถ้าคุณชอบแนวคิดในการเพิ่ม SVG ลงในไซต์ของคุณโดยใช้รหัสย่อ ให้ตรวจสอบปลั๊กอินนี้

ปลั๊กอินนี้เพิ่มฟังก์ชัน SVG บางอย่างให้กับ WordPress และใช้เทคนิค SVG ที่อิงตามแนวคิดของ Alexey Ten วิธีการรวมรูปภาพ SVG ลงใน HTML นี้ดูเหมือนจะเป็นวิธีที่มีประสิทธิภาพและความเข้ากันได้ดีที่สุดในขณะนี้

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

ปลั๊กอิน SVG ที่มีประโยชน์อื่นๆ สำหรับ WordPress มีอะไรบ้าง

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

ไอคอน WP SVG

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

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

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

ดูเหมือนว่าจะเป็นเวอร์ชันพรีเมียมในข้อเสนอพร้อมฟีเจอร์ที่ช่วยให้สามารถอัปโหลดไอคอนที่กำหนดเองได้ ดังนั้น คุณไม่ จำกัด เฉพาะไอคอนที่ผสานรวม

เมนูโซเชียล SVG

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

หลังจากนั้น เลือกตำแหน่งเมนูโซเชียล SVG ที่กำหนดเองแล้วบันทึกเมนูใหม่ หลังจากนั้น คุณสามารถใช้วิดเจ็ต SVG Social Menu ในแถบด้านข้างหรือพื้นที่อื่นๆ ที่พร้อมใช้วิดเจ็ตในบล็อกของคุณ

ไอคอนที่มีอยู่ในปัจจุบันมีไว้สำหรับไซต์และแพลตฟอร์มต่อไปนี้: plus.google, WordPress, facebook, twitter, dribbble, Pinterest, Github, Tumblr, Youtube, Flickr, Vimeo, Instagram, LinkedIn, xing /feed, mailto

โลโก้ SVG และเอฟเฟกต์ข้อความ

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

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

แล้วคุณสมบัติหลักบางประการมีอะไรบ้าง?

• ข้อความ. สร้างรหัสย่อซึ่งสามารถจำลองเอฟเฟกต์ของเอฟเฟกต์ข้อความที่ดึงดูดความสนใจแต่ยังเป็นมิตรกับ SEO เหมือนกับที่คุณเห็นในภาพรวมด้านบน
• แบบอักษร ไม่แน่ใจว่าจะรับแบบอักษรที่กำหนดเองได้ที่ไหน ไม่ต้องกังวลเพราะ SLATE มาพร้อมกับไลบรารีขนาดใหญ่ของ Google Fonts ที่บรรจุไว้ล่วงหน้า
• รูปแบบการเติม ตัวอักษรจะเต็มไปด้วยรูปแบบการเติมที่คุณเลือก รูปแบบการเติมมีพารามิเตอร์ ควบคุมขนาด ระยะทาง และสีต่างๆ เพื่อสร้างรูปแบบที่ไม่เหมือนใคร หรือปล่อยให้ค่าเริ่มต้นทำงานแทนคุณ

และอีกมากมาย! ปลั๊กอินนี้เป็นขุมพลังที่จะทำให้ข้อความและโลโก้ของคุณมีสไตล์ด้วยความแม่นยำที่ยอดเยี่ยม และผ่าน SVG ไม่น้อย

คุณสามารถหากราฟิก SVG ได้ที่ไหน?

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

ต่อไปนี้คือเว็บไซต์ที่น่าตื่นตาตื่นใจบางส่วนที่มีเนื้อหา SVG ฟรี:

• FontAwesome — Font Awesome คลังไอคอนแบบอักษรที่ยอดเยี่ยมที่สุดในโลก โปรเจ็กต์นี้ดำเนินมาอย่างแข็งแกร่งมาหลายปีแล้ว และมีการรองรับในเชิงลึกไม่เพียงแต่สำหรับเบราว์เซอร์เท่านั้น แต่ยังรวมถึงเฟรมเวิร์กและซอฟต์แวร์การออกแบบเฉพาะอีกด้วย แพ็คเกจแบบอักษรที่เน้นการช่วยสำหรับการเข้าถึงนี้เป็นเครื่องมือที่ยอดเยี่ยมมาก และใช้งานง่ายมาก! อันที่จริง ฉันแน่ใจว่ามีปลั๊กอิน WordPress หลายสิบตัวที่รองรับ Font Awesome!
• Vecteezy — Vecteezy เป็นแพลตฟอร์มกราฟิกแบบเวกเตอร์ที่ใหญ่ที่สุดในโลก ขับเคลื่อนด้วยการออกแบบที่กำหนดเอง การสนับสนุนของชุมชน และข้อมูลบนเว็บ: Vecteezy มีเวกเตอร์ที่พร้อมใช้งานในประเภท รูปร่าง หรือแบบฟอร์มใดๆ และการดาวน์โหลดไฟล์ก็ง่ายมากเช่นกัน สิ่งที่คุณต้องทำคือลิงก์กลับไปยังหน้าผู้เขียนซึ่งคุณได้รับไฟล์ นี่คือไซต์ที่ฉันพบว่าตัวเองใช้บ่อย
• พื้นหลัง SVG — คุณติดตามเทรนด์การออกแบบเว็บล่าสุดหรือไม่? มีพื้นที่สร้างสรรค์มากมายที่มีการสำรวจการออกแบบในขณะนี้ และหนึ่งในนั้นคือภูมิหลัง SVG คุณเคยเห็นพวกเขาด้วย รูปแบบคลื่น เส้นโค้ง เป็นต้น ใช้ไซต์นี้เพื่อสร้างพื้นหลัง SVG ที่เข้าถึงได้ง่าย!
• SVG Grabber — ส่วนขยาย Chrome นี้เป็นสวรรค์อย่างแท้จริงในการรับภาพ SVG จากหน้าเว็บไซต์ต่างๆ เพียงคลิกที่ไอคอน ส่วนขยายก็สามารถดึงไฟล์ SVG ทุกไฟล์ในหน้าได้ แน่นอน คุณต้องปฏิบัติตามกฎลิขสิทธิ์ทุกที่ที่ทำได้ แต่โดยรวมแล้ว รู้สึกเหมือนเป็นส่วนขยายที่แข็งแกร่งเพื่อใช้เป็นประจำ
• โซนโลโก้เวกเตอร์ — คุณอาจพบว่าการมีคอลเลกชันโลโก้แบบเวกเตอร์จากแบรนด์ชั้นนำของโลกนั้นมีประโยชน์ ทั้งนี้ขึ้นอยู่กับช่องที่คุณทำงาน คุณยังสามารถใช้ไฟล์เหล่านี้เมื่อทำการประกาศหรือโปรโมชั่นเฉพาะ และโปรแกรมแก้ไขรูปภาพส่วนใหญ่ในทุกวันนี้สามารถแปลงไฟล์ SVG เป็น PNG และอย่างอื่นได้

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

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

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