PNG hay SVG cho slide bất động sản? Cách chọn từ một bộ clipart thật

Nếu cần chèn một biểu tượng ngôi nhà vào slide, cả PNG và SVG đều có thể phù hợp. Lựa chọn nên dựa vào cách bạn định dùng hình và khả năng của ứng dụng, không chỉ dựa vào đuôi file. Bài này dùng hai tệp cùng hình trong bộ 12 clipart ngôi nhà làm ví dụ để bạn tự thử.

Khác nhau ở cách lưu hình

PNG lưu hình theo pixel và có thể chứa độ trong suốt. SVG mô tả hình bằng các phần tử vector; với hình được dựng từ đường nét và khối hình, bạn có thể đổi kích thước mà không phụ thuộc vào một lưới pixel cố định. Tài liệu hướng dẫn định dạng ảnh của MDN và giới thiệu SVG giải thích các đặc điểm này.

So sánh hai file của cùng một hình

Trong bộ clipart v1.0, mẫu “Nhà mái dốc” có hai phiên bản sau. Đây là số đo của chính bộ file phát hành, không phải cam kết rằng mọi SVG đều nhỏ hơn PNG.

File	Kích thước hoặc khung hình	Dung lượng
01-gable-house.png	1024 × 1024 pixel, RGBA	30.014 byte
01-gable-house.svg	Khung vector 512 × 512	1.240 byte

SVG của bộ này chỉ dùng hình học tĩnh; không nhúng ảnh raster, font hay tài nguyên ngoài. Một SVG khác có ảnh nhúng hoặc nhiều chi tiết có thể có đặc điểm hoàn toàn khác.

Chọn theo tình huống

Chèn nhanh, không sửa từng chi tiết: PNG là lựa chọn thuận tiện nếu ứng dụng nhận file và kích thước ảnh đủ cho đầu ra.
Cần chỉnh màu hoặc thay kích thước nhiều lần: dùng SVG trong ứng dụng hỗ trợ chỉnh vector; kiểm tra khả năng nhập và xuất trước.
Gửi cho người dùng phần mềm khác: xuất bản xem cuối cùng sang định dạng họ mở được và xem lại kết quả. Có thể giữ SVG gốc bên cạnh PNG hoặc PDF đã xuất.
Cần in lớn: xem kích thước và chất lượng đầu ra thực tế. Không cho rằng một PNG sẽ luôn đủ nét chỉ vì trông rõ trên màn hình nhỏ.

Bài thử với một slide

Tải bộ hình, giải nén và chọn hai file 01-gable-house có đuôi khác nhau.
Chèn từng file bằng chức năng chèn ảnh của ứng dụng. Nếu ứng dụng không hỗ trợ SVG, dùng PNG; không cần ép đổi đuôi.
Giữ cùng tỉ lệ và cùng kích thước hiển thị để so sánh công bằng.
Đặt thử trên một nền sáng và một nền tối. Quan sát rìa, khoảng trong suốt và độ tương phản.
Xuất slide theo cách bạn thực sự sẽ bàn giao rồi mở lại bản xuất. Kiểm tra phần nét mảnh và nhãn nhỏ ở kích thước xem thực tế.

Đây là bài thử để bạn thực hiện trên ứng dụng của mình. Chúng tôi đã kiểm tra tệp và kích thước của bộ clipart, chưa xác nhận mọi phiên bản phần mềm trình chiếu.

Ba lỗi dễ tránh

Đổi tên .png thành .svg không biến ảnh pixel thành hình vector. Kéo riêng chiều rộng có thể làm nhà bị méo; giữ tỉ lệ khi thay kích thước. Cắt hình từ ảnh xem trước sẽ mang theo nền của preview và không thay thế được PNG trong suốt trong ZIP. Hãy giữ cả file nguồn lẫn bản xuất, ghi phiên bản để dễ quay lại khi cần thay đổi. Nếu cần báo lỗi một file trong bộ clipart, gửi tên tệp và ứng dụng đang dùng qua trang liên hệ.