Giao trinh photoshop CHƯƠNG 14

Chương 14: Tối ưu hoá hình ảnh cho trang Web và Bản đồ ảnh

 


Để việc xuất bản Web đạt hiệu quả, những bức ảnh của bạn cần đảm bảo có sự cân bằng tốt giữa kích thước file và chất lượng hiển thị. Với việc sử dụng Adobe Photoshop và ImageReady, bạn có thể tối ưu hoá kích thước các hình ảnh của bạn, vì vậy các bức ảnh này có thời gian tải về hợp lý từ máy chủ của trang web mà không làm mất các chi tiết, màu sắc, sự trong sáng và các thành phần định hướng cần thiết như các bản đồ ảnh chẳng hạn.
Trong chương này, bạn sẽ học cách thực hiện:
Tối ưu hoá file ảnh dạng JPEG và GIF, điều chỉnh các thông số tối ưu hoá để đạt được sự cân bằng mong muốn giữa kích thước file và chất lượng hình ảnh.
Hiệu chỉnh lượng phối màu áp dụng cho một bức ảnh.
Tạo nền trong suốt cho một bức ảnh.
Tạo một bản đồ ảnh siêu văn bản.
Xử lý bó các file để tự động thực hiện quá trình tối ưu hoá.
 
Bạn sẽ tìm hiểu bài học này trong khoảng một giờ ba mươi phút. Bài học này cũng được biên soạn cho Adobe Photoshop và ImageReady. Cũng như trong bài học trước (chương 13), bạn sẽ ghi lại file mở đầu. Nếu bạn muốn phục hồi file mở đầu, hãy copy nó từ Học Adobe Photoshop trên CD  kèm theo.
Chú ý: Người dùng Windows sẽ phải giải nén các file bài học trước khi sử dụng chúng. Để hiểu rõ hơn, hãy tham khảo “Copy các bài học từ CD” trên trang 4.
 
Tối ưu hoá một bức ảnh bằng Photoshop và ImageReady
Adobe Photoshop và Adobe ImageReady mang lại cho bạn dải kiểm soát tốt cho việc nén kích thước của file ảnh trong khi vẫn tối ưu hoá chất lượng hiển thị trên màn hình. Các lụa chọn cho sự nén các file ảnh phụ thay đổi thuộc vào định dạng file mà bạn đã lưu bức ảnh.
Định dạng JPEG được thiết kế để bảo toàn dải màu lớn và sự biến đổi ánh sáng tinh tế của những bức ảnh tín hiệu số liên tục (như các bức ảnh chụp hoặc các hình ảnh với độ dốc). Định dạng này có thể biểu thị hình ảnh với hàng triệu màu sắc.
Định dạng GIF mang lại hiệu quả cao khi nén các bức ảnh dạng màu đặc và các bức ảnh với các vùng màu lặp đi lặp lại (ví dụ nghệ thuật vẽ nét đơn, các logo và các hình minh hoạ có văn bản). Định dạng này sử dụng một bảng màu có 256 màu để hiển thị hình ảnh và có hỗ trợ nền trong suốt.
Định dạng PNG mang lại hiệu quả khi nén các bức ảnh có màu đặc và bảo toàn chi tiết sắc nét. Định dạng PNG-8 sử dụng bảng màu có 256 màu để hiện thị hình ảnh, định dạng PNG-24 hỗ trợ màu 24-bit (hàng triệu màu). Tuy nhiên, nhiều trình duyệt ứng dụng cũ sẽ không hỗ trợ file định dạng PNG.
Trong chuơng này bạn sẽ học cách sử dụng Adobe Photoshop và ImageReady để tối ưu hoá và lưu file ảnh ở định dạng JPEG và GIF cho việc xuất bản trên Web. Bạn cũng sẽ thao tác với một tập hợp các bức ảnh được thiết kế cho một Web site ảo với một vườn thú ảo.
Photoshop (qua hộp thoại Save For Web) và ImageReady (qua bảng Optimize) sẽ mở ra nhiều khả năng cho việc tối ưu hoá hình ảnh, vì vậy các file của bạn nhỏ hơn và hiệu quả hơn nhưng vẫn được quan sát tốt.Ví dụ bạn có thể dùng các ứng dụng để chọn từ một tập hợp lớn của các định dạng và phân bố file, để đạt được mục đích cho công việc của bạn. Bạn cũng có thể dùng một ứng dụng để so sánh với một file được tối ưu theo một cách khác đặt cạnh nhau. Sử dụng sự tối ưu hoá các nét đặc trưng và các bảng màu hoặc dùng Photoshop hoặc dùng ImageReady, bạn có thể bào toàn tối đa màu sắc trong khi kích thước file của bạn là tối thiểu.
 
Bắt đầu
Trước khi bắt đầu bài học này, bạn hãy phục hồi các thông số mặc định cho Adobe Photoshop và Adobe ImageReady. Hãy xem “Phục hồi các thông số mặc định” trong trang 5.
Khỏi động Adobe Photoshop
Nếu một chú ý xuất hiện hỏi bạn có tối ưu hoá các thông số màu sắc hay không, hãy click No
Chọn Open > Browser hoặc click vào bảng File Browser in bảng để mở nó.
Trong File Browser, dùng ô bên trái phía trên để chọn thư mục Lesson/Lesson14 và chọn thư mục Lession14.
Hình nhỏ của 4 file Start và End xuất hiện trong ô bên phải, nhiều file xuất hiện hoàn toàn tương tự nhau. Bạn cũng có thể chọn thư mục Photos trong thư mục Lesson14 đẻ xem 5 bức ảnh mà bạn sẽ dùng để làm nền cho file 14Start1.psd,