Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (319.42 KB, 6 trang )
Tối ưu hình ảnh cho trong thiết kế web ( phần 2 )
Phần 2:
Tiếp theo cho .GIF.
Chúng ta sẽ bắt đầu với việc bạn tạo ra một Logo, và FF sẽ sử dụng Logo
Vietphotoshop.com Car cho Tut của mình. Việc design logo sẽ không nói
cách làm thế nào vì phụ thuộc vào bạn. Việc tối ưu hình .gif sẽ dễ hơn
trong ImageReady (IR), vì vậy FF sẽ thực hiện trong IR.
Ấn Ctrl + Shift + M để chuyển sang IR. Logo của FF như hình 17.
Bạn cũng chọn Optimize, cũng có các tùy chọn như bạn đã làm hồi nãy
với ảnh jpeg. Bạn chú ý vài thứ ở đây như trong hình 18. Gồm: Format:
gif (chỉ có nhiều nhất 256 màu thôi), Reduction (để chọn phương pháp tối
ưu cho bạn), color (chọn số lượng màu), Dither (phương pháp dither),
Transparency (bảo toàn trong suốt hay không), Matter (chọn một màu
nền, tý nữa bạn sẽ thấy nó hiệu quả thế nào với hình gif có transparency),
ngoài ra còn có Lossy, …
Bạn chọn 2-Up để xem và so sánh kết quả cho dễ.
Ở đây, FF chọn Reduction là Selective (Bạn tùy chọn loại Reduction
miễn là bạn thấy chất lượng ảnh và file size nhỏ là được) vì nhìn nó có vẻ
“ngon” nhất. Bạn sẽ lần lượt thay đổi các thông số khác cho file size là
nhỏ nhất. Trong tut này, FF sẽ tập trung vào vụ số lượng màu sao cho
thời gian load là nhanh nhất.
Hiện tại như trong hình 19, bạn thấy là thời gian laod là 3s, kích thước
file là 6.5Kb. Vậy là lâu cho một logo có kích thước 300x200pixels.
Trong ô Color, bạn hãy lần lượt giảm số màu bằng cách chọn số màu sao
cho nhỏ nhất mà logo của bạn nhìn vẫn đẹp. Ở đây FF chọn số màu là 16
và kích thước file là 4kb. Tuy nhiên bạn có thể chọn 8 màu với thời gian
load là 2s và file size là 3.2Kb.