Chèn hình ảnh vào Thiết kế Trang cho iPhone - núm vú

Bạn có thể chèn hình ảnh vào các trang web được thiết kế cho iPhone và iPad giống như bạn chèn chúng vào bất kỳ trang web nào khác, sử dụng thẻ hình ảnh HTML.

Thẻ hình ảnh đã được tạo tốt sau đây chèn ảnh có chiều ngang 320 pixel x 110 pixel và được lưu dưới dạng JPEG:

Danh sách này mô tả một số thực tiễn tốt nhất để chèn hình ảnh vào bất kỳ trang web nào. Những thực tiễn này đặc biệt quan trọng khi bạn thiết kế cho web di động:

• Sử dụng văn bản Alt. Đảm bảo bao gồm văn bản thay thế (Alt) để mô tả hình ảnh. Nếu người dùng của bạn ở các khu vực có kết nối đến web di động hoặc điểm phát sóng Wi-Fi không hoạt động, họ có thể đã chọn tắt hiển thị hình ảnh. Trong trường hợp này, văn bản Alt có thể là tất cả khách truy cập của bạn sẽ thấy.

  Nếu bạn chèn một biểu tượng hoặc hình ảnh khác bằng văn bản, hãy chắc chắn bao gồm văn bản trong trường Alt của thẻ hình ảnh.

• Giới hạn kích thước của hình ảnh. Sử dụng một chiều rộng tương đối hẹp (320 pixel hoặc nhỏ hơn) để phù hợp với không gian giới hạn của màn hình iPhone cơ bản. Cách giải quyết khác là chỉ định chiều rộng sử dụng một tỷ lệ phần trăm để hình ảnh tự động điều chỉnh kích thước màn hình.

  Ví dụ: nếu bạn đặt thuộc tính size trong thẻ ảnh thành chiều rộng = 95%, hình ảnh sẽ chiếm 95 phần trăm chiều rộng của khu vực hiển thị. Nếu bạn sử dụng tỷ lệ phần trăm cho chiều rộng, bạn không cần chỉ định chiều cao.

• Xác định chiều cao và chiều rộng cho mỗi hình ảnh. Sử dụng các thuộc tính chiều cao và chiều rộng, như được minh họa trong ví dụ mã thẻ hình ảnh trước đó, giúp trình duyệt Safari di động tải các trang một cách hiệu quả hơn bởi vì trình duyệt không phải tải từng ảnh trước khi nó có thể xác định độ cao và chiều rộng của nó.

• Sử dụng định dạng hình ảnh được hỗ trợ. Các thiết bị của Apple có thể hiển thị hình ảnh JPEG, PNG và GIF - thậm chí ảnh GIF động.