window.addEventListener(‘message’, function (event) {
if (!event.data || event.data.type !== ‘resize’) return;

const iframe = document.getElementById(‘lovable-frame’);
if (iframe && typeof event.data.height === “number”) {
iframe.style.height = event.data.height + “px”;
}
});

Tại sao chuyển đổi SVG sang PNG?

Tệp SVG lý tưởng cho logo, biểu tượng và minh họa do khả năng mở rộng và kích thước tệp nhỏ. Tuy nhiên, không tất cả các nền tảng hoặc ứng dụng hỗ trợ SVG, và đôi khi bạn cần một hình ảnh raster để tương thích, chỉnh sửa hoặc xuất bản web.

Chuyển đổi SVG sang PNG cung cấp cho bạn một hình ảnh tĩnh, chất lượng cao, giữ được độ trong suốt và có thể được sử dụng trên hầu hết tất cả các thiết bị, trình duyệt và công cụ thiết kế hiện đại.

Lợi ích chính của định dạng PNG

• ✅ Nén lossless – PNG giữ chất lượng hình ảnh với không có mất mát hình ảnh.

• ✅ Hỗ trợ độ trong suốt – Hoàn hảo cho logo, biểu tượng và thiết kế lớp yêu cầu nền trong suốt.

• ✅ Tương thích phổ biến – Chèn dễ dàng hình ảnh PNG vào trang web, trình bày, email hoặc tài liệu in.

Cách sử dụng công cụ này

1. Tải tệp SVG của bạn
   Nhấp vào “Chọn tệp SVG” hoặc kéo và thả đồ họa vector của bạn vào hộp trên.

2. Chuyển đổi tự động
   Công cụ sẽ chuyển đổi SVG của bạn thành hình ảnh PNG độ phân giải cao.

3. Tải PNG
   Nhấp vào nút Tải PNG để lưu hình ảnh vào thiết bị của bạn.

4. Sử dụng bất kỳ nơi nào
   Tệp PNG của bạn đã sẵn sàng để xuất bản, chỉnh sửa hoặc tích hợp vào bất kỳ dự án nào.

Câu hỏi thường gặp

Độ trong suốt từ SVG có được giữ lại không?
Có. PNG hỗ trợ độ trong suốt và công cụ này giữ lại bất kỳ yếu tố trong suốt nào từ tệp SVG của bạn.

Lossless có nghĩa là gì?
Lossless compression giảm kích thước tệp không loại bỏ bất kỳ dữ liệu hình ảnh nào, đảm bảo rằng hình ảnh PNG chuyển đổi của bạn trông chính xác như dự định mà không có sự suy giảm chất lượng.

Công cụ này có miễn phí và an toàn không?
Tuyệt đối. Công cụ này dựa trên trình duyệt, hoàn toàn miễn phí để sử dụng và tệp của bạn sẽ không được lưu trữ sau khi chuyển đổi.

Tôi có thể chuyển đổi sang các định dạng hình ảnh khác không?
Có, chọn từ định dạng tệp dưới đây.

.conversion-footer {
font-family: system-ui, sans-serif;
margin: 30px 0;
}

details.convert-dropdown {
margin-bottom: 8px;
border: 1px solid #e0e0e0;
border-radius: 6px;
background-color: #fff;
transition: box-shadow 0.3s;
}

details.convert-dropdown[open] {
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.convert-dropdown summary {
font-weight: 600;
font-size: 15px;
padding: 12px 16px;
background-color: #f7f8f9;
border-bottom: 1px solid #e0e0e0;
cursor: pointer;
list-style: none;
position: relative;
}

.convert-dropdown summary:hover {
background-color: #eef0f2;
}

.convert-dropdown summary::marker {
display: none;
}

.convert-dropdown summary::after {
content: “▾”;
position: absolute;
right: 16px;
font-size: 12px;
transition: transform 0.3s ease;
}

details[open] summary::after {
transform: rotate(180deg);
}

.convert-dropdown a {
display: block;
padding: 10px 20px;
text-decoration: none;
color: #0073aa;
font-size: 14px;
border-top: 1px solid #f1f1f1;
transition: background 0.2s;
}

.convert-dropdown a:hover {
background-color: #f1f7fb;
color: #005177;
}