Nguyên tắc dùng hình ảnh trong Template TinhDauOnline để tối ưu hóa nhất

TinhDauOnline sử dụng javascript để cắt và nén ảnh tự động nhờ đó sẽ giảm tải và tăng tốc độ tải trang. Tuy nhiên để hình ảnh sản phẩm đẹp mắt nhất thì bạn nên tuân thủ cách sử dụng của nó.

Khi sử ảnh trên Template TinhDauOnline bạn cần sử dụng các khuyến cáo sau đây để có thể tối ưu ảnh cao nhất.

I. Nguyên tắc tuyệt đối sử dụng ảnh trong template

Chỉ sử dụng ảnh định dạng .jpg (tuyệt đối không dùng ảnh định dạng .bmp)
Đối với ảnh sử dụng nền trong suốt thì mới dùng định dạng .png
Luôn luôn nén ảnh trước khi up lên tại http://compressnow.com/ (.jpg) và http://compresspng.com/vi/ (.png)
Sử dụng đúng kích thước hiển thị tức ảnh hiển thị kích thước bao nhiêu thì cắt ảnh/gọi ảnh ra kích thước bấy nhiêu trước khi up lên để tránh hiện tượng mờ, bóp méo hình ảnh. Tuyệt đối không xuất ảnh lớn hơn kích thước ảnh hiển thị vì hình ảnh sẽ nặng làm nặng web.

II. Kích thước ảnh chuẩn trong Template Tinhdauonline

Banner sử dụng kích thước 693 px x 307 px
Ảnh sản phẩm kích thước VUÔNG tối thiểu 450px x 450px
Ảnh Avatar tư vấn viên 72x72px

Ảnh sử dụng trên Tinhdauonline.com.vn chiếm 1.25 mb và dung lượng toàn trang 2.5mb nếu bạn tối ưu ảnh tốt.

Chọn nén ảnh giao động 20-30% hoặc dựa theo đề xuất của Google Insights
III. Nguyên tắc xuất kích thước ảnh trên Blogger

Link ảnh khi up lên Blogger sẽ có định dạng sau:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKy8MIzewnguwfs9DMibT6Mm70tsKEPRWe2hWoXDZHAwOA3lHvn4a1j_T4DfmCjvb8g7b6QomWwuxizcS3kbghZlY2yOIoLEKohQhgrbhRtG4yl5najwaFbXOo6Nx__PAeSrXx_MdZMdoa/s640/mua_tinh_dau_sa_chanh_o_dau.jpg