Bộ 30+ Câu hỏi trắc nghiệm online Đồ hoạ Web – Bộ số 1

Thuộc tính background-size trong CSS cho phép bạn chỉ định kích thước của hình ảnh nền, do đó kết luận Lý giải là background-size.

Thuộc tính 'alt' cung cấp mô tả văn bản thay thế cho hình ảnh, giúp người dùng sử dụng trình đọc màn hình hiểu được nội dung của hình ảnh, do đó kết luận Lý giải là Sử dụng thuộc tính 'alt' để cung cấp mô tả văn bản cho hình ảnh.

'background-size: cover;' đảm bảo hình ảnh lấp đầy toàn bộ phần tử, có thể dẫn đến việc hình ảnh bị cắt bớt để vừa vặn, do đó kết luận Lý giải là Hình ảnh sẽ được thu nhỏ hoặc phóng to để lấp đầy toàn bộ phần tử, có thể bị cắt bớt.

Image sprites kết hợp nhiều hình ảnh nhỏ thành một hình ảnh lớn, giảm số lượng yêu cầu HTTP và tăng tốc độ tải trang, do đó kết luận Lý giải là Image sprites.

Ảnh raster được tạo thành từ các điểm ảnh (pixel), trong khi ảnh vector được tạo từ các đường và hình dạng toán học, do đó kết luận Lý giải là Ảnh raster được tạo thành từ pixel, ảnh vector được tạo thành từ đường và hình dạng.

Thuộc tính 'mask-image' trong CSS cho phép bạn tạo mặt nạ cho hình ảnh, che đi một phần của hình ảnh đó, do đó kết luận Lý giải là mask-image.

SVG là định dạng vector, cho phép hình ảnh được mở rộng vô hạn mà không bị giảm chất lượng, làm cho nó lý tưởng cho logo và biểu tượng, do đó kết luận Lý giải là SVG (Scalable Vector Graphics).

'Art direction' trong responsive images là việc điều chỉnh hình ảnh để phù hợp với các kích thước màn hình khác nhau, thay đổi bố cục hoặc nội dung, do đó kết luận Lý giải là Việc thay đổi bố cục hoặc nội dung của hình ảnh để phù hợp với các kích thước màn hình khác nhau.

SVG là định dạng vector, cho phép biểu tượng được mở rộng mà không bị giảm chất lượng, rất phù hợp cho các biểu tượng responsive, do đó kết luận Lý giải là Khi cần biểu tượng có thể mở rộng mà không bị mất chất lượng.

Base64 encoding nhúng hình ảnh trực tiếp vào mã HTML/CSS, giảm yêu cầu HTTP cho các hình ảnh nhỏ, do đó kết luận Lý giải là Khi cần giảm số lượng yêu cầu HTTP cho các hình ảnh nhỏ.

Lazy loading trì hoãn tải hình ảnh cho đến khi chúng cần thiết, giúp tăng tốc độ tải trang ban đầu, do đó kết luận Lý giải là Lazy loading.

Thuộc tính 'object-fit' quy định cách hình ảnh hoặc video vừa vặn bên trong vùng chứa của nó, do đó kết luận Lý giải là Xác định cách nội dung của một phần tử (ví dụ: hình ảnh hoặc video) phù hợp với vùng chứa của nó.

WebP là định dạng hình ảnh hiện đại được Google phát triển, cung cấp khả năng nén vượt trội, hỗ trợ ảnh động và trong suốt, do đó kết luận Lý giải là WebP.

Bộ chọn ':hover' kết hợp với 'background-image' hoặc 'content' cho phép thay đổi hình ảnh khi di chuột, tạo hiệu ứng hover, do đó kết luận Lý giải là Sử dụng bộ chọn ':hover' kết hợp với thuộc tính 'background-image' hoặc 'content'.

Để hình ảnh sắc nét trên màn hình Retina, cần cung cấp hình ảnh có độ phân giải cao hơn và giảm kích thước hiển thị bằng CSS, do đó kết luận Lý giải là Sử dụng hình ảnh có kích thước gấp đôi và thuộc tính 'width'/'height' bằng một nửa kích thước thực tế.

Thuộc tính 'clip-path' cho phép bạn cắt hình ảnh thành các hình dạng phức tạp, không chỉ giới hạn ở hình chữ nhật, do đó kết luận Lý giải là Khi cần tạo các hình dạng phức tạp cho hình ảnh, thay vì chỉ hình chữ nhật.

GIF phù hợp với ảnh động đơn giản và ảnh có độ trong suốt giới hạn, vì nó chỉ hỗ trợ 256 màu, do đó kết luận Lý giải là Khi cần hiển thị ảnh động đơn giản hoặc ảnh có độ trong suốt giới hạn.

WebP hỗ trợ cả hoạt ảnh và độ trong suốt, làm cho nó trở thành một lựa chọn linh hoạt cho các ứng dụng web, do đó kết luận Lý giải là WebP.

Progressive JPEG hiển thị hình ảnh dần dần, bắt đầu với chất lượng thấp và tăng dần khi tải xuống hoàn tất, nâng cao trải nghiệm người dùng, do đó kết luận Lý giải là Progressive JPEG.

Ưu điểm chính của hình ảnh vector là khả năng mở rộng vô hạn mà không bị mất độ sắc nét, do đó kết luận Lý giải là hình ảnh vector có thể được mở rộng vô hạn mà không làm giảm chất lượng.

Nén ảnh (Image compression) là quá trình giảm kích thước tệp hình ảnh để tải trang web nhanh hơn mà không làm mất chất lượng hình ảnh quá nhiều, do đó kết luận Lý giải là Nén ảnh (Image compression).

Thuộc tính 'animation' trong CSS cho phép bạn tạo các hiệu ứng chuyển động phức tạp cho hình ảnh và các phần tử khác, do đó kết luận Lý giải là animation.

'image-rendering: pixelated;' làm cho hình ảnh hiển thị các pixel rõ ràng và sắc nét, không bị làm mịn, do đó kết luận Lý giải là Hình ảnh sẽ được hiển thị với các cạnh sắc nét và rõ ràng, không bị làm mờ.

Thuộc tính 'filter' trong CSS cho phép bạn áp dụng các hiệu ứng hình ảnh như độ sáng, độ tương phản, làm mờ, v.v., do đó kết luận Lý giải là filter.

Adaptive images sử dụng các thuộc tính như srcset và sizes để trình duyệt chọn hình ảnh phù hợp nhất với thiết bị, do đó kết luận Lý giải là Adaptive images.

CDN giúp đơn giản hóa việc quản lý hình ảnh, không phải làm tăng độ phức tạp, do đó kết luận Lý giải là Tăng độ phức tạp trong việc quản lý hình ảnh.

Thuộc tính background-repeat trong CSS kiểm soát cách hình ảnh nền lặp lại trên một phần tử, do đó kết luận Lý giải là background-repeat.

PNG hỗ trợ độ trong suốt tốt hơn JPEG, nên được ưu tiên khi cần hình ảnh trong suốt, do đó kết luận Lý giải là Khi cần hình ảnh có độ trong suốt.

Thuộc tính 'srcset' cung cấp danh sách các nguồn hình ảnh khác nhau để trình duyệt chọn dựa trên kích thước màn hình, do đó kết luận Lý giải là Xác định các nguồn hình ảnh khác nhau cho các kích thước màn hình khác nhau.

CSS sprites giảm số lượng yêu cầu HTTP bằng cách kết hợp nhiều hình ảnh nhỏ thành một, giúp tăng tốc độ tải trang, do đó kết luận Lý giải là Giảm số lượng yêu cầu HTTP, giúp tăng tốc độ tải trang.