ฉันจะทำให้ข้อความ Photoshop ของฉันปรากฏบนเว็บได้อย่างไร

ฉันต้องออกแบบทุกอย่างใน Photoshop โดยตั้งค่า anti-aliasing เป็น "none" หรือไม่? ฉันแน่ใจว่ามีวิธีที่ดีกว่า

ฉันต้องการมีการตั้งค่าเพื่อให้เมื่อเลือกเว็บที่ปลอดภัยขั้นพื้นฐาน (เช่น Tahoma) ใน Photoshop เพื่อให้ฉันสามารถเห็นสิ่งที่มันจะดูเหมือนจริงเมื่อบนเว็บ

ตัวอย่างเช่น: ความแตกต่างระหว่าง Tahoma ที่มีการต่อต้านนามแฝงตั้งค่าเป็น "crisp" ใน Photoshop และการแสดงผลใน Firefox เป็นหลัก มันดูดีและราบรื่นใน Photoshop และดูเหมือนว่าอึบนเว็บ

มีตัวเลือกการลดรอยหยักที่ดีที่สุดที่จะเริ่มต้นด้วย (ที่มีผลคล้ายกันมากที่สุด) เมื่อวางแผนที่จะให้เนื้อหาอยู่บนเว็บหรือไม่?

ระบบปฏิบัติการและเบราว์เซอร์ส่วนใหญ่แสดงผลด้วยการลดรอยหยักหรือการลบรอยหยักย่อยพิกเซล การลดรอยหยักของพิกเซลย่อยเป็นเรื่องปกติบนแพลตฟอร์มเดสก์ท็อปเช่น Windows (พร้อม ClearType) และ OS X การลดรอยหยักขาวดำมาตรฐานเป็นเรื่องธรรมดาบนแพลตฟอร์มมือถือซึ่งลำดับย่อยพิกเซลของอุปกรณ์อาจเปลี่ยนไปตามการวางแนวของอุปกรณ์ เนื่องจากพวกมันมักจะมีความหนาแน่นของพิกเซลสูงขึ้น

การแสดงผลข้อความที่มีนามแฝงเป็นเรื่องปกติใน Windows XP โดยที่ ClearType จะถูกปิดใช้งานตามค่าเริ่มต้น Windows Vista และใหม่กว่านั้น ClearType เปิดใช้งานตามค่าเริ่มต้น

การแสดงผลใน Photoshop กับ Windows กับ OS X เทียบกับ iOS กับ Android และ WebKit เทียบกับ Firefox (Gecko) นั้นแตกต่างกันโดยสิ้นเชิง ดังนั้นจึงไม่มีวิธีที่คุณสามารถสร้างบางสิ่งบางอย่างใน Photoshop และรู้ว่าการแสดงข้อความจะเหมือนกันเว้นแต่คุณจะจับภาพหน้าจอและเพิ่มลงในเอกสารของคุณเป็นเลเยอร์บิตแมป

ไม่แนวคิดใหม่ที่จะหลีกเลี่ยง Photoshop สำหรับการออกแบบเลย์เอาต์และการพิมพ์และเริ่มต้นในเบราว์เซอร์ให้เร็วที่สุด

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

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

ใน Photoshop CC เราเพิ่มโหมด aliasing ใหม่สำหรับแบบอักษรของคุณ ลองใช้ "Mac LCD" ใหม่แทน "คมชัด" หรือ "แรง" คุณจะได้รับการออกแบบที่ปลอดภัยสำหรับเว็บ 100%

คำตอบสั้น ๆ : คุณไม่สามารถ

ไม่เพียง แต่ Photoshop จะไม่เหมาะอย่างยิ่งที่จะรู้ว่าตัวอักษรของคุณจะแสดงผลออกมาอย่างไรมันไม่เหมาะสำหรับการทำงานกับแบบอักษรโดยทั่วไป (เมื่อฉันทำงานที่ Design Firm / Print Shop ทุกอย่างที่ออกแบบใน PS ต้องถูกส่งออกเป็น PDF ด้วยเหตุผลเดียวกันนี้) จากนั้นปัญหาของเว็บก็คือเบราว์เซอร์และระบบปฏิบัติการที่เรียกใช้เบราว์เซอร์เหล่านั้น เท่าที่ฉันทราบ OS X ดีที่สุดในแง่ของการแสดงผลแบบอักษรอย่างเหมาะสมในขณะที่ Linux มาที่สองและ Windows แน่นอนมาล่าสุด ความจริงก็คือพวกเขาทั้งหมดใช้อัลกอริทึมที่แตกต่างกันสำหรับการแสดงผลแบบอักษรและคุณจะไม่ได้รับผลลัพธ์เดียวกันทุกที่ หากมีวิธีแก้ปัญหาอาจเป็นได้ว่าเราทุกคนเปลี่ยนมาใช้ Linux, Mac หรือรอจนกว่า Microsoft จะประสบความสำเร็จในครั้งต่อไปกับ Windows Metro (ขออภัยฉันเกลียดที่จะเรียกมันว่า Windows 8) หรือระเบิดทั้งหมด

แค่ 2 เซ็นต์ของฉัน

ปะ

ในสายตาของฉันการแสดงผลในเบราว์เซอร์นั้นอยู่ระหว่าง "Sharp" และ "Crisp" ของ Photoshop บน Mac และระหว่าง "Crisp" และ "Strong" บน Windows ฉันขอแนะนำให้ใช้ "Crisp" สำหรับข้อความสดกับนักออกแบบกราฟิกที่ฉันทำงานด้วย ค่าเริ่มต้น "Strong" จะตั้งค่าให้ผิดหวังเสมอ ;)