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 PNG sang SVG?

Các tệp PNG là hình ảnh raster, có nghĩa là chúng được tạo thành từ các pixel và mất chất lượng khi được thu phóng. Các tệp SVG, mặt khác, là dựa trên vector, có nghĩa là chúng có thể được thu phóng vô hạn mà không mất độ sắc nét — làm cho chúng lý tưởng cho các biểu tượng, hình ảnh và minh họa.

Chuyển đổi PNG sang SVG cung cấp cho bạn một hình ảnh có thể thu phóng và chỉnh sửa hoàn hảo cho các trang web, ứng dụng di động, phương tiện in và nhiều hơn nữa.

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

• ✅ Khả năng thu phóng vô hạn – Các hình ảnh SVG có thể được thay đổi kích thước mà không mất chất lượng.

• ✅ Đường dẫn có thể chỉnh sửa – Lý tưởng cho việc tùy chỉnh hình dạng và thiết kế bằng các công cụ như Adobe Illustrator hoặc Figma.

• ✅ Kích thước tệp nhỏ – Các đồ họa vector thường nhẹ và được tối ưu hóa cho hiệu suất.

• ✅ Hoàn hảo cho sử dụng trên web – SVG được hỗ trợ rộng rãi trên các trình duyệt hiện đại và các quy trình thiết kế đáp ứng.

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

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

2. Vector hóa tự động
   Công cụ này sẽ tạo đường dẫn vector từ hình ảnh PNG của bạn và chuyển đổi nó thành đường dẫn vector SVG có thể thu phóng.

3. Tải SVG
   Nhấp vào nút Tải SVG để lưu tệp vector mới của bạn.

4. Sử dụng trong thiết kế hoặc dự án web
   Tệp SVG của bạn có thể được chỉnh sửa, nhúng vào trang web hoặc sử dụng trong tài liệu in.

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

SVG có phải là bản sao chính xác của PNG không?
Công cụ này thực hiện vector hóa phù hợp nhất, nó hoạt động tốt cho các đồ họa đơn giản, biểu tượng và hình ảnh. Các ảnh chụp chi tiết cao có thể không chuyển đổi hoàn hảo.

Tôi có thể chỉnh sửa SVG sau khi chuyển đổi không?
Có. Các tệp SVG có thể được chỉnh sửa trong các công cụ thiết kế vector như Adobe Illustrator, Inkscape hoặc Figma.

Công cụ này có miễn phí và an toàn không?
Có. Trình chuyển đổi hoàn toàn miễn phí và xử lý hình ảnh của bạn một cách an toàn — không có dữ liệu nào được lưu trữ hoặc chia sẻ.

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;
}