Tạo một biểu tượng Web Clip cho iPhone - những con dao

Giống như bạn có thể đánh dấu các trang web trong trình duyệt của máy tính để bàn, bạn có thể lưu liên kết tới bất kỳ trang web nào trên iPhone hoặc iPad bằng cách nhấp vào biểu tượng Xuất xuất hiện màu đỏ hình trên cùng và sau đó chọn Thêm vào màn hình chính, như thể hiện trong hình dưới cùng.

Một biểu tượng Web Clip trông giống như các biểu tượng đi kèm với các ứng dụng iTunes gốc. Khi khách truy cập vào trang web của bạn thêm một biểu tượng Clip Web vào Màn hình chính (máy tính để bàn của thiết bị của cô ấy), nó sẽ tạo liên kết đến trang web của bạn, giống như một dấu trang trong trình duyệt web dành cho máy tính để bàn.

Biểu tượng Web Clip này cho phép khách truy cập của bạn một phím tắt tuyệt vời trở lại trang web của bạn và đó là một cách mạnh mẽ để khiến họ suy nghĩ về bạn. Thật không may, nhiều người dùng iPhone và iPad thậm chí không nhận ra rằng có thể lưu liên kết tới một trang web theo cách này.

Đây là cách hoạt động: Khi người dùng nhấn nút giữa trong thanh nút ở dưới cùng của iPhone hoặc iPod touch, Safari cung cấp một số tùy chọn.

Khi bạn chọn Thêm vào màn hình chính, một hình ảnh nhỏ, được gọi là Biểu tượng Web Clip, được lưu vào màn hình chính của iPhone hoặc iPad với liên kết đến web trang. Liên kết này cho phép truy cập trang web bằng cách nhấp vào biểu tượng cũng dễ dàng như chạy ứng dụng. Nhấp vào biểu tượng Web Clip và iPhone và iPad khởi chạy Safari và mở trang trong trình duyệt bằng một thao tác đơn giản.

Là một nhà thiết kế web, bạn có thể tạo một hình ảnh để phục vụ như là biểu tượng Web Clip của bạn. Nếu không, iPod touch, iPhone hoặc iPad sẽ lưu một ảnh chụp màn hình của bất kỳ nội dung nào được hiển thị trên màn hình và sử dụng biểu tượng đó làm biểu tượng. Bạn nên chỉ cần thêm một ít nỗ lực và chỉ định hình ảnh mà bạn muốn sử dụng làm biểu tượng trên Màn hình chính.

Trong hình này, bạn có thể thấy một biểu tượng Web Clip được tạo từ hình chính được sử dụng trong thiết kế này. Hình ảnh này được cắt xén và đơn giản hóa để phục vụ như một biểu tượng tốt hơn so với chụp màn hình của toàn bộ trang, bao gồm văn bản và các hình ảnh khác ở kích thước nhỏ mà chúng không thể đọc được.

Đây là cách bạn tạo một biểu tượng Clip Web và chỉ định nó trong đoạn code của trang:

1. Sử dụng một chương trình đồ hoạ, chẳng hạn như Photoshop, để tạo ra hình ảnh mà bạn muốn làm biểu tượng của bạn.

   Ảnh nên đo 114 x 114 pixel và được lưu ở định dạng PNG.

   Lưu ý: Các thiết bị có độ phân giải cao hiển thị biểu tượng ở 114 x 114. Các iPhone lớn hơn hiển thị nó ở 57-x 57 pixel, iPad hiển thị 72 x 72 pixel. Bạn có thể tạo một trong mỗi kích thước hoặc bạn có thể để thiết bị tự động phóng to ảnh. Cũng lưu ý rằng bạn có thể sử dụng một hình ảnh JPEG, nhưng nếu bạn muốn đảm bảo rằng biểu tượng hoạt động trên tất cả các thiết bị, lưu nó như là một hình ảnh PNG là lựa chọn an toàn nhất.

2. Đặt tên cho hình ảnh biểu tượng cảm ứng apple. png và tải nó lên thư mục gốc của trang web của bạn.

3. (Tùy chọn) Nếu bạn muốn lưu hình ảnh trong thư mục con hoặc bạn muốn sử dụng một biểu tượng Web Clip khác cho trang chủ hơn là sử dụng cho trang nội bộ trong trang web của mình, bạn có thể thêm mã này vào phần của bất kỳ trang web để chỉ định tên và vị trí của hình ảnh.