iPhone4 กับ @2x คืออะไร

Retina DisplayTip วันนี้คือจะทำยังไงให้ รูปที่แสดงผลบน iPhone4 มีความคมชัดประดุจดัง เพชรน้ำงาม หรือที่หลายคนเรียกกันว่า Retina Display นั่นเอง จริงๆ แล้วก็ไม่ได้มีอะไรเลยครับ เนื่อจาก iPhone รุ่นเก่าๆนั้น จะแสดงผลที่ความระเอียด 320×480 ส่วน iPhone 4 จะแสดงผลที่ความระเอียด 640×960 เป็น 2 เท่าของแบบเดิม เราก็แค่ทำไฟล์รูปให้มี 2 ขนาดก็เท่านั้นเอง

สำหรับเรื่องนี้ Apple ได้เขียนไว้ใน User Interface Guild แล้วว่า ถ้าหากต้องการให้รูปแสดงผลบน Resolution เดิมก็ให้ใส่ชื่อเดิมของรูปไปแบบปกตินั้นแหละครับ แต่ถ้าอยากให้แสดงผลกับ Resolution ใหม่ให้ใช้ชื่อเดิมของรูปนั้นแล้วตามด้วย @2x เพิ่มเข้าไป (อย่าลืมนะ รูปก็ต้องใหญ่ขึ้นเป็น 2 เท่าขอรูปเดิมนะครับ) เช่น รูปชื่อ sampleImage.png (size = 480×320)  และเมื่อต้องการใช้กับ Retina Display ก็ตั้งชื่อรูปเป็น sampleImage@2x.png (size = 960×640) ก็เสร็จเรียบร้อยครับ โดยที่เราไม่ต้องทำอะไร ตัว iOS จะค่อยจัดการ Switch รูปให้เราเอง ครับ

One thought on “iPhone4 กับ @2x คืออะไร

  1. Pingback: The new iPad | Begining iOS Developer

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s