1. Trang chủ
  2. » Công Nghệ Thông Tin

Tối ưu hình ảnh cho trong thiết kế web ( phần 2 ) ppsx

6 271 0

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 6
Dung lượng 319,42 KB

Nội dung

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. Hình 20. Bạn cũng có thể thay đổi các giá trị trng Dither để có file size là nhỏ nhất. Những cái này phụ thuộc vào bạn. Hãy để ý về các màu trong bảng màu, các màu bạn nhìn thấy trong đó là các màu trình duyệt có thể hiển thị. (hình 21). Nếu màu không thể hiện thị bởi trình duyệt, bạn sẽ thấy có một ô nhỏ trong tâm của ô màu. Trong một số trường hợp, bạn cần phải giữ một số màu nào đó. Ví dụ trong hình, khi FF chọn số màu là 4. Màu ở hình chiếc xe đã biến mất, thay vào đó là một hình đậm hơn. FF cần phải giữ màu sắc này. Như hình 22 Chọn lại 16 màu, sử dụng công cụ EyeDrop Tool, và click vào màu bạn cần giữ. Như hình 23. Bạn để ý màu bạn chọn trong bảng màu. Hình 24. Bạn hãy click vào hình cái ổ khóa, như hình 25. Vậy là màu đã khóa, hình 26. Bây giờ, hãy chọn lại 4 màu. Bạn sẽ thấy màu sắc đó được giữ nguyên như trong hình 27. Bạn hãy so sánh nó với hình 22. Bạn có thể khóa với các màu bị mất trong quá trình bạn chọn ít màu. Vậy là xong nhé, với các hình .gif lớn mà không có Transparency. . 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. 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 25 6 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. vào màu bạn cần giữ. Như hình 23 . Bạn để ý màu bạn chọn trong bảng màu. Hình 24 . Bạn hãy click vào hình cái ổ khóa, như hình 25 . Vậy là màu đã khóa, hình 26 . Bây giờ, hãy chọn lại

Ngày đăng: 31/07/2014, 19:20

TỪ KHÓA LIÊN QUAN

w