Hướng dẫn xử lý hình ảnh để sử dụng trên website


13628
Khi upload hình ảnh trên website bạn cần lưu ý đến các vấn đề như: nên sử dụng định dạng file nào, kích thước hình ảnh, lưu ảnh với dung lượng tối ưu khi xem trên web, cách đặt tên file ảnh cho đúng tiêu chuẩn.

 

Phân biệt các loại định dạng hình ảnh

Một file ảnh sẽ luôn nằm trong một khung hình chữ nhật (hoặc vuông), tùy theo loại định dạng mà bạn có thể làm khung này trong suốt hay không. Bạn chú ý đến phần tiếp giáp giữa đường thẳng màu đỏ và nút bên dưới.
 
Các loại định dạng ảnh
 
  • JPG: độ nén ảnh lớn nhất, ảnh sắc nét nhất, phù hợp với hình có kích thước lớn, ảnh nền…
  • PNG: ảnh trong suốt, độ nét tốt (không bằng jpg), dung lượng lớn, phù hợp với ảnh có kích thước nhỏ, cần độ trong suốt để thấy hình phía dưới đổ màu trong suốt mượt mà, phù hợp làm logo.
  • GIF: ảnh trong suốt, có thể làm ảnh động, chất lượng ảnh tương đối. Phù hợp làm các icon nhỏ, hình động.

Lưu ý khi lưu và sử dụng ảnh trên Website

  • Các lưu ý quan trọng khi xử lý hình ảnh:
    • Lưu hình ảnh với kích thước đúng hoặc không quá lớn.
    • Chú ý giữ đúng tỷ lệ hình ảnh vd 1x1, 2x3, 4x5… không bóp méo theo chiều dọc hoặc chiều ngang.
    • Khi thay đổi kích thước ảnh, chỉ nên thu nhỏ ảnh chứ không nên phóng to, vì khi phóng to ảnh sẽ làm vỡ điểm ảnh, hình ảnh sẽ bị nhòe.
  • Lưu ảnh dưới dạng “Xem trên web” (save for web) để tối ưu dung lượng tải. Phím tắt trong Photoshop để bật chức năng Lưu ảnh cho web là Ctrl-Alt-Shift + S
  • Lưu tên ảnh và folder ảnh: không viết có dấu, không có khoản trắng và ký tự đặc biệt, thay khoảng trắng bằng ký tự “-“. Vd: thiet-ke-website.jpg



 

Gửi yêu cầu ngay hôm nay! 091-217-3769