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

Neden SVG’yi PNG’ye Dönüştürelim?

SVG dosyaları, ölçeklenebilirlik ve küçük dosya boyutları nedeniyle logolar, simgeler ve illüstrasyonlar için idealdir. Ancak, tüm platformlar veya uygulamalar SVG’leri desteklemez ve bazen düzenleme veya web yayınlama için raster görüntü gereklidir.

SVG’yi PNG’ye dönüştürmek, şeffaflığı koruyan ve几乎 tüm modern cihazlar, tarayıcılar ve tasarım araçlarında kullanılabilen yüksek kaliteli, statik bir görüntü sağlar.

PNG Biçiminin Ana Avantajları

• ✅ Kayıpsız Sıkıştırma – PNG, görüntüdeki hiçbir kaybı olmadan görüntü kalitesini korur.

• ✅ Şeffaflık Desteği – Arka planları şeffaf olan logolar, simgeler ve katmanlı tasarımlar için idealdir.

• ✅ Evrensel Uyumluluk – PNG resimlerini kolayca web sitelerine, sunumlara, e-postalara veya baskı malzemelerine ekleyin.

Bu Aracı Nasıl Kullanırım

1. SVG Dosyanızı Yükle
   “SVG Dosyasını Seç” butonuna tıklayın veya vektör grafiklerinizi yukarıdaki kutuya sürükleyip bırakın.

2. Otomatik Dönüştürme
   Araç, SVG’nizi yüksek çözünürlüklü bir PNG resmine dönüştürecektir.

3. PNG’yi İndir
   Resminizi cihazınıza kaydetmek için PNG’yi İndir butonuna tıklayın.

4. Her Yerde Kullan
   PNG dosyanız artık yayınlamak, düzenlemek veya herhangi bir projeye entegre etmek için hazır.

Sıkça Sorulan Sorular

SVG’den şeffaflık korunacak mı?
Evet. PNG, şeffaflığı destekler ve bu araç, SVG dosyanızdaki herhangi bir şeffaf öğeyi korur.

Kayıpsız ne anlama geliyor?
Kayıpsız sıkıştırma, hiçbir görüntü verisi silmeden dosya boyutunu azaltır, böylece dönüştürülen PNG’niz amaçlandığı gibi görünür ve hiçbir kalite kaybı olmaz.

Bu araç ücretsiz ve güvenli mi?
Kesinlikle. Bu araç, tarayıcı tabanlıdır, tamamen ücretsizdir ve dosyalarınız dönüştürmeden sonra depolanmaz.

Başka resim formatlarına da dönüştürebilir miyim?
Evet, aşağıdaki dosya formatından seçin.

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