Khi Apple giới thiệu iPad mới với màn hình Retina, chúng tôi đã lưu ý cách nó có thể biến đổi thiết kế web, nhưng các nhà phát triển cũng có một trận chiến trên tay họ.
Điều này là do hình ảnh có độ phân giải thấp trông rõ ràng là mờ trên màn hình độ phân giải cao của iPad - nhiều hơn so với trên điện thoại thông minh. Với việc Apple gần đây đã phát hành MacBook Pro với màn hình độ phân giải cao, các nhà thiết kế đã hỏi liệu màn hình Retina bây giờ có nên là một vật phẩm thử nghiệm trong kho hay không và liệu 'cuộc chiến Retina' có đang rình rập hay không.
Thomas Fuchs dường như đứng về phía những nhà phát triển, những người coi độ phân giải cao là một quá trình chuyển đổi không thể tránh khỏi sẽ sớm diễn ra. Anh ấy đang trong quá trình phát hành Retinafy Your Web Sites & Apps, một cuốn sách cho phép bạn thực hiện chính xác những gì nó nói trong tiêu đề. Theo Fuchs, việc làm cho các ứng dụng của riêng anh ấy sẵn sàng cho màn hình mật độ cao khiến anh ấy nhận ra rằng không có nguồn 'truy cập' nào cho điều này: "Mọi thứ đều được lan truyền trong hàng triệu bài đăng trên blog và mục nhập diễn đàn, hoặc ẩn sâu trong tài liệu của Apple hoặc Google . Nhiều thông tin ngoài kia cũng không chính xác về mặt kỹ thuật hoặc lỗi thời. Và sau đó là nhiều lời khuyên tồi tệ, gây ra những công việc không cần thiết. "
Fuchs nói với .net vì vậy cuốn sách mà anh ấy tạo ra là một hướng dẫn "vô nghĩa, không có lông tơ" để làm cho trang web hoặc ứng dụng của bạn trông tuyệt vời trên màn hình mật độ cao: "Tôi đã thực hiện rất nhiều nghiên cứu về cách đạt được kết quả tuyệt vời mà không cần để viết thêm CSS hoặc cung cấp các phiên bản hình ảnh bổ sung khi bạn có thể tránh nó. Ngoài ra còn có hướng dẫn về cách nén hình ảnh đúng cách và cách giữ thời gian tải nhanh. Tôi đang nói về tất cả các nội dung cần hoạt động có thể không rõ ràng tại đầu tiên, bao gồm hình ảnh SVG, phần tử Canvas và Biểu tượng yêu thích. " Ông nói thêm rằng cuốn sách thực dụng và dựa trên các dự án trong thế giới thực của chính ông.
Fuchs cho rằng đối với những nhà thiết kế nghĩ rằng việc xử lý màn hình có độ phân giải cao là hành động quá khích hoặc bằng cách nào đó làm phiền Apple, thì tất cả điện thoại và máy tính bảng có màn hình mật độ cao - không chỉ iPhone, iPad và một số MacBook Pro. Ví dụ: đại đa số điện thoại Android được Google gọi là 'hdpi' - màn hình khoảng 200 dpi trở lên. "Fuchs nói rằng về mặt CSS, điều này có nghĩa là '1 pixel CSS' bằng '1,5 pixel vật lý' trên các thiết bị này. "Nói cách khác, bạn cũng sẽ cần hình ảnh có độ phân giải cao cho những thiết bị này. Ngoài ra, nhiều thông tin trong cuốn sách liên quan đến tỷ lệ hình ảnh cũng áp dụng trực tiếp cho thiết kế đáp ứng. "
Fuchs cho biết, cũng có những lợi ích khác đối với phương pháp Retinafy, bao gồm khả năng tiếp cận đang được cải thiện cho những người phóng to trên trình duyệt máy tính để bàn và thiết bị di động, cùng với chất lượng in có khả năng vượt trội. Ông nói thêm: “Trong mọi trường hợp, trong một vài năm nữa, hầu hết các màn hình sẽ là Retina, cho dù bạn có muốn hay không.
Retinafy Your Web Sites & Apps hiện có sẵn ở dạng beta với giá 19 đô la, với giá đầy đủ là 29 đô la. Fuchs cho chúng tôi biết quyết định phát hành cuốn sách sớm là do muốn mọi người có quyền truy cập sớm vào thông tin và đóng góp một phiên bản cuối cùng tốt hơn cho mọi người: "Có phản hồi sớm giúp tôi tìm thấy những điểm mà tôi nên mô tả mọi thứ theo cách khác hoặc chi tiết hơn."
