โปรไฟล์ SVG
- SVG 1.0: เดสก์ท็อปและมือถือสมัยใหม่ทั้งหมดรองรับ SVG 1.1 ดังนั้นอย่าเลือกตัวเลือกนี้
- SVG 1.1: คุณมักจะต้องการสิ่งนี้
- SVG Tiny / Basic: นี่เป็นชุดย่อยของ SVG สำหรับอุปกรณ์มือถือ มีเพียงไม่กี่อุปกรณ์เท่านั้นที่รองรับ SVG Tiny และไม่ใช่สเป็คเต็มรูปแบบดังนั้นไปที่ SVG 1.1
หมายเหตุ: SVG Tiny ไม่ลดขนาดไฟล์มันเป็นเพียงส่วนย่อยของ SVG ที่เพียงพอสำหรับอุปกรณ์ที่ใช้กำลังประมวลผลต่ำ มันจะทิ้งการไล่ระดับสีความทึบแบบอักษรฝังตัวและตัวกรอง Erik Dahlströmพูดว่า: ผู้ดูเต็มรูปแบบ SVG 1.1 ทั้งหมดควรจะสามารถแสดงเนื้อหา SVG 1.1 Tiny / Basic ทั้งหมด (ตามสเป็ค) ทั้งหมดและอาจเป็นเนื้อหา SVG 1.2 ขนาดเล็กทั้งหมดที่ Illustrator สร้างขึ้นด้วยเช่นกัน
แบบอักษรหมายเหตุ: หากคุณไม่มีข้อความใด ๆ ในภาพการตั้งค่านี้ไม่สำคัญ
Adobe CEF: ห้ามใช้ตัวเลือกนี้เพื่อแสดงในเบราว์เซอร์ เป็นวิธีการฝังแบบอักษรของ Adobe ในไฟล์ SVG เท่าที่ฉันรู้ว่านี่รองรับเฉพาะปลั๊กอินตัวแสดง SVG ของ Adobe เท่านั้น
SVG: สิ่งนี้รวมแบบอักษรเป็น SVG ซึ่งไม่รองรับโดย Firefox แต่เป็นตัวเลือกที่ดีถ้าคุณตั้งใจจะสนับสนุนเฉพาะอุปกรณ์มือถือ (ซึ่งมักจะเรียกใช้ webkit)
สร้างโครงร่าง: คุณจะต้องการทำเช่นนี้เป็นส่วนใหญ่นอกเสียจากว่าคุณจะมีข้อความจำนวนมาก หากคุณมีข้อความจำนวนมากคุณจะต้องฝังแบบอักษรด้วย WOFF แต่คุณต้องทำด้วยตัวเอง
การจัดกลุ่ม :
ไม่มี: สิ่งนี้จะลบล้างการตั้งค่าก่อนหน้าและจะไม่ฝังแบบอักษรใด ๆ หากคุณไม่สนใจว่าแบบอักษรจะกลับไปเป็นแบบอักษรอื่น ๆ ในคอมพิวเตอร์ของผู้ใช้เลือกตัวเลือกนี้
เฉพาะสัญลักษณ์ที่ใช้: คุณจะต้องการเวลานี้ส่วนใหญ่หากคุณเลือกที่จะฝังแบบอักษร มันฝังตัวอักขระที่ใช้เท่านั้นจึงไม่ขยายขนาดไฟล์ของคุณ
[ส่วนที่เหลือของการย่อย]: นี่ค่อนข้างชัดเจนคุณสามารถเลือกที่จะรวมทั้งแบบอักษรหรือส่วนย่อยของมัน มันจะมีประโยชน์ก็ต่อเมื่อ SVG ของคุณเป็นแบบไดนามิกและข้อความอาจเปลี่ยนไปตามการป้อนข้อมูลของผู้ใช้
รูปภาพ : สิ่งนี้สำคัญเฉพาะถ้าคุณใส่รูปภาพบิตแมป
ฝัง: นี่คือสิ่งที่คุณต้องการมันเข้ารหัสภาพเป็น data uri เพื่อให้คุณอัปโหลดไฟล์หนึ่งไฟล์แทนที่จะเป็นไฟล์ svg ที่มีรูปภาพบิตแมปเป็นคู่หู
ลิงก์: ใช้สิ่งนี้เฉพาะเมื่อคุณมีไฟล์ svg หลายไฟล์ที่อ้างอิงไฟล์บิตแมปหนึ่งไฟล์เท่านั้น (ดังนั้นจึงไม่ดาวน์โหลดทุกครั้งที่มีการแสดงผลไฟล์ svg)
โปรดทราบว่ารูปภาพบิตแมปที่ลิงก์จะไม่แสดงหาก SVG แสดงผ่าน<img>แท็กเนื่องจากimgไม่อนุญาตให้โหลดทรัพยากรภายนอก นอกจากนี้: webkit มีข้อผิดพลาดที่ไม่แสดงภาพบิตแมปในไฟล์ svg แม้ว่าคุณจะฝังไว้ ในระยะสั้น: ใช้ธรรมดาแท็กถ้าคุณตั้งใจจะฝังหรือบิตแมปเชื่อมโยงภาพที่ไม่ได้ใช้<svg><img>
รักษาความสามารถในการแก้ไขของนักวาดภาพประกอบ
ฉันชอบที่จะบันทึกไฟล์. aai เป็นอิมเมจต้นฉบับของฉันและคิดถึงไฟล์ SVG เป็นExport for webคุณสมบัติ ด้วยวิธีนี้คุณจะมุ่งเน้นไปที่การลดขนาดไฟล์และมีสำเนาไฟล์เวกเตอร์ที่มีความสามารถในการแก้ไขทั้งหมด ดังนั้นอย่าเลือกอันนี้
ตำแหน่งทศนิยม
ค่าเริ่มต้น3คือการตั้งค่าที่มีสติและคุณส่วนใหญ่สามารถลืมได้
อย่างไรก็ตามหากคุณมีเส้นทางที่ซับซ้อนมากที่มีหลายจุดที่ลดการตั้งค่านี้เป็น 1 หรือ 0 จะลดขนาดไฟล์ลงอย่างมาก แต่คุณต้องระวังเพราะกลุ่มเบซิเยร์นั้นไวต่อการตั้งค่านี้มากและพวกมันอาจดูบิดเบี้ยวเล็กน้อย ดังนั้นหากคุณลดการตั้งค่านี้ให้แน่ใจว่าเบราว์เซอร์ยอมรับได้เสมอ
การเข้ารหัส
คำอธิบายที่อยู่เบื้องหลังการเข้ารหัสตัวอักษรนั้นค่อนข้างเป็นเรื่องทางเทคนิคและมันเกี่ยวข้องกับไฟล์ svg ด้วยข้อความเท่านั้น การเข้ารหัสที่คุณต้องการมากที่สุดคือ UTF-8อย่าเปลี่ยนแปลงสิ่งนี้จนกว่าคุณจะรู้ว่าคุณกำลังทำอะไรอยู่
ปรับให้เหมาะสมสำหรับ Adobe SVG Viewer
Adobe SVG Viewer เป็นปลั๊กอินของเบราว์เซอร์ตั้งแต่ครั้งที่เบราว์เซอร์ไม่รองรับ SVG ผมไม่ทราบว่าสิ่งที่มันไม่ แต่มันเป็นเรื่องที่ไม่เกี่ยวข้องไม่ได้ตรวจสอบเรื่องนี้
รวมข้อมูลการแบ่งส่วน
สิ่งนี้จะเพิ่มข้อมูลเมตาลงในไฟล์ SVG ของคุณยกเว้นว่าคุณวางแผนที่จะเปิดไฟล์ SVG ของคุณใน Illustrator ในภายหลังและค้นหาสไลซ์ของคุณ (ถ้าคุณมี) อย่าตรวจสอบสิ่งนี้
รวม XMP
เมตาดาต้าเพิ่มเติมเกี่ยวกับไฟล์ที่คุณสามารถอ่านบน XMP ที่นี่ อย่าตรวจสอบสิ่งนี้
เอาท์พุท<tspan>องค์ประกอบน้อยลง
สิ่งนี้จะเป็นสีเทาหากคุณไม่มีข้อความ SVG AVAไม่สนับสนุนการจัดช่องไฟตารางดังนั้นลำดับตัวอักษรบางดูเหมือนจะเว้นระยะห่างเกินไปที่จะออกคือ Illustrator ทำงานได้โดยการเพิ่มtspanองค์ประกอบและปรับตำแหน่งตัวละครเล็กน้อย นี้จะเพิ่มบิตของการขยายตัวไปยังแฟ้มไม่ได้ตรวจสอบนี้จนกว่าคุณจะดูแลเพิ่มเติมเกี่ยวกับขนาดไฟล์กว่าลักษณะข้อความ
ใช้<textpath>องค์ประกอบสำหรับข้อความบนเส้นทาง
สิ่งนี้จะเป็นสีเทาหากคุณไม่มีข้อความบนเส้นทาง เบราว์เซอร์มักจะมีความแตกต่างกันอย่างมากเมื่อพูดถึงการวางข้อความบนพา ธ ดังนั้น Illustrator จึงพยายามช่วยเหลือคุณโดยใช้การหมุนและตำแหน่งกับตัวอักษรแทนที่จะปล่อยให้เบราว์เซอร์ทำงาน ไม่ได้ตรวจสอบนี้จนกว่าคุณจะดูแลเพิ่มเติมเกี่ยวกับขนาดไฟล์กว่าลักษณะข้อความ
โดยทั่วไปฉันขอแนะนำให้คุณดู SVG โดยทั่วไปแล้วคุณจะพบว่ามันดูเหมือน HTML และช่วยให้คุณปรับแต่งสิ่งต่าง ๆ ที่ไม่สามารถทำได้ภายใน Illustrator
