Image assets là gì?
Còn gọi: tài nguyên hình ảnh
Image assets là các tệp hình ảnh dùng trong giao diện như ảnh, icon, minh hoạ, logo, được chuẩn bị đúng định dạng, kích thước và độ phân giải để lập trình viên đưa vào sản phẩm.
Hiểu kỹ hơn
Mỗi loại tài nguyên hợp với một định dạng: icon và logo nên là SVG để sắc nét ở mọi kích thước; ảnh chụp dùng JPEG, WebP hoặc AVIF; ảnh cần nền trong suốt dùng PNG hoặc WebP. Với ảnh bitmap, cần xuất nhiều độ phân giải cho màn hình mật độ điểm ảnh cao: iOS dùng hậu tố @2x, @3x, Android dùng các mức mdpi đến xxxhdpi, web dùng thuộc tính srcset. Trong Figma, chọn lớp rồi thêm cài đặt ở mục Export, chọn định dạng và hệ số như 1x, 2x, 3x; trong Dev Mode, lập trình viên có thể tự tải các lớp đã đánh dấu. Đặt tên lớp rõ ràng như icon-search, img-hero-home để tệp xuất ra có tên dùng được ngay. Ví dụ: một icon 24px xuất SVG thay vì PNG 3 kích cỡ. Lỗi thường gặp là xuất ảnh nền 4000px dung lượng vài MB cho website, làm trang tải chậm, hoặc xuất icon có cả khoảng trống thừa không đồng đều.
