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. Từ thanh công cụ của trình biên tập chủ đề, nhấp vào mục bạn muốn thêm hình ảnh. Chọn một mục có trình chọn ảnh:

    Một mục trong thanh công cụ của trình biên tập chủ đề hiển thị trình chọn ảnh. Có một nút là Select image (Chọn hình ảnh) và một liên kết là Explore free images (Khám phá hình ảnh miễn phí).

  2. Thêm hình ảnh bằng cách nhấp vào Select Image (Chọn hình ảnh). Để tải lên ảnh từ máy tính, nhấp vào Tải lên. Để sử dụng hình ảnh trong kho miễn phí từ Burst, nhấp vào Free images (Hình ảnh miễn phí).

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

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

Đị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ợ.

Lưu ý: Ngoại trừ chuyển đổi định dạng không hỗ trợ thành định dạng được hỗ trợ, Shopify không sửa đổi hình ảnh khi tải lên. Nếu bạn tải lên hình ảnh không phải định dạng được hỗ trợ, Shopify sẽ chuyển hình ảnh thành JPEG hoặc PNG. Phần lớn định dạng hình ảnh được chuyển thành JPEG.

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 đến 90
  • PNG: 90
  • 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

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.

Các biện pháp tốt nhất cho bản trình chiếu và hình ảnh đầy đủ độ rộng

Nhiều chủ đề Shopify sử dụng hình ảnh hoặc bản trình chiếu cỡ lớn co giãn theo chiều cao của trình duyệt (BoundlessBrooklyn) hoặc điều chỉnh theo kích cỡ màn hình (Venture).

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í