Tải lên hình ảnh

Bạn có thể sử dụng nhiều loại hình ảnh như logo công ty, hình ảnh sản phẩm, bản trình chiếu, biểu ngữ và hình ảnh bài viết blog. Bạn có thể sửa đổi hình ảnh bằng các thao tác cắt xén và thay đổi kích thước. Bạn có thể tùy chỉnh cài đặt phương tiện trong chủ đề để thay đổi đường viền hoặc bóng đổ trong tất cả phương tiện hiển thị trên cửa hàng.

Để hiển thị hình ảnh trong cửa hàng trực tuyến đúng như mong muốn, bạn cần sử dụng tỷ lệ khung hình chính xác.

Lưu ý

Bạn không cần nén hình ảnh một cách thủ công trước khi tải lên. Hãy tải lên hình ảnh chất lượng tốt nhất mà bạn có.

Tải lên hình ảnh trong trình biên tập chủ đề

Bạn có thể thêm hình ảnh vào chủ đề trong trình biên tập chủ đề. Bạn cũng có thể tải hình ảnh lên trang Tệp trên trang quản trị Shopify. Để tìm hiểu thêm, tham khảo Tải tệp lên trang web.

Các bước thực hiện:

1. Trên trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
2. Nhấp vào Tùy chỉnh bên cạnh chủ đề bạn muốn tùy chỉnh.
3. Sử dụng menu thả xuống để chọn mẫu bạn muốn chỉnh sửa.
4. Trên thanh bên của trình biên tập chủ đề, nhấp vào mục hoặc khối bạn muốn thêm hình ảnh.

5. Nhấp vào Chọn hình ảnh rồi thực hiện một trong những thao tác sau:

   • Để tải lên ảnh từ máy tính, hãy nhấp vào Tải lên.
   • Để sử dụng hình ảnh có sẵn miễn phí từ Burst, hãy nhấp vào Khám phá hình ảnh miễn phí.

6. Nhấp vào hình ảnh để xem trước hình ảnh trong chủ đề. Sau khi tìm được hình ảnh muốn sử dụng, nhấp vào Chọn.

7. Nhấp vào Save (Lưu).

Thêm hình ảnh bằng trường thông tin bổ sung

Nếu đã thiết lập trường thông tin bổ sung cho hình ảnh, bạn có thể sử dụng hộp chọn nguồn động để thêm hình ảnh. Để biết thêm thông tin về trường thông tin bổ sung và định dạng hình ảnh được hỗ trợ, hãy tham khảo phần Loại nội dung và giá trị của trường thông tin bổ sung.

Biểu ngữ hình ảnh

Bạn có thể tạo biểu ngữ hình ảnh bằng những thành phần sau:

• một hoặc hai hình ảnh
• nhắn tin
• nút thao tác

Trên máy tính để bàn, hình ảnh biểu ngữ sẽ hiển thị cạnh nhau. Vì định dạng này không phù hợp với thiết bị di động, bạn có thể xếp chồng ảnh biểu ngữ hình ảnh bằng cách chọn tùy chọn Xếp chồng hình ảnh trên thiết bị di động trong cài đặt chủ đề Biểu ngữ hình ảnh. Để biết thêm thông tin về biểu ngữ hình ảnh và bản trình chiếu, hãy tham khảo phần Phương thức tối ưu cho bản trình chiếu và biểu ngữ hình ảnh.

Đặt tiêu điểm trên hình ảnh chủ đề

Bạn có thể sử dụng tiêu điểm để xác định phần quan trọng nhất của hình ảnh trên chủ đề của cửa hàng trực tuyến. Khi đặt tiêu điểm trên hình ảnh, bạn sẽ biến tiêu điểm thành vùng tiêu điểm. Tiêu điểm luôn xuất hiện trong khung, ngay cả khi chủ đề của bạn có hình ảnh bị cắt xén để vừa vặn với bố cục. Tiêu điểm giúp bạn kiểm soát tốt hơn cách thức hiển thị hình ảnh khi chủ đề sử dụng tỷ lệ khung hình khác nhau, và trên nhiều kích cỡ màn hình khác nhau.

Bạn chỉ có thể có một tiêu điểm cho mỗi hình ảnh, nhưng bạn có thể thay đổi hoặc xóa tiêu điểm bất kỳ lúc nào.

Bạn có thể đặt tiêu điểm trên các phiên bản chủ đề Shopify miễn phí sau:

• Craft phiên bản 5.0.0 trở lên
• Crave phiên bản 5.0.0 trở lên
• Phiên bản Colorblock 3.0.0 trở lên
• Phiên bản Dawn 7.0.0 trở lên
• Phiên bản Refresh 2.0.0 trở lên
• Phiên bản Ride 3.0.0 trở lên
• Phiên bản Sense 5.0.0 trở lên
• Phiên bản Studio 4.0.0 trở lên
• Phiên bản Taste 4.0.0 trở lên

Nếu bạn đang sử dụng chủ đề của bên thứ ba, kiểm tra tài liệu về chủ đề để xem chủ đề có hỗ trợ sử dụng tiêu điểm hay không.

Thêm tiêu điểm vào hình ảnh

Bạn có thể thêm tiêu điểm vào hình ảnh từ mục Tệp và từ trình biên tập chủ đề. Nếu bạn thêm tiêu điểm vào hình ảnh rồi sử dụng hình ảnh ở nhiều vị trí thì tất cả hình ảnh đều sử dụng cùng tiêu điểm.

Bạn chỉ có thể thêm tiêu điểm vào hình ảnh chủ đề. Bạn không thể thêm tiêu điểm vào hình ảnh sản phẩm, blog hoặc bộ sưu tập.

Máy tính để bàn

Các bước thực hiện:

1. Trong trình biên tập chủ đề, nhấp vào một mục hoặc khối có hình ảnh.
2. Nhấp vào Chỉnh sửa trên hình ảnh.
3. Nhấp vào Thêm tiêu điểm.
4. Nhấp và kéo hình tròn màu xanh dương hoặc nhấp vào phần quan trọng nhất của hình ảnh để đặt tiêu điểm.
5. Nhấp vào Done (Đã xong).

iPhone

Các bước thực hiện:

1. Trong trình biên tập chủ đề, chạm vào một mục hoặc khối có hình ảnh.
2. Chạm vào Chỉnh sửa trên hình ảnh.
3. Chạm vào Thêm tiêu điểm.
4. Chạm vào phần quan trọng nhất của hình ảnh để đặt tiêu điểm.
5. Chạm vào Done (Đã xong).

Android

Các bước thực hiện:

1. Trong trình biên tập chủ đề, chạm vào một mục hoặc khối có hình ảnh.
2. Chạm vào Chỉnh sửa trên hình ảnh.
3. Chạm vào Thêm tiêu điểm.
4. Chạm vào phần quan trọng nhất của hình ảnh để đặt tiêu điểm.
5. Chạm vào Done (Đã xong).

Lưu ý

Bạn có thể di chuyển tiêu điểm bằng cách mở lại hình ảnh và nhấp vào một vùng khác của hình ảnh để đặt tiêu điểm mới.

Xóa tiêu điểm

Máy tính để bàn

Các bước thực hiện:

1. Trong trình biên tập chủ đề, nhấp vào một mục hoặc khối có hình ảnh.
2. Chạm vào Chỉnh sửa trên hình ảnh.
3. Nhấp vào Xóa tiêu điểm.
4. Nhấp vào Done (Đã xong).

iPhone

Các bước thực hiện:

1. Trong trình biên tập chủ đề, chạm vào một mục hoặc khối có hình ảnh.
2. Chạm vào Chỉnh sửa trên hình ảnh.
3. Chạm vào Xóa tiêu điểm.
4. Chạm vào Done (Đã xong).

Android

Các bước thực hiện:

1. Trong trình biên tập chủ đề, chạm vào một mục hoặc khối có hình ảnh.
2. Chạm vào Chỉnh sửa trên hình ảnh.
3. Chạm vào Xóa tiêu điểm.
4. Chạm vào Done (Đã xong).

Lưu ý

Tùy theo cách chủ đề của bạn cắt xén và thay đổi kích thước hình ảnh, tiêu điểm không phải lúc nào cũng ở vị trí trung tâm.

Định dạng hình ảnh

Shopify hỗ trợ các định dạng ảnh sau:

• JPEG
• Progressive JPEG
• PNG
• GIF
• HEIC
• WebP

Lưu ý

Shopify tự động phát hiện định dạng hình ảnh được trình duyệt của khách hàng hỗ trợ, sau đó tự động hiển thị hình ảnh dưới định dạng có sẵn tốt nhất. Tìm hiểu thêm về khả năng chuyển đổi hình ảnh của Shopify.

Trường hợp cần sử dụng hình ảnh JPEG

Hình ảnh JPEG lý tưởng đối với nhiếp ảnh và các hình ảnh tĩnh khác có màu phức hợp. Định dạng JPEG có bảng màu gồm hàng triệu màu. JPEG cũng có dạng nén có tổn hao, giúp đẩy nhanh thời gian tải trang mà không gây tổn hao đáng kể về chất lượng hình ảnh.

Sử dụng định dạng JPEG cho các loại hình ảnh sau:

• sản phẩm
• biểu ngữ hoặc bản trình chiếu
• trang và bài viết blog

Trường hợp cần sử dụng hình ảnh PNG

Hình ảnh PNG lý tưởng cho đồ họa và biểu tượng có màu phẳng và không có chuyển màu. Định dạng PNG cũng có thể hỗ trợ màu trong suốt.

Sử dụng định dạng PNG cho các loại hình ảnh sau:

• logo
• biểu tượng
• viền và hình cắt

Nén hình ảnh tự động và chọn định dạng

Để đảm bảo thời gian tải nhanh, Shopify tự động nén hình ảnh khi hình ảnh hiển thị trên cửa hàng trực tuyến. Nén hình ảnh nghĩa là giảm kích cỡ tệp để tải trang nhanh hơn.

Ngoài ra, Shopify tự động xác định định dạng tệp tốt nhất có thể để sử dụng khi giao hình ảnh. Ví dụ: Khi chúng tôi phát hiện trình duyệt web của khách hàng hỗ trợ định dạng hình ảnh hiện đại như WebP và Định dạng tệp hình ảnh AV1 (AVIF), Shopify sẽ cung cấp hình ảnh của bạn ở những định dạng đó.

Để cải thiện hiệu suất bằng cách giảm kích cỡ tệp, tệp GIF sẽ được tự động chuyển đổi thành định dạng WebP động.

Giới hạn tải lên

Hoạt động tải hình ảnh lên Shopify có hạn chế về cả megapixel và kích cỡ tệp (đo bằng megabyte). Megapixel được dùng để cho biết hình ảnh được tạo nên từ bao nhiêu triệu pixel. Megabyte được dùng để cho biết hình ảnh chiếm bao nhiêu triệu byte trong dung lượng bộ nhớ hoặc đĩa.

Hình ảnh tải lên Shopify không được vượt quá các giới hạn sau:

• 25 megapixel
• 20 megabyte

Để tìm megapixel cho hình ảnh, bạn có thể sử dụng phương trình sau: (pixel width x pixel height)/1,000,000. Ví dụ: Hình ảnh có độ phân giải 4900 x 6930 sẽ là 33,9 megapixel dựa trên phương trình: (4900x6930)/1,000,000 = 33.9 MP.

Lưu ý

Có giới hạn kích cỡ hình ảnh và tệp khác nhau khi tải lên hình ảnh sản phẩm.

Hồ sơ màu

Khi bạn xem hình ảnh trên cửa hàng trực tuyến, màu sắc trong hình ảnh có thể khác với màu sắc trong bản gốc mà bạn tải lên Shopify. Điều này có thể xảy ra khi hình ảnh có hồ sơ màu, tức một bộ dữ liệu được lưu trữ trong một tệp với phần mở rộng .ICC hoặc .ICM. Hồ sơ màu thường được nhúng vào hình ảnh để giúp tiêu chuẩn hóa cách hiển thị màu trên các thiết bị khác nhau. Khi hình ảnh hiển thị trên cửa hàng trực tuyến, hồ sơ màu sẽ bị xóa.

Hồ sơ màu bị xóa vì một số lý do:

• Không phải mọi thiết bị đều có thể đọc hồ sơ màu .ICC hoặc .ICM, vì vậy, giữ nguyên hồ sơ màu có thể gây bất đồng màu sắc hình ảnh trên các thiết bị.
• Khi hình ảnh được tải lên không có hồ sơ màu, sRGB (hồ sơ màu thông dụng nhất dùng để hiển thị hình ảnh trên web) do trình duyệt web đảm nhận. Điều này đảm bảo hình ảnh đồng nhất trên tất cả các trình duyệt web và thiết bị chính.
• Hồ sơ màu có thể chiếm dung lượng đĩa lớn, gây tốn thời gian tải.

Xóa hồ sơ màu khỏi hình ảnh

Bạn có thể xóa hồ sơ màu khỏi hình ảnh bằng cách lưu hình ảnh mà không có hồ sơ màu trước khi tải lên Shopify. Quá trình này thay đổi tùy thuộc vào chương trình chỉnh sửa hình ảnh.

Xóa hồ sơ màu bằng Abobe Illustrator hoặc Adobe Photoshop

Để xóa hồ sơ màu bằng Abobe Illustrator hoặc Adobe Photoshop:

1. Nhấp vào Edit (Chỉnh sửa) > Assign Profile (Chỉ định hồ sơ).

2. Chọn Don’t Color Manage This Document (Không quản lý màu tài liệu này).

3. Nhấp vào OK.

Xóa hồ sơ màu bằng Adobe InDesign

Để xóa hồ sơ màu bằng Adobe InDesign:

1. Nhấp vào Edit (Chỉnh sửa) > Assign Profile (Chỉ định hồ sơ).

2. Đối với Hồ sơ RGB và Hồ sơ CMYK, chọn Discard (Use Current Working Space) (Bỏ (Sử dụng không gian làm việc hiện tại)).

3. Nhấp vào OK.

Để biết thêm thông tin chi tiết, bạn có thể xem Tài liệu Adobe về hồ sơ màu.

Phương thức tối ưu bản trình chiếu, biểu ngữ hình ảnh và hình ảnh toàn chiều rộng

Nhiều chủ đề Shopify sử dụng hình ảnh hoặc bản trình chiếu cỡ lớn, căn chỉnh theo chiều cao của trình duyệt hoặc phù hợp với kích cỡ màn hình.

Nếu bạn sử dụng một trong những chủ đề này hoặc có bản trình chiếu hoặc hình nền cỡ lớn, bạn cần tìm hiểu loại hình ảnh nào phù hợp nhất.

Vì hình ảnh cỡ lớn không thể vừa với mọi thiết bị, đôi khi Shopify chỉ hiển thị một phần hình ảnh tùy thuộc vào thiết bị bạn sử dụng. Nếu bản trình chiếu hình ảnh của bạn có nhiều ảnh cỡ lớn, bạn có thể thấy các hình ảnh không hiển thị đầy đủ các phần.

Đề xuất

Để đảm bảo hình ảnh của bạn phù hợp với chủ đề, cần ghi nhớ một số điều sau:

• Hình ảnh sử dụng cho bản trình chiếu hoặc nền không được chứa văn bản. Nếu văn bản là một phần của hình ảnh, bạn có thể di chuyển, cắt hoặc điều chỉnh văn bản dựa trên chủ đề. Sử dụng trình biên tập chủ đề để thêm văn bản và liên kết vào bản trình chiếu.

• Đối với hình ảnh sử dụng trong bản trình chiếu hoặc làm ảnh nền, chọn hình ảnh đơn giản để mọi văn bản ghi đè lên dễ đọc.

Hình ảnh rộng ngang trên màn hình dài

Bạn có thể cắt bên trái và phải hình ảnh rộng ngang khi thiết bị dùng để xem hình ảnh có màn hình dài (như điện thoại di động hoặc máy tính bảng). Trong ví dụ dưới đây, nếu con người là phần quan trọng nhất của hình ảnh thì bạn có thể đặt tiêu điểm ở bên phải hình ảnh:

Hình ảnh dài trên màn hình rộng ngang

Bạn có thể cắt phía trên và phía dưới hình ảnh dài khi thiết bị dùng để xem hình ảnh có màn hình rộng ngang (như máy tính xách tay hoặc máy tính để bàn). Trong ví dụ dưới đây, nếu giày là phần quan trọng nhất của hình ảnh thì bạn có thể đặt tiêu điểm ở dưới cùng hình ảnh để tránh bị cắt xén: