Bộ 30+ Câu hỏi trắc nghiệm Tạo nội dung hình ảnh cho trang web (Có đáp án). Cùng rèn luyện kiến thức thiết kế Website (Web) online ngay nhé.
1. Định dạng hình ảnh vector có ưu điểm gì so với định dạng raster (bitmap)?
A. Kích thước tệp nhỏ hơn.
B. Khả năng масштабироваться mà không mất chất lượng.
C. Hỗ trợ nhiều màu sắc hơn.
D. Dễ dàng chỉnh sửa hơn.
2. Kỹ thuật nào giúp cải thiện hiệu suất tải trang web bằng cách tải hình ảnh chỉ khi chúng hiển thị trong khung nhìn của người dùng?
A. Lazy loading
B. Eager loading
C. Progressive loading
D. Adaptive loading
3. Công cụ nào sau đây giúp bạn tìm kiếm hình ảnh miễn phí bản quyền cho trang web của mình?
A. Google Images (với bộ lọc bản quyền)
B. Bing Images
C. Yahoo Images
D. Tất cả các công cụ trên đều không đảm bảo bản quyền
4. Khi nào nên sử dụng ảnh WebP thay vì JPEG hoặc PNG?
A. Khi cần ảnh có kích thước nhỏ hơn mà vẫn giữ được chất lượng tương đương hoặc tốt hơn.
B. Khi cần ảnh có độ phân giải cực cao.
C. Khi cần ảnh có nhiều lớp (layers).
D. Khi cần ảnh có hiệu ứng động phức tạp.
5. Khi thiết kế hình ảnh cho trang web, điều gì cần xem xét để đảm bảo khả năng truy cập cho người dùng khiếm thị?
A. Sử dụng màu sắc tươi sáng.
B. Cung cấp văn bản thay thế (alt text) mô tả hình ảnh.
C. Sử dụng hình ảnh động.
D. Tăng độ tương phản của hình ảnh.
6. CSS Sprites là gì và tại sao chúng được sử dụng trong thiết kế web?
A. Một kỹ thuật tạo hiệu ứng động cho hình ảnh.
B. Một phương pháp 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.
C. Một công cụ để tự động tạo văn bản thay thế cho hình ảnh.
D. Một kỹ thuật để tăng độ phân giải hình ảnh.
7. Điều gì cần cân nhắc khi sử dụng hình ảnh lớn trên trang web?
A. Chúng có thể làm chậm tốc độ tải trang.
B. Chúng luôn cải thiện trải nghiệm người dùng.
C. Chúng không ảnh hưởng đến SEO.
D. Chúng tự động tối ưu hóa cho mọi thiết bị.
8. Làm thế nào để giảm kích thước tệp hình ảnh mà không làm giảm đáng kể chất lượng hình ảnh?
A. Tăng độ phân giải hình ảnh.
B. Sử dụng định dạng hình ảnh phù hợp và tối ưu hóa nén.
C. Thêm nhiều hiệu ứng đặc biệt.
D. Chuyển đổi hình ảnh thành đen trắng.
9. Yếu tố nào sau đây ảnh hưởng đến kích thước tệp của hình ảnh JPEG?
A. Số lượng lớp (layers) trong ảnh.
B. Độ phân giải và mức độ nén.
C. Số lượng phông chữ được sử dụng trong ảnh.
D. Loại hiệu ứng đặc biệt được áp dụng.
10. Điều gì có thể xảy ra nếu bạn không tối ưu hóa hình ảnh cho trang web?
A. Trang web sẽ tải nhanh hơn.
B. Trải nghiệm người dùng sẽ được cải thiện.
C. Thứ hạng SEO của trang web có thể bị giảm sút do tốc độ tải chậm.
D. Hình ảnh sẽ hiển thị đẹp hơn trên các thiết bị di động.
11. Khi sử dụng hình ảnh của người khác trên trang web, điều gì cần đặc biệt chú ý để tránh vi phạm bản quyền?
A. Chỉ sử dụng hình ảnh có kích thước nhỏ.
B. Chỉ sử dụng hình ảnh từ các trang web lớn.
C. Kiểm tra giấy phép sử dụng và ghi rõ nguồn gốc của hình ảnh.
D. Không cần chú ý nếu chỉ sử dụng cho mục đích phi lợi nhuận.
12. Định dạng hình ảnh nào sau đây thường được sử dụng cho ảnh có độ phân giải cao và hỗ trợ nhiều màu sắc, phù hợp cho việc in ấn?
A. PNG
B. GIF
C. JPEG
D. TIFF
13. Khi thiết kế hình ảnh 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 độ phân giải cao nhất có thể.
B. Tối ưu hóa kích thước tệp để tải nhanh trên mạng di động.
C. Sử dụng nhiều hiệu ứng động phức tạp.
D. Sử dụng màu sắc tươi sáng và rực rỡ.
14. Công cụ nào sau đây được sử dụng để tạo hình ảnh vector, thích hợp cho logo và biểu tượng vì chúng có thể масштабироваться mà không bị mất chất lượng?
A. Adobe Photoshop
B. GIMP
C. Adobe Illustrator
D. Paint.NET
15. Làm thế nào để kiểm tra xem hình ảnh trên trang web có được tối ưu hóa cho SEO hay không?
A. Kiểm tra xem hình ảnh có kích thước lớn hơn 1MB hay không.
B. Kiểm tra xem hình ảnh có văn bản thay thế (alt text) mô tả nội dung hay không.
C. Kiểm tra xem hình ảnh có được sử dụng trong CSS Sprites hay không.
D. Kiểm tra xem hình ảnh có được tải bằng lazy loading hay không.
16. Tại sao nên sử dụng CDN (Content Delivery Network) cho hình ảnh trên trang web?
A. Để tăng độ phân giải hình ảnh.
B. Để giảm độ phức tạp của mã HTML.
C. Để phân phối hình ảnh từ các máy chủ gần người dùng hơn, giúp tải nhanh hơn.
D. Để tự động tạo văn bản thay thế cho hình ảnh.
17. Đâu là một cách tốt để tổ chức hình ảnh trong một dự án web?
A. Đặt tất cả hình ảnh trong cùng một thư mục gốc.
B. Tạo các thư mục con dựa trên loại hình ảnh (ví dụ: /images/icons, /images/photos).
C. Sử dụng tên tệp ngẫu nhiên để bảo mật.
D. Không cần tổ chức, trình duyệt tự động sắp xếp.
18. Khi sử dụng hình ảnh có bản quyền trên trang web, điều gì quan trọng nhất cần thực hiện?
A. Thay đổi kích thước hình ảnh.
B. Ghi rõ nguồn gốc và tuân thủ giấy phép.
C. Thêm bộ lọc màu cho hình ảnh.
D. Chuyển đổi định dạng hình ảnh.
19. Loại giấy phép nào cho phép bạn sử dụng, chỉnh sửa và phân phối hình ảnh cho cả mục đích thương mại mà không cần trả phí bản quyền?
A. Royalty-free license
B. Rights-managed license
C. Creative Commons Zero (CC0)
D. Editorial license
20. Thuật ngữ nào mô tả việc tối ưu hóa hình ảnh để chúng tải nhanh hơn trên trang web mà không làm giảm đáng kể chất lượng hình ảnh?
A. Rasterization
B. Vectorization
C. Image compression
D. Image resolution
21. Làm thế nào để đảm bảo hình ảnh hiển thị nhất quán trên các trình duyệt khác nhau?
A. Sử dụng định dạng hình ảnh phổ biến và kiểm tra trên nhiều trình duyệt.
B. Sử dụng CSS để ép hình ảnh hiển thị theo kích thước cố định.
C. Sử dụng JavaScript để điều chỉnh hình ảnh.
D. Không cần làm gì cả, các trình duyệt tự động điều chỉnh.
22. Khi nào nên sử dụng định dạng ảnh GIF trên trang web?
A. Cho ảnh có độ phân giải cao.
B. Cho ảnh có nhiều màu sắc.
C. Cho ảnh động đơn giản hoặc biểu tượng.
D. Cho ảnh chụp phong cảnh.
23. Thuộc tính HTML nào được sử dụng để cung cấp văn bản thay thế cho hình ảnh, hữu ích cho SEO và khả năng truy cập?
A. src
B. alt
C. title
D. href
24. Nếu bạn muốn tạo một hình ảnh có nền trong suốt để đặt lên trên các hình ảnh khác, bạn nên sử dụng định dạng nào?
A. JPEG
B. GIF
C. PNG
D. BMP
25. Tại sao nên tránh sử dụng hình ảnh làm nền cho văn bản quan trọng trên trang web?
A. Vì nó làm tăng kích thước tệp trang web.
B. Vì nó có thể ảnh hưởng đến khả năng đọc và SEO.
C. Vì nó không tương thích với các thiết bị di động.
D. Vì nó làm cho trang web trông không chuyên nghiệp.
26. Khi thêm hình ảnh vào trang web, bạn nên làm gì để đảm bảo rằng hình ảnh đó có thể tiếp cận được với mọi người, kể cả những người sử dụng trình đọc màn hình?
A. Đặt hình ảnh ở vị trí nổi bật trên trang.
B. Sử dụng hình ảnh có kích thước lớn để dễ nhìn.
C. Thêm văn bản 'alt' mô tả hình ảnh.
D. Sử dụng hình ảnh động để thu hút sự chú ý.
27. Đâu là lợi ích của việc sử dụng SVG (Scalable Vector Graphics) cho các biểu tượng trên trang web?
A. Chúng có kích thước tệp lớn hơn.
B. Chúng có thể масштабироваться mà không bị mất chất lượng.
C. Chúng không hỗ trợ hoạt ảnh.
D. Chúng khó chỉnh sửa hơn.
28. Tại sao nên sử dụng hình ảnh responsive trên trang web?
A. Để tăng độ phân giải hình ảnh trên mọi thiết bị.
B. Để giảm kích thước tệp hình ảnh.
C. Để hình ảnh hiển thị tốt trên mọi kích thước màn hình.
D. Để hình ảnh tải nhanh hơn trên máy tính để bàn.
29. Điều gì quan trọng nhất cần xem xét khi chọn hình ảnh cho trang web để đảm bảo tính nhất quán và chuyên nghiệp?
A. Độ phân giải hình ảnh
B. Kích thước tệp hình ảnh
C. Phong cách và chủ đề hình ảnh
D. Số lượng màu sắc trong hình ảnh
30. Định dạng hình ảnh nào hỗ trợ độ trong suốt (transparency) tốt nhất cho trang web?
A. JPEG
B. GIF
C. PNG
D. BMP
Võ Việt Hoàng SEO