Bản địa hóa hình ảnh trong ASP.NET

Question

Một vài năm trước, chúng tôi đã có một nhà thiết kế đồ họa sửa đổi trang web của chúng tôi. Kết quả của anh ấy trông tuyệt vời, nhưng anh ấy không may đã giới thiệu một phông chữ không được hỗ trợ mới bởi trình duyệt web.

Lúc đầu, tôi thích, "Cái gì!?!" ... vì hầu hết nội dung của chúng tôi là động và không có cách nào thực sự để tạo trước tất cả hình ảnh. Cũng có nhiều vấn đề về ngôn ngữ (vì chúng tôi biết tiếng Tây Ban Nha đang ở trên đường chân trời).

Dù sao, tôi quyết định tạo một số lớp để tự động tạo hình ảnh qua GDI + và lập trình lưu trữ chúng khi cần thiết. Điều này giải quyết hầu hết các vấn đề ban đầu của chúng tôi. Tuy nhiên, bây giờ tải của chúng tôi đã tăng lên đáng kể, đã có một cống trên máy chủ UI của chúng tôi.

Bây giờ cho câu hỏi ... Tôi đang tìm cách thay thế hầu hết các hình ảnh GDI + động bằng phông chữ trình duyệt web chuẩn. Tôi đang nghĩ đến việc giữ một số hình ảnh GDI + được hiển thị và đưa chúng vào tệp resx, nhưng có kế hoạch thay thế hầu hết chúng bằng phông chữ Tahoma hoặc Arial qua asp: Nhãn.

Bạn đã tìm thấy giải pháp hình ảnh được bản địa hóa tốt hơn ở đâu?

• Nhúng hình ảnh vào resx
• Chỉ thêm url hình ảnh vào resx
• Một số giải pháp khác

mối quan tâm chính của tôi là để hạn chế việc xử lý trên máy chủ giao diện người dùng. Nếu đó là trường hợp, sẽ thêm url hình ảnh để resx là một giải pháp tốt hơn so với thực sự nhúng hình ảnh vào resx?

Answer 1

Bạn chỉ cần tạo từng hình ảnh một lần và sau đó lưu nó trên đĩa cứng. Tải trên trang web của bạn không nên tăng số lượng xử lý bạn phải làm. Điều đó đang được nói, nó gần như âm thanh như bạn đang sử dụng hình ảnh cho những điều bạn không nên. Nếu có rất nhiều hình ảnh khác nhau mà bạn không thể theo kịp với việc tạo ra chúng, đã đến lúc từ bỏ hình ảnh ưa thích của bạn cho những thứ không phải là hình ảnh và quay lại văn bản thẳng. Nếu người dùng không có phông chữ được chỉ định được cài đặt, nó sẽ chỉ rơi trở lại một phông chữ tìm kiếm tương tự. CSS có hỗ trợ tốt cho việc này.

Answer 2

Vì bộ nhớ đệm, tôi chỉ muốn thêm url hình ảnh vào resx. Caching là tốt hơn cho nội dung tĩnh (i-e tập tin đồng bằng) hơn cho nội dung được tạo ra.

Answer 3

xem phản ứng của tôi here

này có thể được thực hiện bằng tay hoặc sử dụng một số loại hệ thống tự động (CMS).

Phương pháp cơ bản là lưu hình ảnh của bạn vào cấu trúc thư mục cụ thể theo ngôn ngữ và sau đó viết trình xử lý HTTP có hiệu quả loại bỏ lớp thư mục bổ sung. ví dụ:

/images/ 
    /en/ 
     header1.gif 
    /es/ 
     header1.gif 

Trong đánh dấu hoặc CSS bạn sẽ tham khảo /images/header1.gif. Trình xử lý http sau đó sử dụng phiên (nếu ngôn ngữ là người dùng cụ thể) hoặc cấu hình (nếu trang web cụ thể) để chọn thư mục nào để phân phối hình ảnh.

Điều này cung cấp một dòng sạch sẽ bao gồm mã và nội dung, đồng thời cho phép lưu vào bộ nhớ đệm phía máy khách. Resx là tuyệt vời cho các chuỗi nhỏ nhưng tôi thích một hệ thống như thế này cho hình ảnh và nội dung lớn hơn. đặc biệt là trên web, nơi thường dễ dàng chuyển đổi hình ảnh xung quanh.

Answer 4

Tôi đã gặp vấn đề tương tự vài năm trước và nhóm giao diện của chúng tôi đã chỉ cho chúng tôi biết SIFr. http://wiki.novemberborn.net/sifr/

Bạn nhúng phông chữ của mình vào phim Flash và sau đó sử dụng JavaScript SIFr để tự động chuyển văn bản của bạn thành phông chữ. Bởi vì nó là phía máy khách, không có tác động phía máy chủ.

Nếu người dùng không cài đặt Flash hoặc JavaScript, họ sẽ nhận được phông chữ thân thiện với web gần nhất.

Là phần thưởng thêm: vì nội dung của bạn vẫn là Văn bản - Google có thể tìm kiếm và lập chỉ mục nội dung - tối ưu hóa SEO rất lớn.

Answer 5

Tôi muốn rất thận trọng về cách đặt văn bản trong hình ảnh, CSS với dự phòng phông chữ phù hợp với gia đình có thể là phản hồi chính xác về khả năng truy cập và cơ sở MVC tốt.

đâu thế hệ thực sự là cần thiết tôi nghĩ Kiblee và JayArr phác thảo các giải pháp tốt