การจัดการกราฟิกสำหรับเว็บไซต์หลายภาษา: ฝัง SVG, การแปลภาพ และขอบเขตการแปล
หนึ่ง แปลหน้าเว็บเสร็จแล้วแต่รูปยังไม่แปล นี่คือปัญหาที่พบบ่อยที่สุดของเว็บไซต์หลายภาษา
ปัญหาที่ลูกค้าจับได้ง่ายที่สุดหลังเว็บไซต์หลายภาษาออนไลน์ ไม่ใช่ไวยากรณ์ แต่คือรูป ในหน้าเว็บภาษาอังกฤษมีแผนผังขั้นตอนที่ยังเขียนเป็นภาษาจีนอยู่ ลูกค้ามองแวบเดียวก็รู้ว่านี่คือเวอร์ชันแปล
ปัญหาทั้งสี่รูปแบบนี้เกิดบ่อยและมีต้นทุนไม่เท่ากัน:
| ตำแหน่งบนหน้า | ผลหลังแปลแค่ข้อความ | ความรู้สึกตรงๆ ของผู้ซื้อ | ความถี่ที่พบ |
|---|---|---|---|
| ภาพประกอบในเนื้อหาที่มีป้ายภาษาจีน | อ่านป้ายไม่懂 ต้องเดาจากบริบท | เนื้อหาไม่ครบถ้วน | สูงสุด |
| แผนผังขั้นตอนและแผนผังโครงสร้าง | ทั้งภาพกลายเป็นปริศนา | สงสัยว่าเว็บนี้ทำขึ้นมาชั่วคราว | สูง |
| ภาพแสดงสเปกสินค้า | อ่านหน่วยและสเกลไม่ออก | ไม่กล้าเลือกสินค้าตามภาพ | ปานกลาง |
ปัญหาที่ซ่อนลึกกว่านั้นคือ ข้อความในภาพที่เครื่องมือค้นหาและ AI อ่านไม่ออก ถ้าภาพหนึ่งภาพสื่อโครงสร้างสามชั้นที่อธิบายได้ด้วยภาพเท่านั้น ข้อมูลสามชั้นนี้ก็เหมือนไม่มีอยู่สำหรับเครื่องจักรทุกชนิด การแปลกราฟิกจึงแก้สองเรื่องพร้อมกัน คือคนอ่านเข้าใจ และเครื่องจักรดึงข้อมูลได้
เกณฑ์นี้ใช้ไม่ได้เมื่อไหร่: ถ้าเว็บไซต์มีแค่จีนกับอังกฤษ และผู้เข้าชมชาวอังกฤษส่วนใหญ่มาจากลูกค้าเก่ากับช่องทางตัวแทนจำหน่าย ลำดับความสำคัญของรูปจะอยู่หลังหน้าสินค้ากับหน้าใบรับรอง ในทางกลับกัน ถ้าเว็บภาษาอังกฤษต้องรับทราฟฟิกจากลูกค้าใหม่ ป้ายภาษาจีนในรูปก็คือจุดอ่อนที่หลีกเลี่ยงไม่ได้
สอง ทำไมข้อความในภาพถึงจัดการยาก: เปรียบเทียบต้นทุนของสี่วิธี
ข้อความในภาพบิตแมปแก้ไม่ได้ นี่คือจุดเริ่มต้นของปัญหาทั้งหมด: ข้อความถูกบีบเป็นพิกเซลไปแล้ว จะแก้ก็ต้องกลับไปที่ไฟล์ต้นฉบับของดีไซเนอร์
วิธีใช้ภาพบิตแมปมีปัญหาชัดเจนสามข้อ:
| ปัญหา | เหตุผล | ข้อเสีย |
|---|---|---|
| แก้ข้อความไม่ได้ | ข้อความกลายเป็นพิกเซลแล้ว | แก้จุดไหนก็ต้องกลับไปที่ไฟล์ต้นฉบับของดีไซเนอร์ |
| ขนาดไฟล์เพิ่มเป็นเท่าตัว | หนึ่งภาษาใช้หนึ่งไฟล์ | จำนวนไฟล์ในคลังภาพเท่ากับจำนวนภาพคูณจำนวนภาษา |
| เวอร์ชันไม่ตรงกัน | เวอร์ชันจีนกับอังกฤษดูแลแยกกัน | เวอร์ชันจีนแก้พารามิเตอร์แล้ว เวอร์ชันอังกฤษยังเป็นตัวเลขเก่า |
ข้อดีข้อเสียของสี่วิธีเป็นดังนี้ ตารางนี้ตัดสินใจได้ประมาณแปดสิบเปอร์เซ็นต์เลย
| 方案 | แนวทาง | ต้นทุนครั้งเดียว | การดูแลระยะยาว | ใช้เมื่อ |
|---|---|---|---|---|
| ภาพบิตแมปแปล | ส่งออกภาพหนึ่งไฟล์ต่อหนึ่งภาษา | ปานกลาง เท่ากับทำใหม่ทั้งชุด | สูง แก้ครั้งหนึ่งก็ต้องทำใหม่ครั้งหนึ่ง | ภาพที่ข้อมูลซับซ้อนและมีศัพท์เทคนิคหนาแน่น |
| ฝัง SVG สองภาษา | รูปเดียวใส่ข้อความสองชุด สลับตามภาษา | สูง ต้องให้ทีมพัฒนาช่วย | ต่ำ แก้ที่เดียวมีผลทุกภาษา | แผนผังโครงสร้าง แผนผังขั้นตอน การ์ดแบบตาราง |
| ย้ายข้อความในรูปออกมาไว้นอกภาพ | รูปวาดแค่โครงสร้าง ข้อความใช้ข้อความบนหน้าเว็บแทน | ปานกลาง ต้องจัดหน้าใหม่ | ต่ำ | ภาพประกอบง่ายๆ ภาพลูกศร |
| ไม่ต้องจัดการ | ใช้รูปเดิม | ศูนย์ | ศูนย์ | ภาพตกแต่ง ภาพถ่ายสิ่งของล้วนๆ |
เกณฑ์ตัดสินใจเลือกวิธีมีแค่ข้อเดียว: รูปนี้หลังจากนี้จะแก้ไหม ถ้าเป็นอินโฟกราฟิกข้อมูลซับซ้อนที่คาดว่าสองปี内ไม่แก้ ทำเป็นภาพสองชุดไปเลยสบายที่สุด แต่ถ้ายังต้องแก้ตัวเลข แก้ขั้นตอน แก้ชื่อ ก็ใช้ SVG ฝังในหรือย้ายข้อความออกมานอกภาพ ส่วนภาพถ่ายสิ่งของล้วนๆ เป็นแบบที่สี่ ไม่มีข้อความให้จัดการอยู่แล้ว ไม่จำเป็นต้องเสียงบกับรูปประเภทนี้
สาม、SVG ฝังในอยู่ร่วมกันสองภาษา: รูปเดียวใส่ข้อความสองชุด
ข้อดีของ SVG ฝังในคือข้อความยังเป็นข้อความ ไม่ใช่พิกเซล ใส่ข้อความไทยกับอังกฤษสองชุดไว้ในรูปเดียวกัน ให้ภาษาของหน้าเว็บเป็นตัวกำหนดว่าจะแสดงชุดไหน ไม่ต้องดูแลไฟล์สองชุด
| จุดสำคัญในการทำ | แนวทาง | ทำไมถึงกำหนดแบบนี้ |
|---|---|---|
| ข้อความสองชุดมาจากแหล่งเดียวกัน | ข้อความไทยและอังกฤษปรากฏเป็นคู่ในรูปเดียวกัน | แก้ที่เดียวก็พอ ไม่มีทางลืมแก้ภาษาอีกชุด |
| แสดงหรือซ่อนตามภาษา | อิลิเมนต์รากของหน้ามีตัวระบุภาษาปัจจุบัน ข้อความสองชุดติดตัวระบุที่ตรงกัน ให้สไตล์ควบคุมการแสดงและซ่อน | ไม่ต้องสร้างไฟล์ใหม่สำหรับแต่ละภาษา |
| ห้ามแปลทั้งบล็อก | ติดเครื่องหมายห้ามแปลให้ทั้งรูป | กันปลั๊กอินแปลนำข้อความสองชุดไปแปลซ้ำอีกครั้ง |
| ตรวจความยาวตอนสร้างไฟล์ | ตอนสร้างไฟล์ให้ตรวจตามความยาวจริงของทั้งสองภาษาว่าล้นหรือไม่ | ถ้าล้นแล้วค่อยมาเจอหลังอัปโหลด ต้นทุนการแก้สูงกว่ามาก |
| ไฟล์เดียวรองรับทั้งหมด | รูปหนึ่งรูปหนึ่งไฟล์ ไม่แยกตามภาษา | จำนวนไฟล์ในคลังรูปไม่ผูกกับจำนวนภาษา |
ข้อ “ห้ามแปลทั้งบล็อก” นี้ถูกลืมบ่อยที่สุด ถ้าไม่ติดเครื่องหมาย ปลั๊กอินแปลจะเอาป้ายข้อความไทยในรูปไปแปลเป็นอังกฤษเหมือนเป็นเนื้อหา บนหน้าภาษาอังกฤษก็จะมีทั้งอังกฤษที่แปลแล้วกับอังกฤษที่มีอยู่เดิม ซ้อนกันสองชุด รูปก็ใช้ไม่ได้ทันที ปัญหาแบบนี้พบบ่อยมากบนเว็บที่พึ่งปลั๊กอินแปลอัตโนมัติ
ยังมีข้อกำหนดเรื่องการตั้งชื่ออีกข้อ: ชื่อไฟล์รูปและข้อความทางเลือกไม่ควรมีคำต่อท้ายบอกภาษา ถ้ามีคำต่อท้าย เท่ากับเพิ่มภาษาแล้วต้องเพิ่มไฟล์อีกชุด ขนาดคลังรูปก็บานตามจำนวนภาษา และตอนลบก็ยากที่จะบอกว่ารูปไหนยังใช้อยู่ ข้อความทางเลือกให้เขียนเนื้อหาของรูป ไม่ต้องเขียนข้อมูลภาษา
สี่、อังกฤษยาวกว่าไทย 1.3 ถึง 1.5 เท่า การจัดหน้าต้องเผื่อตามตัวเลขนี้
นี่คือตัวเลขที่ต้องจำที่สุดในบทความนี้: ป้ายข้อความที่พอดีเต็มบรรทัดในหน้าภาษาไทย พอแปลเป็นอังกฤษมักยาวขึ้น 1.3 ถึง 1.5 เท่า ป้ายสั้นยิ่งหนักกว่า
| ประเภทข้อความ | ความยาวภาษาไทย | ตัวคูณความยาวอังกฤษที่พบบ่อย | คำอธิบาย |
|---|---|---|---|
| ป้ายสั้น ไม่เกิน 4 ตัวอักษร | เช่น สี่ตัวอักษร | 1.6 ถึง 2.0 เท่า | ยิ่งสั้นยิ่งไม่แม่น บานหนักที่สุด |
| วลีขนาดกลาง 8 ถึง 15 ตัวอักษร | คำอธิบายสั้นๆ ในหนึ่งบรรทัด | 1.3 ถึง 1.5 เท่า | ช่วงที่พบมากที่สุด |
| ประโยคเต็ม 20 ตัวอักษรขึ้นไป | ประโยคที่สมบูรณ์ | 1.2 ถึง 1.4 เท่า | มีบริบท แต่สัดส่วนกลับลดลง |
| ข้อความที่มีตัวย่อหรือรุ่นสินค้า | เช่น ตัวย่อพารามิเตอร์ | ใกล้เคียง 1.0 เท่า | รุ่นสินค้าและหน่วยไม่แปล แทบไม่เปลี่ยนแปลง |
ภาษาเยอรมันและรัสเซียจะยาวกว่านี้อีก โดยทั่วไปยาวกว่า英文อีก 10% ถึง 20% หากเว็บไซต์มีแผนจะทำภาษาเยอรมัน ต้องเผื่อพื้นที่ตามภาษาเยอรมัน ไม่ใช่นับตาม英文อย่างเดียว
เมื่อรู้ตัวคูณแล้ว ต้องแปลงเป็นกฎการเผื่อพื้นที่ที่จับต้องได้ มิฉะนั้นตัวเลขนี้ก็ยังใช้ไม่ได้
| ประเภทองค์ประกอบ | ขนาดตัวอักษรขั้นต่ำ | คำนวณความกว้างที่ใช้ได้อย่างไร | พื้นที่เผื่อขั้นต่ำ |
|---|---|---|---|
| หัวเรื่องการ์ด | ไม่เล็กกว่า 15 พอยต์ | ความกว้างการ์ดลบระยะห่างด้านซ้ายและขวาด้านละ 12 พิกเซล | เผื่อพื้นที่ว่าง 40% |
| บรรทัดเนื้อหาการ์ด | ไม่เล็กกว่า 12 พอยต์ | ระยะถึงขอบซ้ายของคอลัมน์ถัดไป | เผื่อพื้นที่ว่าง 45% |
| แกนพิกัดและป้ายสเกล | ไม่เล็กกว่า 10 พอยต์ | ระยะถึงสเกลถัดไป | เผื่อ 50% หากจำเป็นให้เปลี่ยนเป็นสองบรรทัด |
| คำอธิบายสัญลักษณ์และเชิงอรรถ | ไม่เล็กกว่า 10 พอยต์ | ระยะถึงขอบขวาของพื้นที่พิมพ์ | เผื่อ 35% สำหรับตัวย่อที่ยาวเกิน |
พื้นที่เผื่อใช้สำหรับตัดบรรทัด ไม่ใช่สำหรับย่อขนาดตัวอักษร หากบรรทัดเดียวใส่ไม่หมดให้ขึ้นบรรทัดใหม่ โดยขยายขึ้นและลงจากเส้นฐานเดิมเป็นศูนย์กลาง หากแนวตั้งก็ใส่ไม่หมด จึงอนุญาตให้ลดขนาดตัวอักษร และต้องไม่ต่ำกว่าขั้นต่ำในตารางด้านบน ลำดับนี้ห้ามสลับกัน การย่อขนาดตัวอักษรก่อนจะทำให้เวอร์ชัน英文เล็กกว่าเวอร์ชัน中文ทั้งภาพ น้ำหนักทางสายตาของสองภาษาจะไม่สม่ำเสมอกัน
การล้นมีสามรูปแบบ วิธีจัดการไม่เหมือนกัน
| รูปแบบการล้น | ลักษณะที่ปรากฏ | วิธีจัดการ |
|---|---|---|
| ล้นออกแนวนอน | ข้อความทับการ์ดข้างเคียง | ตัดบรรทัดตามระยะห่างเพื่อนบ้าน ไม่ใช่ย่อขนาดตัวอักษร |
| บังกันแนวตั้ง | ข้อความหลายบรรทัดทับบรรทัดถัดไป | เผื่อความสูงบรรทัดเป็นขนาดตัวอักษรคูณ 1.3 ถึง 1.4 |
| ล้นออกจากการ์ด | ข้อความเกินขอบการ์ด | เพิ่มระยะห่างภายในก่อน แล้วจึงพิจารณาเพิ่มความสูงการ์ด |
ห้า การแปลตารางให้เข้ากับท้องถิ่น: ความกว้างคอลัมน์ ตัวเลข หน่วย วันที่
ตารางยุ่งยากกว่ารูปภาพ เพราะมันเคลื่อนไหวได้: ความกว้างคอลัมน์เปลี่ยนตามเนื้อหา เนื้อหาเปลี่ยนตามภาษา ห้าจุดที่มักเกิดปัญหาที่สุด:
| รายการตรวจสอบ | ปัญหาที่พบบ่อย | กฎการจัดการ |
|---|---|---|
| ความกว้างคอลัมน์ | คอลัมน์แคบที่กำหนดตามความยาว中文 หัวตาราง英文ถูกบีบเป็นสองบรรทัด | จัดสรรความกว้างคอลัมน์ใหม่ตามความยาว英文ของหัวตาราง |
| รูปแบบตัวเลข | ใช้จุลภาคเป็นตัวคั่นหลักพันปนกับใช้ช่องว่างเป็นตัวคั่นหลักพัน | กำหนดให้สม่ำเสมอตามธรรมเนียมภาษาเป้าหมาย หนึ่งเว็บไซต์หนึ่งชุดกฎ |
| หน่วยวัด | หัวตาราง中文ระบุหน่วย หัวตาราง英文ลืมหน่วย | หน่วยใส่ในหัวตาราง ไม่ใส่ในเซลล์ข้อมูล |
| วันที่ | ลำดับปีเดือนวันเข้าใจต่างกันในแต่ละภูมิภาคภาษา | ใช้ปีสี่หลักบวกตัวย่อเดือนภาษาอังกฤษ เลี่ยงการใช้ตัวเลขล้วน |
| คำแปลยาวเกินตัดบรรทัด | ข้อความในเซลล์ดันความสูงทั้งแถว | อนุญาตให้ตัดบรรทัดแต่กำหนดไม่เกินสองบรรทัด หากเกินให้เปลี่ยนเป็นหัวตารางแบบสั้น |
การเขียนตัวเลขและหน่วยเป็นจุดที่ซ่อนระเบิดได้ง่ายที่สุด ต้องกำหนดกฎล่วงหน้าสำหรับความแตกต่างแบบฉบับต่างๆ:
| เนื้อหา | รูปแบบที่พบได้บ่อยใน中文 | รูปแบบที่พบได้บ่อยในภูมิภาคภาษาอังกฤษ | ข้อควรระวัง |
|---|---|---|---|
| ตัวคั่นหลักพัน | 10,000 หรือ 10000 | 10,000 | อย่าใช้จุดทศนิยมปนกับสัญลักษณ์ตัวคั่นหลักพัน |
| ทศนิยม | 0.5 | 0.5 หรือ .5 | อย่าให้มีจุลภาคเป็นจุดทศนิยม |
| ขนาด | 200 มิลลิเมตร | 200 mm | เว้นวรรคก่อนสัญลักษณ์หน่วย |
| อุณหภูมิ | 20 องศาเซลเซียส | 20 °C | เว้นวรรคระหว่างสัญลักษณ์องศากับตัวอักษร |
| ช่วง | 10 ถึง 20 | 10 to 20 หรือ 10–20 | ใช้เครื่องหมายยัติภังค์หรือ en dash ให้เหมือนกันทั้งหน้า |
| สกุลเงิน | 30,000 หยวน | CNY 30,000 | ไม่ขึ้นบรรทัดใหม่ระหว่างสกุลเงินกับจำนวนเงิน |
การแสดงตารางบนมือถือต้องทดสอบแยกต่างหาก จะเลื่อนแนวนอนหรือเปลี่ยนเป็นรูปแบบการ์ดก็ได้ สิ่งที่ต้องหลีกเลี่ยงคือย่อตารางทั้งตารางให้พอดีจอ เพราะตัวอักษรจะเล็กจนอ่านไม่ออก เกณฑ์ตัดสินคือ ถ้าไม่ซูมบนมือถือแล้วยังอ่านหัวตารางได้ชัด ก็ถือว่าผ่าน
หก、อะไรในภาพต้องแปล และอะไรห้ามแปล
เนื้อหาในภาพใช้เกณฑ์เดียวกันทั้งหมดไม่ได้ แต่ละประเภทจัดการต่างกัน
| ประเภทเนื้อหา | แปลหรือไม่ | เหตุผล |
|---|---|---|
| ป้ายข้อมูล คำอธิบายแกน และคำอธิบายสัญลักษณ์ | การแปล | เป็นกุญแจให้ผู้อ่านเข้าใจภาพ ถ้าไม่แปลก็เท่ากับภาพนั้นใช้ไม่ได้ |
| ชื่อโหนดในผังงาน ชื่อโมดูล | การแปล | เป็นข้อมูลเนื้อหาหลัก ต้องตรงกับข้อความบนหน้าเว็บแบบหนึ่งต่อหนึ่ง |
| ชื่อแบรนด์และชื่อบริษัท | ไม่แปล | ชื่อแบรนด์มีรูปแบบเดียวเท่านั้น ถ้าแปลจะทำให้ไม่สอดคล้องกัน |
| รุ่นสินค้าและซีเรียล | ไม่แปล | รุ่นสินค้าเป็นจุดยึดสำหรับการค้นหาข้ามภาษา ถ้าแปลก็จะค้นหาไม่เจอ |
| สัญลักษณ์หน่วยและสูตร | ไม่แปล แต่จัดรูปแบบตามธรรมเนียมของแต่ละภาษา | ตัวสัญลักษณ์ใช้ร่วมกันได้ทั่วไป แต่ระยะห่างและวิธีเขียนมีธรรมเนียมเฉพาะถิ่น |
| หมายเลขใบรับรองและมาตรฐาน | ไม่แปล | หมายเลขเป็นรหัสอ้างอิงจากภายนอกที่ตายตัว |
มีเกณฑ์หนึ่งที่ใช้ตัดสินได้ ถ้าข้อความนี้แปลแล้วลูกค้าค้นหาสิ่งที่ตรงกันในภาษาอื่นไม่เจอ ก็ไม่ควรแปล รุ่นสินค้า หมายเลข และชื่อแบรนด์จัดอยู่ในกลุ่มนี้
ยังมีข้อกำหนดด้านความสอดคล้องอีกข้อ คำศัพท์ในภาพต้องตรงกับอภิธานศัพท์ ถ้าพารามิเตอร์เดียวกันในหน้าภาษาจีนเรียกว่า “行程” แต่หน้าภาษาอังกฤษที่หนึ่งเขียน travel อีกที่เขียน stroke ผู้อ่านจะคิดว่านี่เป็นสองพารามิเตอร์ เว็บหลายภาษาต้องมีอภิธานศัพท์ก่อน แล้วค่อยพูดถึงการแปลภาพเป็นภาษาท้องถิ่น ถ้าทำสลับลำดับก็จะต้องแก้ซ้ำไปเรื่อยๆ หลักการจัดการชื่อพารามิเตอร์ก็ใช้แนวคิดเดียวกัน เทียบเคียงกันได้/insight/13-product-catalog-filter-search-experience/ ไปพร้อมกัน
เจ็ด、เช็กลิสต์ตรวจคุณภาพ: ตรวจ 4 ข้อต่อภาพหนึ่งภาพ คูณกับแต่ละภาษา
การตรวจคุณภาพดูแค่เวอร์ชันภาษาจีนไม่ได้ ต้องทำ 4 ข้อต่อภาพหนึ่งภาพคูณกับแต่ละภาษา ถ้าไม่ผ่านก็ไม่ขึ้นเว็บ
| รายการตรวจสอบ | เกณฑ์ตัดสิน | วิธีจัดการเมื่อไม่ผ่าน |
|---|---|---|
| ล้นออกนอกกรอบ | ข้อความไม่ล้นออกจากการ์ด ไม่ทับองค์ประกอบข้างเคียง | ตัดบรรทัดใหม่ ถ้าความสูงไม่พอก็ลดขนาดตัวอักษร |
| บังกัน | ข้อความหลายบรรทัดไม่ทับกัน และข้อความไม่ทับกับกราฟิก | ปรับความสูงบรรทัดหรือเพิ่มความสูงของกรอบ |
| ขนาดตัวอักษร | ไม่เล็กกว่าขนาดตัวอักษรขั้นต่ำขององค์ประกอบนั้น | ปรับความยาวข้อความ ไม่ใช่ลดขนาดตัวอักษรลงเรื่อยๆ |
| ล้นออกจากการ์ด | ช่องว่างระหว่างข้อความกับกรอบไม่น้อยกว่า 12 พิกเซล | เพิ่มระยะห่างด้านในหรือขยายการ์ดให้กว้างขึ้น |
เมื่อไหร่ควรทำภาพสองชุดจริงๆ
| สถานการณ์ | เกณฑ์การตัดสิน | แนวทางที่แนะนำ |
|---|---|---|
| ผังกระบวนการผลิตที่ศัพท์เทคนิคแน่นมาก | มีศัพท์เฉพาะทางเกิน 20 คำในภาพเดียว | ทำภาพบิตแมปสองชุด ให้คนที่เข้าใจทั้งสองภาษาตรวจสอบ |
| อินโฟกราฟิกหลายชั้นที่ซับซ้อน | มีลำดับชั้นในภาพเกินสี่ชั้น | แยกเป็นภาพง่ายๆ หลายภาพ แล้วใช้ SVG สองภาษา |
| ภาพตัดขวางสินค้าแบบเรนเดอร์สามมิติ | ข้อความบิดเบี้ยวตามพื้นผิวโค้ง | ทำภาพบิตแมปสองชุด เรนเดอร์แยกตามแต่ละภาษา |
| ภาพที่ต้องส่งพิมพ์ | งานพิมพ์ไม่รองรับ SVG | ทำภาพบิตแมปสองชุด เก็บไฟล์ต้นฉบับความละเอียดสูงไว้ |
| ลูกค้ากำหนดเลย์เอาต์ของภาพและข้อความ | เลย์เอาต์ถูกล็อกโดยฝ่ายลูกค้า | ทำภาพบิตแมปสองชุด เพื่อเลี่ยงการแก้เลย์เอาต์ |
เกณฑ์ตัดสินตรงไปตรงมา: ยิ่งภาพมีข้อมูลซับซ้อน ต้องอาศัยคนตรวจสอบ และต้องส่งออกไปนอกเว็บไซต์มากเท่าไร ก็ยิ่งควรทำภาพสองชุดมากขึ้นเท่านั้น กลับกัน แผนผัง โฟลว์การ์ด และภาพเปรียบเทียบที่ใช้ภายในเว็บไซต์ให้ใช้ SVG สองภาษาไปเลย ต้นทุนการดูแลต่ำกว่ากันคนละระดับ ส่วนข้อกำหนดรูปภาพและไฟล์ในขั้นตอนส่งมอบ ตรวจสอบตามรายการใน /site/ ได้เลย ถ้าเกี่ยวกับหน้าความน่าเชื่อถือและการแสดงใบรับรอง วิธีเขียนข้อความภาพและเนื้อหาให้ดูน่าเชื่อถือสามารถดูตัวอย่างได้จาก /insight/09-trust-pages-ai-credibility-evidence/ หรือจะส่งรายการภาพและแผนภูมิที่มีอยู่มาที่/contact/ เพื่อตรวจสอบทีละภาษาให้ก็ได้
FAQ คำถามที่พบบ่อย
ทิ้งท้าย
การแปลแผนภูมิให้เข้ากับท้องถิ่นดูเหมือนเป็นงานศิลป์ แต่จริง ๆ เป็นเรื่องโครงสร้าง ภาพบิตแมปฝังข้อความไว้ในพิกเซล เพิ่มภาษาใหม่ทีก็ต้องทำใหม่ที ส่วน SVG แบบฝังเก็บข้อความไว้ในตำแหน่งที่แทนที่ได้ เมื่อจำนวนภาษาเพิ่ม ต้นทุนแทบไม่เปลี่ยน ต่างกันไม่ใช่วันนี้ แต่ต่างกันตอนแก้ครั้งที่สาม
มีแค่สองเรื่องที่ต้องคิดล่วงหน้า: ภาพนี้จะแก้ไขอีกไหม และภาษาอังกฤษยาวกว่าจีนเท่าไร เรื่องแรกกำหนดวิธีทำ เรื่องที่สองกำหนดเผื่อพื้นที่ ทั้งสองเรื่องมีคำตอบก่อนเริ่มงาน ถ้ารอถึงหลังเปิดใช้งานแล้วค่อยพบ ราคาที่จ่ายมักคือทำใหม่
จำง่าย ๆ ประโยคเดียว: ข้อความในภาพต้องอยู่ในตำแหน่งที่แทนที่ได้ และเผื่อพื้นที่排版ไว้ที่ภาษาอังกฤษยาวกว่าจีนประมาณหนึ่งจุดสามถึงหนึ่งจุดห้าเท่า