คุณมีโลโก้เป็น PNG มันดูดีในส่วนหัวของเว็บคุณ แล้วมีคนขอมันแบบใหญ่แบนเนอร์ งานพิมพ์ เสื้อยืดและพอขยายขึ้นมันก็นุ่มและหยัก นั่นคือเพดานของไฟล์ราสเตอร์: มันคือตารางพิกเซลตายตัว และไม่มีรายละเอียดเพิ่มให้หาเมื่อคุณขยาย SVG ไม่มีเพดานนั้น มันเก็บโลโก้เป็นรูปทรงและเส้นทาง มันจึงวาดใหม่ให้คมไม่ว่าจะกว้าง 32 พิกเซลหรือสองเมตร
การนำโลโก้ PNG เข้าสู่รูปแบบ SVG หมายถึงการ ลาก (trace) มันอ่านพิกเซลและวาดเส้นทางเวกเตอร์ที่ตามขอบ สำหรับโลโก้แบน นั่นคือเครื่องมือที่ถูกต้องพอดี และมันเร็ว
ทำไมโลโก้ลากได้ดี
โลโก้ที่ดีคืออินพุตในอุดมคติสำหรับการลาก มันมักมีสีทึบจำนวนน้อย ขอบเขตที่สะอาดระหว่างสี และไม่มีการไล่สีนุ่ม ๆ หรือพื้นผิวแบบภาพถ่าย ตัวลากอ่านภาพแบบนั้นได้สะอาด: มันหาแต่ละบล็อกสี วาดเส้นทางแนบรอบมัน และผลิต SVG ที่มีรูปทรงแค่หยิบมือ ไฟล์เล็ก ขอบคม แก้ไขได้เต็มที่หลังจากนั้น
ไอคอน ภาพประกอบง่าย ๆ ลายเส้น และตัวอักษรที่เขียนด้วยมือตกอยู่ในหมวดที่มีความสุขเดียวกันด้วยเหตุผลเดียวกันสีแบนและขอบชัดเจน
ทีละขั้นตอน
- เริ่มจาก PNG ที่สะอาดที่สุดที่คุณมี ต้นทางที่ความละเอียดสูงและคมลากได้ดีกว่าอันเล็กที่เบลอ ถ้าโลโก้ของคุณมีพื้นหลังโปร่งใส เก็บมันไว้การลากรักษามันได้
- เลือกค่าตั้งสำเร็จที่เข้ากับโลโก้ สำหรับเครื่องหมายสองหรือสามสี แบน / โลโก้ เก็บจำนวนสีให้ต่ำและรูปทรงให้เรียบง่าย สำหรับภาพประกอบที่มีรายละเอียดมากขึ้น ละเอียด อนุญาตให้มีเส้นทางมากขึ้น สำหรับลายเส้นล้วนหรือภาพเงา ขาวดำ ลดมันเหลือสองโทน
- ตรวจตัวอย่างก่อน/หลัง เทียบการลากกับต้นฉบับ ถ้าขอบดูขรุขระ หรือเครื่องมือสร้างสีพิเศษขึ้นมา ลองค่าตั้งสำเร็จอื่นสีน้อยกว่ามักให้ผลลัพธ์ที่สะอาดกว่าและเล็กกว่า
- ดาวน์โหลด SVG และเปิดในโปรแกรมแก้เวกเตอร์เพื่อปรับละเอียดถ้าจำเป็น
เพราะสิ่งนี้ทำงานทั้งหมดในเบราว์เซอร์ของคุณ โลโก้ที่คุณวางลงไปไม่เคยถูกอัปโหลดมันถูกอ่านจากผืนผ้าใบบนเครื่องของคุณเอง ไม่มีบัญชี และมันทำงานแบบออฟไลน์ได้เมื่อหน้าโหลดแล้ว
เก็บกวาดและเปลี่ยนสีหลังลาก
ภาพส่งออกเป็น SVG ปกติที่ทำจากเส้นทางและการเติมสีที่มีชื่อ คุณจึงไม่ถูกล็อกกับสิ่งที่การลากผลิตออกมา เปิดมันใน Illustrator, Inkscape หรือ Figma แล้วคุณเปลี่ยนสีของทั้งพื้นที่ได้โดยแก้การเติมเดียว ตั้งค่าเลขฐานสิบหกแบรนด์ที่แน่นอนของคุณ ลบรูปทรงแปลกปลอมที่ตัวลากเก็บมา หรือขยับเส้นทาง นี่คือรางวัลที่แท้จริง: โลโก้เลิกเป็นภาพตายตัวและกลายเป็นวัตถุที่แก้ไขได้ทุกขนาด
จุดที่มันไม่ช่วย: ภาพถ่าย
ซื่อสัตย์เรื่องอินพุต มันลากรูปทรง ไม่ใช่ภาพถ่าย ถ้าคุณป้อนภาพถ่ายภาพหน้า รูปสินค้า ทิวทัศน์มันก็ยังผลิต SVG แต่เป็นอันที่แย่: สีที่ละเอียดอ่อนหลายพันถูกประมาณด้วยหยดสีที่ซ้อนกัน ไฟล์บวมเกิน JPG ต้นฉบับไปไกล และมันดูเลอะ สำหรับอะไรที่เป็นโทนต่อเนื่อง เก็บมันเป็นรูปแบบราสเตอร์และบีบอัดแทน และนี่ไม่ใช่ AI ที่วาดโลโก้ของคุณใหม่ให้เป็นอะไรใหม่ถ้า PNG ต้นทางเบลอหรือมีสัญญาณรบกวน การลากก็สืบทอดมัน โลโก้ที่สะอาด แบน สีน้อยให้ SVG ที่สะอาด นั่นคือจุดที่ลงตัว