SHEVA-DIEUTHUYEN
19-05-2004, 19:23
Chắc hẳn không ít trong số các bạn phân vân nên sử dụng hình ảnh vào website như thế nào để vừa đảm bảo tính thẩm mỹ vừa đảm bảo trang web không quá tải.
“Tạo ảnh” cho trang web hay “đồ hoạ” là một yếu tố hết sức quan trọng quyết định giá trị thẩm mỹ của trang web và hướng người truy cập đến với trang web của bạn.
Đưa đồ hoạ vào website của bạn như thế nào?.
Image Maps - Ánh xạ ảnh:
Đây là một loại hình đồ hoạ chứa các đường liên kết. Nó có nhiều “đường liên kết nóng” hay các nút không hiển thị mà bạn có thể nhấn chuột vào đó. Ví dụ, trên trang web đang hiển thị bức ảnh của cả gia đình bạn và bạn muốn vào trang web của riêng từng người, bạn chỉ cần nhấn chuột vào vị trí của người đó và “đường liên kết nóng” sẽ dẫn bạn tới đó.
Logos and Trademarks - Biểu tượng và nhãn hiệu:
Nhãn hiệu đăng ký của công ty hay tổ chức bạn là rất cần thiết cho việc bảo vệ thương hiệu và để khách hàng phân biệt bạn với các đối thủ cạnh tranh. Khi bạn muốn thiết kế logo cho công ty mình có nghĩa là khi đó bạn cần đến đồ hoạ.
Thumbnails - Ảnh thu nhỏ:
Là một phiên bản hình ảnh với kích cỡ thu nhỏ. Khi bạn nhấn chuột vào hình ảnh đó, một trang với phiên bản lớn hơn sẽ được mở ra. Người truy cập có thể cùng một lúc nhìn thấy nhiều hình ảnh nhỏ khác nhau khi truy cập lần đầu mà không cần phải đợi tải các file lớn.
Các loại đồ hoạ cho website.
Ảnh Bitmap:
Chứa tất cả các giá trị màu được hiển thị, khi mà hình ảnh được phóng to, ảnh bitmap giống như một loạt những điểm ảnh (pixel) mỗi một điểm ảnh sẽ có một giá trị màu riêng tạo ra một mảng màu chung cho cả hình ảnh. Ảnh bitmap, khi phóng to nó giống như những bản phác thảo, nhưng khi được nhìn bình thường (không phóng đại) thì nó lại là một hình ảnh rất hoàn hảo. Bitmap rất phù hợp với ảnh chụp, hiệu ứng bóng rơi, và các nét vẽ mềm, sinh động hay các đường vẽ mờ.
Ảnh vector:
Lưu trữ hình ảnh dưới dạng toán học và có thể hiển thị trên màn hình. Điều này cho phép ta phóng to bất kỳ một ảnh vector mà không sợ ảnh bị mờ hoặc kém chất lượng. Ảnh vector rất phù hợp để tái tạo những đường nét, hình ảnh mờ ảo hay các tranh ảnh minh hoạ. Loại này ít được sử dụng trên World Wide Web.
Các dạng tập tin đồ hoạ thường dùng trên website.
GIF (Graphics Interchange Format):
Là dạng thức tập tin thường dùng để hiển thị đối tượng đồ hoạ và hình ảnh trong tài liệu HTML qua World Wide Web và các dịch vụ trực tuyến khác. GIF là dạng thức tập tin nền độc lập hạn chế hiển thị 256 màu. GIF được người sử dụng chấp nhận bởi kích thước tập tin nhỏ, được ví là dạng thức “nén không tổn thất” - điều đó có nghĩa là hình ảnh được nén, mà không một thông tin nào bị mất đi.
Loại hình đặc trưng nhất của dạng thức GIF là phiên bản 89A hay còn được gọi là GIF hoạt hình. Nó cho phép lưu trữ và phát lại một cách liên tục các hình ảnh để tạo ra ảo giác hoạt hình.
Một thuận lợi mà dạng thức GIF có thể đem lại cho bạn đó là khả năng thiếtkế những bức ảnh với nền màu trong suốt. Ngoài ra, GIF còn cung cấp hình ảnh dưới dạng quét xen kẽ - một tiến bộ trong việc tạo hình ảnh dạng ba chiều.
Vậy khi nào người ta sử dụng dạng thức tập tin đồ hoạ GIF?. Dạng thức này rất thích hợp cho những hình ảnh có kích thước lớn như ảnh chụp hay các tranh minh hoạ.
JPEG (Joint Photographic Experts Group):
Thường dùng để hiển thị ảnh chụp và các hình ảnh tông màu liên tục khác trong tài liệu HTML qua World Wide Web cũng như các dịch vụ trực tuyến. Đồ hoạ trong dạng thức JPEG có khả năng tạo sắc màu tinh tế hơn dạng thức GIF, nhưng nó lại đòi hỏi thời gian tải lâu hơn. Dạng thức JPEG có khả năng hỗ trợ màu 24 bit (16.7 triệu màu). Tuy nhiên, phần lớn những người sử dụng chỉ có khả năng hiển thị ảnh màu 8 bit.
Vậy khi nào người ta sử dụng dạng thức này?. JPEG có thể giúp bạn sử dụng những sắc mầu chói trong ảnh chụp và hỗ trợ việc tạo ra những ảnh phức tạp và ảnh số hoá. Chính vì vậy, ít khi nó được sử dụng để thiết kế những ảnh đơn giản. Ngoài ra, khả năng nén ảnh của dạng thức JPEG không hiệu quả như GIF và có thể làm giảm màu sắc của hình ảnh hoặc làm giảm chi tiết rõ nét. Vì vậy, JPEG không được dùng trong thiết kế các hình ảnh có độ phân giải thấp.
PNG (Portable Network Graphics):
Được dùng cho kỹ thuật nén không tổn thất và hiển thị hình ảnh trên World Wide Web.
Dạng thức tập tin PNG ra đời như là một phiên bản mới của đồ hoạ trên Web. Các file của dạng thức này có khả năng được nén nhỏ (nén không tổn thất) và hỗ trợ font nền trong suốt như dạng thức GIF. Ngoài ra, dạng thức này còn hỗ trợ nén những bit màu lớn như JPEG. Tuy nhiên, khác hẳn với các dạng thức GIF và JPEG độ chói của màu sắc trong dạng thức PNG có thể được điều chỉnh ở cả hai mức màu 8 bit và 24 bit.
PNG hoạt động đặc biệt tốt trong nghệ thuật tạo ảnh với những vùng màu nhạt và chi tiết sắc nét. Ngoài ra nó còn cho phép nén ảnh theo chiều ngang, chiều dọc, và nén ảnh có tông màu liên tục.
“Tạo ảnh” cho trang web hay “đồ hoạ” là một yếu tố hết sức quan trọng quyết định giá trị thẩm mỹ của trang web và hướng người truy cập đến với trang web của bạn.
Đưa đồ hoạ vào website của bạn như thế nào?.
Image Maps - Ánh xạ ảnh:
Đây là một loại hình đồ hoạ chứa các đường liên kết. Nó có nhiều “đường liên kết nóng” hay các nút không hiển thị mà bạn có thể nhấn chuột vào đó. Ví dụ, trên trang web đang hiển thị bức ảnh của cả gia đình bạn và bạn muốn vào trang web của riêng từng người, bạn chỉ cần nhấn chuột vào vị trí của người đó và “đường liên kết nóng” sẽ dẫn bạn tới đó.
Logos and Trademarks - Biểu tượng và nhãn hiệu:
Nhãn hiệu đăng ký của công ty hay tổ chức bạn là rất cần thiết cho việc bảo vệ thương hiệu và để khách hàng phân biệt bạn với các đối thủ cạnh tranh. Khi bạn muốn thiết kế logo cho công ty mình có nghĩa là khi đó bạn cần đến đồ hoạ.
Thumbnails - Ảnh thu nhỏ:
Là một phiên bản hình ảnh với kích cỡ thu nhỏ. Khi bạn nhấn chuột vào hình ảnh đó, một trang với phiên bản lớn hơn sẽ được mở ra. Người truy cập có thể cùng một lúc nhìn thấy nhiều hình ảnh nhỏ khác nhau khi truy cập lần đầu mà không cần phải đợi tải các file lớn.
Các loại đồ hoạ cho website.
Ảnh Bitmap:
Chứa tất cả các giá trị màu được hiển thị, khi mà hình ảnh được phóng to, ảnh bitmap giống như một loạt những điểm ảnh (pixel) mỗi một điểm ảnh sẽ có một giá trị màu riêng tạo ra một mảng màu chung cho cả hình ảnh. Ảnh bitmap, khi phóng to nó giống như những bản phác thảo, nhưng khi được nhìn bình thường (không phóng đại) thì nó lại là một hình ảnh rất hoàn hảo. Bitmap rất phù hợp với ảnh chụp, hiệu ứng bóng rơi, và các nét vẽ mềm, sinh động hay các đường vẽ mờ.
Ảnh vector:
Lưu trữ hình ảnh dưới dạng toán học và có thể hiển thị trên màn hình. Điều này cho phép ta phóng to bất kỳ một ảnh vector mà không sợ ảnh bị mờ hoặc kém chất lượng. Ảnh vector rất phù hợp để tái tạo những đường nét, hình ảnh mờ ảo hay các tranh ảnh minh hoạ. Loại này ít được sử dụng trên World Wide Web.
Các dạng tập tin đồ hoạ thường dùng trên website.
GIF (Graphics Interchange Format):
Là dạng thức tập tin thường dùng để hiển thị đối tượng đồ hoạ và hình ảnh trong tài liệu HTML qua World Wide Web và các dịch vụ trực tuyến khác. GIF là dạng thức tập tin nền độc lập hạn chế hiển thị 256 màu. GIF được người sử dụng chấp nhận bởi kích thước tập tin nhỏ, được ví là dạng thức “nén không tổn thất” - điều đó có nghĩa là hình ảnh được nén, mà không một thông tin nào bị mất đi.
Loại hình đặc trưng nhất của dạng thức GIF là phiên bản 89A hay còn được gọi là GIF hoạt hình. Nó cho phép lưu trữ và phát lại một cách liên tục các hình ảnh để tạo ra ảo giác hoạt hình.
Một thuận lợi mà dạng thức GIF có thể đem lại cho bạn đó là khả năng thiếtkế những bức ảnh với nền màu trong suốt. Ngoài ra, GIF còn cung cấp hình ảnh dưới dạng quét xen kẽ - một tiến bộ trong việc tạo hình ảnh dạng ba chiều.
Vậy khi nào người ta sử dụng dạng thức tập tin đồ hoạ GIF?. Dạng thức này rất thích hợp cho những hình ảnh có kích thước lớn như ảnh chụp hay các tranh minh hoạ.
JPEG (Joint Photographic Experts Group):
Thường dùng để hiển thị ảnh chụp và các hình ảnh tông màu liên tục khác trong tài liệu HTML qua World Wide Web cũng như các dịch vụ trực tuyến. Đồ hoạ trong dạng thức JPEG có khả năng tạo sắc màu tinh tế hơn dạng thức GIF, nhưng nó lại đòi hỏi thời gian tải lâu hơn. Dạng thức JPEG có khả năng hỗ trợ màu 24 bit (16.7 triệu màu). Tuy nhiên, phần lớn những người sử dụng chỉ có khả năng hiển thị ảnh màu 8 bit.
Vậy khi nào người ta sử dụng dạng thức này?. JPEG có thể giúp bạn sử dụng những sắc mầu chói trong ảnh chụp và hỗ trợ việc tạo ra những ảnh phức tạp và ảnh số hoá. Chính vì vậy, ít khi nó được sử dụng để thiết kế những ảnh đơn giản. Ngoài ra, khả năng nén ảnh của dạng thức JPEG không hiệu quả như GIF và có thể làm giảm màu sắc của hình ảnh hoặc làm giảm chi tiết rõ nét. Vì vậy, JPEG không được dùng trong thiết kế các hình ảnh có độ phân giải thấp.
PNG (Portable Network Graphics):
Được dùng cho kỹ thuật nén không tổn thất và hiển thị hình ảnh trên World Wide Web.
Dạng thức tập tin PNG ra đời như là một phiên bản mới của đồ hoạ trên Web. Các file của dạng thức này có khả năng được nén nhỏ (nén không tổn thất) và hỗ trợ font nền trong suốt như dạng thức GIF. Ngoài ra, dạng thức này còn hỗ trợ nén những bit màu lớn như JPEG. Tuy nhiên, khác hẳn với các dạng thức GIF và JPEG độ chói của màu sắc trong dạng thức PNG có thể được điều chỉnh ở cả hai mức màu 8 bit và 24 bit.
PNG hoạt động đặc biệt tốt trong nghệ thuật tạo ảnh với những vùng màu nhạt và chi tiết sắc nét. Ngoài ra nó còn cho phép nén ảnh theo chiều ngang, chiều dọc, và nén ảnh có tông màu liên tục.