qc blog

Các vấn đề cơ bản về đồ hoạ trong thiết kế website

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.
4.689 xem
Font chữ aA aA tru cong

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ọngquyế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.

1. Đư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.
 

2. 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.

3. 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.

“Hình ảnh” là nhân tố chính làm chậm thời gian truy cập website của khách hàng. Bản tin tiếp theo sẽ cung cấp cho bạn các thủ thuật làm giảm kích thước ảnh cho website .

Nguồn: giaiphaptructuyen.net

Bạn muốn có một website đẹp hơn, chuyên nghiệp và hiệu quả hơn?
Liên hệ để được tư vấn
Ý kiến bạn đọc (30)
VT
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur
- 11/12/2017 10:30:45 AM
VT
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur
- 11/12/2017 10:30:45 AM
VT
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur
- 11/12/2017 10:30:45 AM
TT
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur
Quản trị viên - 11/12/2017 10:30:45 AM
VT
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur
- 11/12/2017 10:30:45 AM
VT
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur
- 11/12/2017 10:30:45 AM
Gửi bình luận
Chúng tôi rất hy vọng nhận được phản hồi của bạn về bài viết này :)
Bài viết cùng chuyên mục
1.540 xem 35 bình luận
13 bình luận
1.047 xem 35 bình luận
13 bình luận
587 xem 35 bình luận
13 bình luận
1.722 xem 35 bình luận
13 bình luận
1.713 xem 35 bình luận
13 bình luận
517 xem 35 bình luận
13 bình luận
1.127 xem 35 bình luận
13 bình luận
3.300 xem 35 bình luận
13 bình luận
2.292 xem 35 bình luận
13 bình luận
761 xem 35 bình luận
13 bình luận
3.905 xem 35 bình luận
13 bình luận
2.564 xem 35 bình luận
13 bình luận
1.170 xem 35 bình luận
13 bình luận
1.700 xem 35 bình luận
13 bình luận
TÂN NGUYỄN
2.820 xem 35 bình luận
13 bình luận
8.873 xem 35 bình luận
13 bình luận
1.210 xem 35 bình luận
13 bình luận
2.376 xem 35 bình luận
13 bình luận
3.531 xem 35 bình luận
13 bình luận
1.713 xem 35 bình luận
13 bình luận
618 xem 35 bình luận
13 bình luận
592 xem 35 bình luận
13 bình luận
2.209 xem 35 bình luận
13 bình luận
1.311 xem 35 bình luận
13 bình luận
642 xem 35 bình luận
13 bình luận
1.664 xem 35 bình luận
13 bình luận
1.511 xem 35 bình luận
13 bình luận

Các dịch vụ nổi bật của Tất Thành

Chúng tôi đã làm việc cùng nhau, cùng phấn đấu để Tất Thành ngày càng phát triển hơn với chất lượng sản phẩm cao cấp, dịch vụ hoàn hảo hơn, môi trường làm việc tuyệt vời hơn… để phục vụ khách hàng tốt hơn… để mỗi người đều có một tương lai tươi sáng hơn, hạnh phúc hơn, viên mãn hơn…

Thiết kế website

Dịch vụ thiết kế website cao cấp, chuyên nghiệp tại Tất Thành - Giúp bạn có nhiều $ hơn. Hotline: 0988.184.022

Marketing Online

Tư Vấn Giải Pháp Online Marketing Trọn Gói, Đa Kênh, Từ Chiến Lược Đến Thực Thi. Chi Phí Hợp Lý. Báo Cao Minh Bạch. Tư Vấn Triển Khai Nhanh. Chất Lượng Traffic Cao.
go top