[Hướng dẫn] Cắt và tối ưu hình ảnh cho banner trên web

Việc tối ưu hình ảnh rất quan trọng khi các bạn tạo banner flash. Nếu bạn để một hình gốc kích thước lớn và dung lượng quá lớn thì xảy ra 2 vấn đề sau:

1. Banner flash mất rất nhiều thời gian tải hình lên vì dung lượng quá lớn.

2. Hình quá to không sử dụng hết diện tích, phải co hình nhỏ gây lãng phí và mất thẩm mỹ.

Dung lựong cho hình sử dụng nên dứoi 100KB, đảm bảo banner sẽ load hình nhanh.

Đối với các bạn đã biết chưong trình photoshop hoặc một chưong trình xử lý ảnh khác thì việc crop và xuất ảnh dưới 100kb không có gì khó. Mình xin hướng dẫn những bạn chưa từng sử dụng qua bất kỳ công cụ chỉnh ảnh nào.

 

HƯỚNG DẪN SỬ DỤNG TRANG WWW.PICRESIZE.COM

1. Các bạn vào trang www.picresize.com, sẽ có giao diện như sau. Các bạn nhấn nút duyệt, chọn hình cần xử lý, sau đó nhấn continue

 

 

bannertudong

 

2. Giao diện cắt ảnh sẽ hiện ra. Lưu ý ở đây bạn chỉ đựoc chọn 1 trong 2 cách.

*** Cách 1 dùng chuột rê và kéo vào phần hình cần cắt. Sau đó nhấn crop selection

 

 

bannertudong

 

 

*** Cách 2: kéo xuống bên dứoi, ở phần make my pictue nhấn vào sẽ ra các tuỳ chọn sau, nhấn vào custom size

 

 

bannertudong

 

Bạn đổi đơn vị thành pixel. Ví dụ bạn cần làm banner có kích thứoc rộng 300 cao 250 thì nhập vào 300 trong ô width và 250 trong ô height

 

bannertudong

 

 

3. Kéo tiếp xuống bên dưới các bạn sẽ thấy các tuỳ chọn chỉnh sửa ảnh, chất lựong xuất ảnh v.v.

 

 

bannertudong

 

 

Sau khi xong các bạn nhấn "I'm done, Resize my picture"

 

 

 

4. Chọn "preview image" để xem ảnh đã cắt, "save to disk" để lưu hình về.

 

 

bannertudong

 

Thế là xong. Các bạn có thể thực hành nhiều lần để có thể tự tay xử lý bức ảnh làm banner tốt nhất. Chúc các bạn thành công

Tin mới