Tìm hiểu để thay đổi kích thước hình ảnh web
Hình ảnh web chiếm phần lớn thời gian tải xuống trong hầu hết các trang web. Nhưng nếu bạn tối ưu hóa hình ảnh web của bạn, bạn sẽ có một trang web tải nhanh hơn. Có rất nhiều cách để tối ưu hóa một trang web. Một cách để cải thiện tốc độ của bạn nhiều nhất là làm cho đồ họa của bạn càng nhỏ càng tốt.
Nguyên tắc chung là cố gắng giữ các hình ảnh riêng lẻ không lớn hơn 12KB và tổng kích thước trang web của bạn bao gồm tất cả hình ảnh, HTML, CSS và JavaScript không được lớn hơn 100KB và tối ưu không quá 50KB.
Để làm cho đồ họa của bạn càng nhỏ càng tốt, bạn cần có phần mềm đồ họa để chỉnh sửa hình ảnh của mình. Bạn có thể nhận được một trình soạn thảo đồ họa hoặc sử dụng một công cụ trực tuyến như Photoshop Express Editor .
Dưới đây là một số mẹo để đánh giá hình ảnh của bạn và làm cho chúng nhỏ hơn:
Hình ảnh có đúng định dạng không?
Chỉ có ba định dạng hình ảnh cho web : GIF, JPG và PNG. Và mỗi người đều có một mục đích cụ thể.
- GIF —Sử dụng định dạng GIF cho hình ảnh màu phẳng. Đây là những hình ảnh chỉ với một vài màu.
- JPG —Sử dụng định dạng JPG cho ảnh chụp. Đây là những hình ảnh với hàng triệu màu.
- PNG —Sử dụng định dạng PNG nếu bạn không cần hình ảnh của mình hiển thị trên thiết bị di động. Chúng phù hợp cho cả màu sắc và hình ảnh phẳng. Tốt nhất là lưu hình ảnh của bạn dưới dạng PNG và JPG hoặc GIF và sau đó sử dụng phiên bản nhỏ hơn.
Kích thước hình ảnh là gì?
Một cách dễ dàng để làm cho hình ảnh của bạn nhỏ hơn là làm điều đó, làm cho chúng nhỏ hơn. Hầu hết các máy ảnh chụp ảnh có kích cỡ lớn hơn so với trang web trung bình có thể hiển thị. Bằng cách thay đổi kích thước thành khoảng 500 x 500 pixel hoặc nhỏ hơn, bạn sẽ tạo ra một hình ảnh nhỏ hơn.
Hình ảnh có bị cắt không?
Điều tiếp theo bạn nên làm là đảm bảo rằng hình ảnh được cắt chặt chẽ nhất có thể. Bạn càng cắt bỏ hình ảnh nhỏ hơn nó sẽ được. Cắt xén cũng giúp xác định chủ thể của hình ảnh bằng cách xóa hình nền không liên quan.
GIF của bạn sử dụng bao nhiêu màu?
GIF là hình ảnh màu phẳng và chúng bao gồm chỉ mục các màu hiện diện trong hình ảnh. Tuy nhiên, chỉ mục GIF có thể bao gồm nhiều màu hơn so với thực tế được hiển thị. Bằng cách giảm chỉ mục xuống chỉ các màu trong hình ảnh, bạn có thể giảm kích thước tệp .
Cài đặt chất lượng của bạn là gì?
JPG có cài đặt chất lượng từ 100% xuống 0%. Cài đặt chất lượng càng nhỏ, tệp càng nhỏ. Nhưng hãy cẩn thận. Chất lượng ảnh hưởng đến hình ảnh trông như thế nào. Vì vậy, chọn cài đặt chất lượng không quá xấu, trong khi vẫn giữ kích thước tệp thấp.