Chuẩn bị ảnh cho trang web nhanh
Làm WebP từ ảnh chụp và hình trên trang, đúng chiều rộng mà bố cục thực sự hiển thị. Người ta thường làm vậy khi trang chủ nặng, mà ảnh vẫn còn nguyên kích thước từ máy ảnh.
- Nhanh
- Riêng tư 100%
- Luôn miễn phí
- Mọi trình duyệt
Thả ảnh vào bất kỳ chỗ nào trên trang
JPG, PNG, WebP, GIF, SVG, HEIC hoặc AVIF. Ảnh ở lại trên thiết bị này.
Khi nào nên dùng
Ở đây mặc định là WebP. Ảnh chụp thường nhẹ hơn JPG, và vùng trong suốt của thành phần giao diện vẫn được giữ. Trình duyệt hiện tại hiển thị được nó.
Nếu CMS, thư gửi hàng loạt hoặc đối tác chưa nhận WebP, hãy giữ JPG. Nếu biểu tượng phải đúng như đã vẽ, hãy giữ PNG.
Với tốc độ trang, giảm chiều rộng quan trọng ngang với việc đổi định dạng. WebP rộng 4000 điểm ảnh vẫn lớn.
Muốn định dạng JSON hoặc xem nội dung mà không dán mã bí mật lên trang công khai, hãy mở ToolBuddy. Công cụ đó cũng ở lại trong trình duyệt.
Cách làm
- Thả các ảnh sẽ đưa lên trang.
- Nếu không có vệt màu, lúc tải về hãy giữ WebP và đặt chất lượng khoảng 0,8.
- Đặt chiều rộng tối đa khoảng 1600. Ảnh chiếm 1200 điểm ảnh CSS trên màn hình Retina thì đặt 2400.
- Tải WebP và thay tệp gốc trong giao diện hoặc trên CDN.
Mẹo
- Với ảnh lớn ở đầu trang, hãy dùng một WebP, đừng dùng bản PNG chụp lại bức ảnh đó.
- Cùng một chiều rộng trong danh sách sản phẩm khiến bộ nhớ đệm và bố cục yên hơn.
- Nếu ai đó không mở được ảnh xem trước, hãy làm một JPG riêng. Trên trang web, giữ WebP.