[Cánh diều] Trắc nghiệm Tin học ứng dụng 12 bài 5: Tạo nội dung hình ảnh cho trang web

1. Trong SEO (Search Engine Optimization), việc đặt tên tệp hình ảnh một cách mô tả và chứa từ khóa liên quan có lợi ích gì?

A. Giúp công cụ tìm kiếm hiểu nội dung hình ảnh, cải thiện khả năng hiển thị trong kết quả tìm kiếm hình ảnh.

B. Tăng tốc độ tải trang bằng cách làm cho tệp nhẹ hơn.

C. Đảm bảo hình ảnh hiển thị chính xác trên mọi trình duyệt.

D. Giảm thiểu rủi ro vi phạm bản quyền hình ảnh.

2. Khi muốn tạo hiệu ứng hình ảnh với nền trong suốt, định dạng tệp nào sau đây là lựa chọn tốt nhất cho hình ảnh tĩnh?

A. JPEG

B. GIF

C. PNG

D. BMP

3. Trong các thuộc tính của thẻ img, thuộc tính nào dùng để chỉ định văn bản thay thế cho hình ảnh, rất quan trọng cho khả năng truy cập và SEO?

A. title

B. alt

C. name

D. description

4. Cân bằng giữa chất lượng hình ảnh và kích thước tệp là một nguyên tắc quan trọng. Trong trường hợp nào thì việc sử dụng định dạng PNG là ưu việt hơn JPEG, ngay cả khi kích thước tệp có thể lớn hơn?

A. Khi hình ảnh có nhiều vùng màu phẳng, đường nét sắc sảo và cần độ trong suốt.

B. Khi hình ảnh là ảnh chụp phong cảnh có nhiều chi tiết và tông màu chuyển tiếp mượt mà.

C. Khi hình ảnh có hoạt ảnh đơn giản.

D. Khi hình ảnh chỉ có hai màu đen trắng.

5. Trong các định dạng hình ảnh web phổ biến, định dạng nào có khả năng hỗ trợ độ trong suốt với các mức độ alpha khác nhau (trong suốt bán phần)?

A. JPEG

B. GIF (chỉ hỗ trợ trong suốt toàn phần)

C. PNG

D. BMP

6. Một nhà thiết kế muốn tạo một logo có thể sử dụng trên nhiều kích thước khác nhau, từ danh thiếp đến biển quảng cáo lớn, mà vẫn giữ được độ sắc nét. Định dạng tệp nào là lựa chọn phù hợp nhất?

A. PNG

B. JPEG

C. SVG

D. BMP

7. Khi sử dụng CSS để tạo hiệu ứng cho hình ảnh, ví dụ như đổ bóng hoặc bo tròn góc, những thuộc tính CSS nào thường được áp dụng trực tiếp cho thẻ img hoặc một phần tử chứa ảnh?

A. text-shadow và border-radius

B. box-shadow và border-radius

C. text-decoration và font-weight

D. background-image và display

8. Khi muốn hiển thị một hình ảnh có kích thước cố định trên trang web và không cần đáp ứng (responsive), cách nào sau đây là hợp lý để chỉ định kích thước trong HTML?

A. Sử dụng thuộc tính size của thẻ img.

B. Sử dụng thuộc tính width và height trực tiếp trên thẻ img.

C. Định nghĩa kích thước trong thẻ style của thẻ img.

D. Chỉ định kích thước trong thẻ meta của trang web.

9. Trong HTML, thẻ nào được sử dụng để nhúng một hình ảnh vào trang web?

A. thẻ picture

B. thẻ img

C. thẻ image

D. thẻ graphics

10. Tại sao các công cụ tối ưu hóa hình ảnh trực tuyến (như TinyPNG, Compressor.io) lại hữu ích cho việc chuẩn bị hình ảnh cho trang web?

A. Chúng giúp tăng độ phân giải của hình ảnh.

B. Chúng tự động chuyển đổi tất cả hình ảnh sang định dạng GIF.

C. Chúng giúp giảm kích thước tệp hình ảnh mà vẫn giữ được chất lượng tốt nhất có thể.

D. Chúng thêm hiệu ứng hoạt ảnh cho hình ảnh tĩnh.

11. Khi lựa chọn định dạng tệp hình ảnh cho biểu tượng (icon) trên trang web, định dạng nào thường được ưu tiên sử dụng vì khả năng hỗ trợ độ trong suốt và tỷ lệ (scaling) không làm giảm chất lượng?

A. JPEG

B. PNG

C. GIF

D. SVG

12. Việc sử dụng định dạng SVG cho các biểu tượng (icons) trên trang web mang lại lợi ích gì so với việc sử dụng ảnh raster (như PNG hoặc GIF) cho cùng mục đích?

A. SVG có kích thước tệp nhỏ hơn đáng kể và hiển thị hoạt ảnh phức tạp hơn.

B. SVG dễ dàng thay đổi màu sắc bằng CSS và có thể được thu phóng vô hạn mà không mất chất lượng.

C. SVG hỗ trợ nén mất mát tốt hơn JPEG.

D. SVG có khả năng tương thích với tất cả các trình duyệt cũ hơn.

13. Trong HTML, thuộc tính nào của thẻ img được sử dụng để chỉ định đường dẫn đến tệp hình ảnh?

A. href

B. link

C. src

D. url

14. Trong ngữ cảnh tạo nội dung hình ảnh cho trang web, yếu tố nào sau đây là quan trọng nhất để đảm bảo hình ảnh hiển thị tốt trên nhiều thiết bị và kích thước màn hình khác nhau?

A. Sử dụng định dạng ảnh có tỷ lệ nén cao nhất.

B. Tối ưu hóa kích thước và độ phân giải của ảnh.

C. Áp dụng kỹ thuật responsive images hoặc ảnh vector.

D. Sử dụng ảnh có dung lượng lớn để đảm bảo chất lượng.

15. Tại sao việc sử dụng quá nhiều hình ảnh có độ phân giải cao hoặc dung lượng lớn trên một trang web có thể gây ra vấn đề?

A. Chúng làm tăng thời gian tải trang, tiêu tốn băng thông và ảnh hưởng đến trải nghiệm người dùng.

B. Chúng yêu cầu phần cứng máy tính người dùng phải mạnh hơn.

C. Chúng có thể gây xung đột với các tệp JavaScript.

D. Chúng làm giảm khả năng hiển thị trên các trình duyệt cũ.

16. Một trang web cần hiển thị một bức ảnh phong cảnh chất lượng cao, không yêu cầu hoạt ảnh hay độ trong suốt. Định dạng tệp nào sau đây là lựa chọn hợp lý nhất để cân bằng giữa chất lượng và kích thước tệp?

A. GIF

B. BMP

C. JPEG

D. TIFF

17. Công cụ nào sau đây là lựa chọn tốt nhất để tạo các hình minh họa vector hoặc logo có thể thay đổi kích thước mà không bị vỡ nét?

A. Adobe Photoshop

B. GIMP

C. Inkscape hoặc Adobe Illustrator

D. Paint.NET

18. Yếu tố nào sau đây KHÔNG phải là một lợi ích chính của việc tối ưu hóa kích thước tệp hình ảnh trước khi tải lên trang web?

A. Cải thiện tốc độ tải trang.

B. Giảm băng thông sử dụng.

C. Tăng khả năng hiển thị trên các thiết bị cấu hình thấp.

D. Tăng cường độ sắc nét và chi tiết của hình ảnh.

19. Khi sử dụng thẻ picture trong HTML, mục đích chính của việc này là gì?

A. Tạo ảnh động phức tạp.

B. Cho phép trình duyệt chọn tệp hình ảnh phù hợp nhất dựa trên điều kiện như kích thước màn hình hoặc độ phân giải.

C. Nhúng video vào trang web.

D. Tạo hiệu ứng đổ bóng cho hình ảnh.

20. Khi tạo một banner quảng cáo động trên trang web, định dạng tệp hình ảnh nào sau đây thường được sử dụng phổ biến nhất vì khả năng hỗ trợ hoạt ảnh?

A. PNG

B. SVG

C. JPEG

D. GIF

21. Một nhà phát triển muốn tạo một hình ảnh lớn, phức tạp với nhiều chi tiết nhỏ và màu sắc gradient. Họ cần đảm bảo chất lượng hiển thị tốt nhất và không quá quan tâm đến kích thước tệp ban đầu. Định dạng nào là lựa chọn tốt nhất?

A. GIF

B. PNG-8

C. SVG

D. PNG-24

22. Thuộc tính alt của thẻ img trong HTML có vai trò gì?

A. Chỉ định URL của hình ảnh.

B. Cung cấp văn bản thay thế cho hình ảnh khi không hiển thị hoặc cho người dùng sử dụng trình đọc màn hình.

C. Xác định kích thước chiều rộng của hình ảnh.

D. Liên kết hình ảnh đến một trang web khác.

23. Một nhà phát triển web muốn đảm bảo hình ảnh hiển thị đúng trên các trình duyệt khác nhau và các thiết bị có kích thước màn hình khác nhau. Họ nên sử dụng kỹ thuật nào?

A. Sử dụng ảnh có độ phân giải rất cao cho mọi trường hợp.

B. Áp dụng CSS để định cỡ ảnh theo phần trăm hoặc đơn vị tương đối.

C. Chỉ sử dụng ảnh GIF vì tính tương thích cao.

D. Tải lên nhiều phiên bản ảnh với kích thước khác nhau và chọn thủ công.

24. Công cụ nào sau đây thường được sử dụng để tạo và chỉnh sửa hình ảnh raster (dựa trên pixel) cho trang web?

A. Inkscape

B. Adobe Illustrator

C. GIMP hoặc Adobe Photoshop

D. Figma

25. Khi cần hiển thị hình ảnh có màu sắc rực rỡ và nhiều chi tiết, không yêu cầu hoạt ảnh hay độ trong suốt, định dạng nào là lựa chọn tốt nhất để tối ưu kích thước tệp?

A. GIF

B. PNG-8

C. SVG

D. JPEG