Khoá học này dành cho những người mới bắt đầu cũng như các nhà phát triển web nâng cao, bao gồm mọi kiến thức từ những điều cơ bản để đảm bảo nguồn hình ảnh được yêu cầu và hiển thị một cách hiệu quả, cho đến thông tin chi tiết về cách truyền các định dạng hình ảnh phổ biến từ máy chủ đến máy khách. Trong suốt khoá học này, bạn sẽ tìm hiểu cách để hình ảnh có kích thước chuyển nhỏ nhất có thể mà không ảnh hưởng đến chất lượng – ít nhất là không theo cách mà ai cũng có thể xem được.
Bạn có thể xem qua bộ sách từ đầu đến cuối để hiểu toàn diện về cách hình ảnh hoạt động trên web hiện đại, hoặc sử dụng hình ảnh làm tài liệu tham khảo cho các khái niệm và mẫu đánh dấu cụ thể mà bạn sẽ sử dụng trong công việc hằng ngày.
Đối với những người mới làm quen với hoạt động phát triển web, hãy tham khảo các khoá học Tìm hiểu HTML để nắm được kiến thức cơ bản về cách sử dụng mã đánh dấu, các khoá học Tìm hiểu về CSS để tạo kiểu và các khoá học Tìm hiểu về thiết kế thích ứng để nắm được cách hình ảnh được hiển thị trong bố cục thích ứng.
Sau đây là những nội dung bạn sẽ tìm hiểu:
Tóm tắt về lịch sử hình ảnh trên web
Lịch sử hình ảnh trên web, bắt đầu với phần tử hình ảnh vào năm 1993
Các vấn đề chính về hiệu suất
Tìm hiểu các cách để đảm bảo rằng các yêu cầu hình ảnh của bạn nhỏ và hiệu quả nhất có thể.
Ảnh vectơ
Tìm hiểu về SVG, định dạng hình ảnh vectơ được sử dụng trên web.
Hình ảnh đường quét
Khám phá hình ảnh đường quét, chẳng hạn như JPEG, GIF, PNG và WebP.
Định dạng hình ảnh: GIF
Tìm hiểu định dạng hình ảnh GIF, kèm theo thông tin giải thích về cách hoạt động của tính năng mã hoá hình ảnh.
Định dạng hình ảnh: PNG
Tìm hiểu khi nào PNG là định dạng hình ảnh phù hợp nhất để chọn.
Định dạng hình ảnh: JPEG
Tìm hiểu về định dạng hình ảnh phổ biến nhất trên web.
Định dạng hình ảnh: WebP
Tìm hiểu về WebP và sự khác biệt giữa định dạng này và các định dạng khác.
Định dạng hình ảnh: AVIF
Định dạng tệp hình ảnh AV1 (AVIF) là định dạng mã hóa dựa trên bộ mã hoá và giải mã video AV1 nguồn mở.
Hình ảnh thích ứng
Tìm hiểu chi tiết về hình ảnh thích ứng.
Cú pháp mô tả
Sử dụng srcset và kích thước để cung cấp cho trình duyệt thông tin về nguồn hình ảnh và cách chúng sẽ được sử dụng.
Cú pháp quy tắc
Tìm hiểu về phần tử hình ảnh.
Tự động hoá quá trình nén và mã hoá
Hãy biến việc tạo các nguồn hình ảnh có hiệu suất cao trở thành một phần liền mạch trong quá trình phát triển của bạn.
Trình tạo trang web, khung và CMS
Khám phá cách các CMS như WordPress và các trình tạo trang web khác có thể giúp bạn sử dụng hình ảnh thích ứng dễ dàng hơn.
Mạng phân phối nội dung hình ảnh
Tìm hiểu cách mạng phân phối nội dung (CDN) hình ảnh có khả năng chuyển đổi và tối ưu hoá nội dung của hình ảnh.
Lời kết
Một số tài liệu tham khảo bổ sung.
Vậy bạn đã sẵn sàng tìm hiểu về Hình ảnh chưa?