Giảm kích thước hình ảnh để ảnh sẽ tải nhanh hơn trên các trang web
Ảnh quá lớn sẽ không tải nhanh trên các trang web và người dùng có nhiều khả năng rời khỏi trang của bạn nếu hình ảnh không tải. Nhưng làm thế nào để bạn làm cho một hình ảnh nhỏ hơn mà không mất chi tiết? Bài viết này hướng dẫn bạn qua quá trình này.
Làm thế nào để giảm kích thước hình ảnh
Trước khi thay đổi kích thước hình ảnh của bạn cho web, bạn cần cắt ảnh để xóa bất kỳ phần không cần thiết nào của ảnh. Sau khi cắt, bạn có thể thay đổi kích thước pixel tổng thể để nhỏ hơn.
Tất cả phần mềm chỉnh sửa ảnh sẽ có lệnh thay đổi kích thước pixel của hình ảnh. Tìm một lệnh có tên là Image Size , Resize hoặc Resample . Khi bạn sử dụng một trong các lệnh này, bạn sẽ thấy một hộp thoại để nhập các pixel chính xác mà bạn muốn sử dụng. Các tùy chọn khác bạn có thể tìm thấy trong hộp thoại là:
- Resample: Nếu hình ảnh được quay bằng máy ảnh DSLR thì tỷ lệ cược khá tốt là nó có độ phân giải 300 pixel mỗi inch (ppi). Nếu trường hợp này giảm giá trị xuống 72 hoặc 100 và kích thước vật lý của hình ảnh cũng sẽ giảm. Bạn không bao giờ tăng giá trị khi sử dụng hình ảnh trên web.
- Cố định tỷ lệ hoặc giữ tỷ lệ cỡ ảnh: Bạn muốn bật tùy chọn này. Trong Photoshop, nhấp vào tùy chọn để liên kết các giá trị chiều rộng và chiều cao . Nó ngăn không cho hình ảnh bị kéo căng và biến dạng. Khi tùy chọn này được bật, bạn chỉ cần nhập một giá trị - chiều cao hoặc chiều rộng - và giá trị khác sẽ tự động điều chỉnh.
- Thay đổi giá trị độ phân giải: Trước khi thay đổi giá trị chiều rộng và chiều cao, hãy thay đổi độ phân giải thành số thấp hơn - gọi là downsampling. Điều này cũng làm giảm giá trị chiều rộng và chiều cao, vì vậy việc thay đổi giá trị đó trước khi lấy mẫu có thể làm cho hình ảnh nhỏ hơn bạn dự định.
Định dạng tệp là khóa
Hình ảnh trực tuyến thường có định dạng .jpg hoặc .png . Định dạng .png có định dạng chính xác hơn một chút so với định dạng .jpg nhưng tệp .png cũng có xu hướng có kích thước tệp cao hơn một chút. Nếu hình ảnh có độ trong suốt thì bạn cần sử dụng định dạng .png và đảm bảo bạn chọn tùy chọn Minh bạch .
Hình ảnh JPG được coi là mất dữ liệu. Giải thích nhỏ gọn là chúng quá nhỏ vì các vùng màu liền kề được nhóm lại thành một vùng duy nhất làm giảm sự cần thiết phải nhớ màu của mỗi điểm ảnh trong ảnh. Lượng nén được xác định thông qua việc sử dụng Thanh trượt chất lượng trong Photoshop. Các giá trị nằm trong khoảng từ 0 đến 12 có nghĩa là số càng thấp, kích thước tệp càng thấp và thông tin bị mất càng nhiều. Giá trị 8 hoặc 9 là phổ biến cho hình ảnh được đặt trước cho web.
Nếu bạn là người dùng Sketch 3, bạn có thể đặt Chất lượng khi bạn nhấp vào nút Xuất trong bảng Thuộc tính . Bạn sẽ được trình bày với thanh trượt Chất lượng nằm trong khoảng từ 0 đến 100%. Giá trị Chất lượng chung là 80%.
Khi chọn mức nén, hãy giữ chất lượng ở mức trung bình đến cao để tránh hiện vật nén.
Không bao giờ nén lại hình ảnh jpg. Nếu bạn đã nhận được một hình ảnh jpg đã nén, hãy đặt chất lượng của nó thành 12 trong Photoshop hoặc 100% trong Phác thảo 3.
Nếu hình ảnh nhỏ hoặc có màu sắc chắc chắn, hãy xem xét việc sử dụng hình ảnh GIF. Điều này đặc biệt hữu ích cho các biểu trưng hoặc đồ họa màu đơn sắc không chứa sắc thái của màu sắc. lợi thế ở đây là khả năng giảm số lượng màu trong bảng màu có ảnh hưởng lớn đến kích thước tệp.
Không bao giờ thay đổi kích thước và ghi đè tệp gốc của bạn!
Sau khi định cỡ hình ảnh, hãy đảm bảo thực hiện Lưu dưới dạng để bạn không ghi đè tệp gốc, độ phân giải cao của mình. đây là một vài mẹo:
- Bạn muốn chụp với kích thước tệp từ 50 đến 250 KB cho mỗi hình ảnh. Đi nhỏ nếu bạn sẽ đặt nhiều tệp trên cùng một trang hoặc gửi chúng trong một email.
- Cố gắng không vượt quá 1000 KB trên mỗi trang Web cho tổng số tất cả các hình ảnh.
Điều này nghe có vẻ giống như một quá trình tốn thời gian, đặc biệt là nếu bạn có rất nhiều ảnh để chia sẻ, nhưng may mắn thay, hầu hết các phần mềm hiện nay đã giúp bạn dễ dàng kích thước và nén một loạt ảnh rất nhanh. Hầu hết quản lý hình ảnh và một số phần mềm chỉnh sửa ảnh có lệnh "ảnh email" sẽ thay đổi kích thước và nén hình ảnh cho bạn. Một số phần mềm thậm chí có thể thay đổi kích cỡ, nén và tạo các thư viện ảnh hoàn chỉnh để đăng trên Web. Và có những công cụ chuyên biệt cho cả hai nhiệm vụ này - nhiều trong số đó là phần mềm miễn phí.
Thay đổi kích thước hàng loạt hình ảnh
Dưới đây là một số tài nguyên để sử dụng nếu bạn đang định lại kích thước hình ảnh theo lô: