SVG mi PNG mi: Hangi Formatı Kullanmalısınız?
Web sitesi ikonları, logolar ve arayüzler için SVG kullanın çünkü vektör çizgiler her ekranda net kalır. E-posta imzaları veya sabit pikselli görseller için PNG tercih edin.
Vektör çizimler kenarları piksel değil matematik hesabıyla saklar: aynı dosya 16 px favicon boyutundan 2048 px dışa aktarmaya kadar net kalır. PNG sabit pikseller sağlar ve bazı platformlar tam olarak bunu ister. Bu site SVG dosyalarını tarayıcınızda 64px, 128px, 256px, 512px, 1024px, 2048px boyutlarında PNG ve WebP olarak dönüştürür ve her simge sayfası lisans ile yazar bilgisini gösterir. Retina ekranlara, renk değişimlerine ve duyarlı yerleşimlere direnmesi gereken arayüz simgeleri ve logolar için SVG kullanın; sosyal kartlar, uygulama mağazası sayfaları veya eski e-posta istemcileri gibi sabit raster isteyen hedefler için PNG kullanın.
SVG, one file for every size
<svg viewBox="0 0 24 24" width="24" height="24" role="img" aria-label="Bell">
<path d="M12 3a6 6 0 0 0-6 6c0 4.5-1.5 5.5-1.5 5.5h15S18 13.5 18 9a6 6 0 0 0-6-6Z"/>
<path d="M10 19a2 2 0 0 0 4 0"/>
</svg>PNG, when a fixed pixel size is required
<img src="bell-512px.png" width="512" height="512"
alt="Bell notification icon">Bu sitede doğrulanmış gerçekler
- Dışa aktarma biçimleri: Optimized SVG, PNG, WebP, React TSX, Vue 3 SFC, Svelte, CSS mask or data URI, SVG sprite
- Raster dışa aktarma boyutları: 64px, 128px, 256px, 512px, 1024px, 2048px
- Çalışma alanında dosya başına yükleme sınırı: 2 MB
- Lisans ve yazar her simge sayfasında belgelenir.