เปลี่ยน Logo เว็บให้เป็นไฟล์ SVG ชัดสุดๆ
ปกติถ้าเราสร้างเว็บด้วย WordPress แล้วเราจะต้องอัพไฟล์ Logo เว็บเป็นนามสกุล .PNG ใช่ไหมครับ บางทีมันก็ไม่ชัด ไม่ค่อยคมเลย อยากให้ Logo เว็บเราชัดๆ ต้องใช้ไฟล์ .PNG ที่ใหญ่ๆ แต่ก็แลกมาด้วยความเกินจำเป็น ไหนจะเรื่อง Speed site อีก วันนี้มาแนะนำวิธีการแก้ไขให้ Logo ชัดๆ กันครับ
เว็บที่คุณกำลังอ่านอยู่นี้ Logo เป็นไฟล์ .SVG นะครับ ลองกด CTR+ลูกกลิ้งเมาส์ แล้ว Zoom ไปที่ Logo ของ zenkoy.com ดูครับภาพจะไม่แตกเลย สาเหตุเพราะไฟล์ประเทท .SVG นั้นเป็น Vector นั่นเองครับ
1. เพิ่ม Code ใน function
นำ Code นี้ไปวางใน function.php เพื่อเปิดใช้งานฟังก์ชั่นยืนยอมให้อัพโหลดไฟล์ .SVG ครับ
function add_svg_to_upload_mimes( $upload_mimes ) {
$upload_mimes[‘svg’] = ‘image/svg+xml’;
$upload_mimes[‘svgz’] = ‘image/svg+xml’;
return $upload_mimes;
}
add_filter( ‘upload_mimes’, ‘add_svg_to_upload_mimes’, 10, 1 );
Safe-SVG-WordPress-plugin-WordPress
2. ติดตั้งปลั๊กอิน Safe SVG
หากไม่ต้องการแก้ไข Code ให้เราติดตั้งปลั๊กอินเสริม เพื่อให้ WordPress ยอมรับให้เราสามารถอัพโหลดไฟล์นามสกุล .SVG เราถึงจะอัพโหลดไฟล์นี้ขึ้นไปใช้ในเว็บได้ครับ
3. ถ้าใช้ Elementor เปิดใช้ฟังก์ชั่น .SVG ได้
สำหรับใครที่ใช้ Page Builder อย่าง Elementor จะมีเมนูให้เปิดใช้งานฟังก์ชั่นอัพโหลดไฟล์ .SVG ได้เลย
