Bộ 2 - Bộ 30+ câu hỏi trắc nghiệm online Đồ họa Web có đáp án. Cùng rèn luyện kiến thức ngay nhé.
1. Thuật ngữ nào mô tả việc tạo ra các hình ảnh có thể thích ứng với các kích thước màn hình khác nhau mà không làm mất chất lượng?
A. Hình ảnh tĩnh (Static images)
B. Hình ảnh động (Animated images)
C. Hình ảnh đáp ứng (Responsive images)
D. Hình ảnh vector (Vector images)
2. Khi thiết kế đồ họa web cho các thiết bị di động, điều gì quan trọng nhất cần xem xét?
A. Sử dụng hình ảnh có độ phân giải cực cao
B. Tối ưu hóa kích thước tệp hình ảnh để tải nhanh
C. Sử dụng nhiều hình ảnh động
D. Sử dụng phông chữ lớn và phức tạp
3. Định dạng hình ảnh nào sau đây phù hợp nhất cho ảnh chụp trên web khi cần kích thước tệp nhỏ và chấp nhận mất một số chi tiết?
A. PNG
B. GIF
C. SVG
D. JPEG
4. Đâu là lý do chính để sử dụng công cụ tối ưu hóa hình ảnh trước khi tải chúng lên web?
A. Để tăng độ phân giải của hình ảnh
B. Để giảm kích thước tệp và cải thiện tốc độ tải trang
C. Để thêm hiệu ứng đặc biệt vào hình ảnh
D. Để thay đổi định dạng hình ảnh
5. Thuộc tính CSS nào được sử dụng để tạo hiệu ứng mờ cho hình ảnh?
A. opacity
B. blur
C. filter: blur()
D. visibility
6. Thuộc tính CSS nào được sử dụng để làm cho một phần tử trở nên trong suốt?
A. visibility
B. display
C. opacity
D. filter
7. Kỹ thuật nào sau đây giúp giảm thiểu số lượng yêu cầu HTTP đến máy chủ bằng cách kết hợp nhiều hình ảnh nhỏ thành một hình ảnh lớn duy nhất?
A. Nén hình ảnh (Image compression)
B. Sprites hình ảnh (Image sprites)
C. Tải hình ảnh trì hoãn (Lazy loading)
D. Tối ưu hóa hình ảnh (Image optimization)
8. Phương pháp nào sau đây giúp cải thiện khả năng truy cập cho người dùng khiếm thị khi sử dụng hình ảnh trên web?
A. Sử dụng hình ảnh có độ phân giải cao
B. Thêm văn bản thay thế (alt text) vào hình ảnh
C. Sử dụng hình ảnh động
D. Sử dụng hình ảnh có màu sắc tương phản cao
9. Thuộc tính CSS nào được sử dụng để thay đổi hình dạng của một phần tử?
A. border-radius
B. transform
C. shape-outside
D. clip-path
10. Thuộc tính CSS nào được sử dụng để chỉ định cách một hình ảnh lặp lại để lấp đầy một phần tử?
A. background-size
B. background-position
C. background-repeat
D. background-attachment
11. Thuộc tính CSS nào được sử dụng để tạo hiệu ứng chuyển đổi (transition) khi trạng thái của một phần tử thay đổi?
A. animation
B. transform
C. transition
D. effect
12. Phương pháp nào sau đây là cách tốt nhất để đảm bảo rằng đồ họa web của bạn trông sắc nét trên các thiết bị có mật độ điểm ảnh khác nhau (ví dụ: màn hình Retina)?
A. Sử dụng hình ảnh bitmap có độ phân giải thấp
B. Sử dụng hình ảnh vector (SVG)
C. Sử dụng hình ảnh JPEG được nén cao
D. Sử dụng hình ảnh GIF hoạt hình
13. Công cụ nào sau đây thường được sử dụng để tạo và chỉnh sửa hình ảnh vector?
A. GIMP
B. Adobe Photoshop
C. Adobe Illustrator
D. Paint.NET
14. Đâu là lợi ích chính của việc sử dụng hình ảnh vector thay vì hình ảnh raster trong thiết kế web?
A. Hình ảnh vector có kích thước tệp lớn hơn
B. Hình ảnh vector bị mất chất lượng khi thu nhỏ
C. Hình ảnh vector có thể mở rộng vô hạn mà không bị mất chất lượng
D. Hình ảnh vector không hỗ trợ độ trong suốt
15. Thuộc tính CSS nào được sử dụng để điều chỉnh kích thước hình ảnh sao cho phù hợp với vùng chứa của nó mà không làm biến dạng?
A. width
B. height
C. object-fit
D. resize
16. Kỹ thuật nào sau đây cho phép bạn tạo ra các hình ảnh đáp ứng (responsive images) bằng cách cung cấp nhiều phiên bản hình ảnh khác nhau cho các kích thước màn hình khác nhau?
A. Nén hình ảnh (Image compression)
B. Sprites hình ảnh (Image sprites)
C. srcset attribute
D. Tải hình ảnh trì hoãn (Lazy loading)
17. Khi nào nên sử dụng PNG-8 thay vì PNG-24?
A. Khi cần nhiều màu sắc hơn 256
B. Khi cần kích thước tệp nhỏ hơn và có ít màu sắc
C. Khi cần hỗ trợ hoạt ảnh
D. Khi cần độ trong suốt alpha
18. Thuật ngữ nào mô tả tốt nhất quá trình tối ưu hóa hình ảnh cho web để giảm kích thước tệp mà không làm giảm đáng kể chất lượng hình ảnh?
A. Rasterization
B. Vectorization
C. Nén mất dữ liệu (Lossy compression)
D. Nén không mất dữ liệu (Lossless compression)
19. Thuộc tính CSS nào được sử dụng để kiểm soát thứ tự xếp chồng của các phần tử HTML, cho phép bạn đưa một phần tử lên phía trước hoặc phía sau các phần tử khác?
A. position
B. display
C. z-index
D. overflow
20. Thuộc tính CSS nào được sử dụng để tạo bóng cho văn bản?
A. box-shadow
B. text-shadow
C. shadow
D. outline
21. Định dạng hình ảnh nào sau đây phù hợp nhất cho các biểu tượng và logo trên web vì nó hỗ trợ độ trong suốt và khả năng mở rộng vô hạn mà không bị mất chất lượng?
A. JPEG
B. PNG
C. GIF
D. SVG
22. Đâu là nhược điểm chính của việc sử dụng hình ảnh GIF cho đồ họa web?
A. GIF không hỗ trợ độ trong suốt
B. GIF có kích thước tệp lớn
C. GIF chỉ hỗ trợ 256 màu
D. GIF không hỗ trợ hoạt ảnh
23. Thuộc tính CSS nào sau đây cho phép bạn tạo hiệu ứng động cho hình ảnh, chẳng hạn như xoay, thu phóng hoặc di chuyển?
A. transition
B. animation
C. transform
D. effect
24. Thuộc tính CSS nào được sử dụng để cắt một hình ảnh để chỉ hiển thị một phần của nó?
A. resize
B. object-fit
C. clip
D. overflow
25. Thuật ngữ nào mô tả kỹ thuật sử dụng CSS để tạo hình dạng và đồ họa mà không cần sử dụng hình ảnh?
A. SVG
B. Canvas
C. CSS Shapes
D. WebP
26. Khi thiết kế một trang web đáp ứng, điều gì quan trọng nhất cần xem xét về đồ họa?
A. Sử dụng hình ảnh có kích thước cố định
B. Sử dụng hình ảnh vector cho các yếu tố giao diện người dùng
C. Sử dụng hình ảnh có độ phân giải thấp để tiết kiệm băng thông
D. Sử dụng tất cả các định dạng hình ảnh khác nhau để tương thích
27. Trong ngữ cảnh đồ họa web, thuật ngữ 'rasterization' đề cập đến điều gì?
A. Quá trình chuyển đổi hình ảnh vector thành hình ảnh bitmap
B. Quá trình nén hình ảnh để giảm kích thước tệp
C. Quá trình tạo hình ảnh 3D
D. Quá trình tối ưu hóa hình ảnh cho web
28. Định dạng hình ảnh nào sau đây hỗ trợ cả hoạt ảnh và độ trong suốt?
A. JPEG
B. PNG
C. GIF
D. WebP
29. Khi nào nên sử dụng hình ảnh WebP thay vì JPEG hoặc PNG?
A. Khi cần hỗ trợ các trình duyệt cũ
B. Khi cần kích thước tệp nhỏ hơn với chất lượng tương đương hoặc tốt hơn
C. Khi cần hình ảnh không nén
D. Khi cần chỉnh sửa hình ảnh
30. Kỹ thuật nào được sử dụng để tải hình ảnh một cách trì hoãn (lazy loading) khi người dùng cuộn xuống trang web, giúp cải thiện hiệu suất tải trang ban đầu?
A. Tải trước hình ảnh (Image preloading)
B. Nén hình ảnh (Image compression)
C. Tối ưu hóa hình ảnh (Image optimization)
D. Tải hình ảnh trì hoãn (Lazy loading)
Võ Việt Hoàng SEO
Võ Việt Hoàng SEO