Tải lên hình ảnh

Bạn có thể sử dụng nhiều loại hình ảnh khác nhau trên cửa hàng trực tuyến, gồm 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. Tùy thuộc vào cách và nơi bạn muốn sử dụng hình ảnh, tốt nhất bạn nên tải lên hình ảnh với kích cỡ hoặc định dạng nhất định.

Tải lên hình ảnh

Có hai nơi khác nhau để bạn tải lên hình ảnh cho cửa hàng trực tuyến:

Tải hình ảnh lên trang Tệp

Bạn có thể tải hình ảnh lên trang Tệp trong trang quản trị Shopify. Đây là điều hữu ích vì bạn có thể truy cập những hình ảnh này trong khi chỉnh sửa chủ đề. Để tìm hiểu thêm, xem Upload files to your website (Tải tệp lên trang web).

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ủ đề.

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

  1. Sử dụng menu thả xuống để chọn mẫu bạn muốn chỉnh sửa.

  2. 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.

  3. 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í.

  1. 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.

  2. 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 bản trình chiếu và biểu ngữ hình ảnh.

Định dạng hình ảnh

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

  • JPEG hoặc JPG
  • Progressive JPEG
  • PNG
  • GIF

Shopify cung cấp hình ảnh dưới định dạng WebP trên các trình duyệt được hỗ trợ.

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

Tỷ lệ nén

Để đảm bảo thời gian tải nhanh, Shopify 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. Khi nén, có thể lưu trữ nhiều hình ảnh hơn trong một dung lượng đĩa hoặc bộ nhớ nhất định. Ngoài ra, thời gian cần thiết để truy cập hình ảnh giảm đáng kể. Việc nén có thể làm thay đổi chất lượng hình ảnh, tùy thuộc vào định dạng, kích cỡ và chất lượng gốc của hình ảnh.

Mức độ chất lượng hình ảnh của Shopify sau khi nén như sau:

  • JPEG: Từ 65-90 phần trăm
  • PNG: 90 phần trăm
  • GIF: chất lượng không thay đổi

Đối với hình ảnh JPEG, mức độ chất lượng của ảnh nén phụ thuộc vào chất lượng của ảnh JPEG gốc cũng như kích cỡ đầu ra:

Tỷ lệ nén
Chất lượng ban đầu Kích cỡ đầu ra Chất lượng đầu ra
86% trở lên Chiều cao hoặc chiều rộng từ 1024 px trở lên 85%
65 - 85% Chiều cao hoặc chiều rộng từ 1024 px trở lên Chất lượng ban đầu
64% trở xuống Chiều cao hoặc chiều rộng từ 1024 px trở lên 65%
76% trở lên Chiều cao và chiều rộng đều nhỏ hơn 1024 px 75%
65 - 75% Chiều cao và chiều rộng đều nhỏ hơn 1024 px Chất lượng ban đầu
64% trở xuống Chiều cao và chiều rộng đều nhỏ hơn 1024 px 65%

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:

  • 20 megapixel
  • 20 megabyte

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:

  • Một số chủ đề có cài đặt vị trí hình ảnh mà bạn có thể sử dụng để chỉ định tiêu điểm của hình ảnh. Nếu chủ đề của bạn không có cài đặt như vậy, hãy đảm bảo tiêu điểm của ảnh nằm ở trung tâm ảnh. Khi ảnh của bạn bị cắt trên một số màn hình, tiêu điểm sẽ hiển thị, trong khi các phần xung quanh bị ẩn.

  • Hình ảnh sử dụng cho bản trình chiếu hoặc nền không được chứa chữ. Nếu có chữ trong hình ảnh, có thể di chuyển, cắt hoặc điều chỉnh chữ dựa trên chủ đề. Sử dụng trình biên tập chủ đề để thêm chữ 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

Có thể cắt bên trái và phải của 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):

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

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

Có thể cắt phía trên và phía dưới của hình ảnh dài khi thiết bị sử 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):

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

Bạn đã sẵn sàng bán hàng với Shopify?

Dùng thử miễn phí