Hayır. Beş hazır kalite ayarının tümü kayıplı WebP kodlaması kullanır. Bu kodlama kaybını önlemek için ayrı Kayıpsız modu seçin. Hiçbir mod düzenlenebilir vektörleri korumaz veya her SVG görüntüleyicisiyle aynı görünümü garanti etmez; görüntü oluşturma WebP kodlamasından önce gerçekleşir.
SVG'den WebP'ye dönüştürücü
En fazla 20 MB boyutunda tek bir SVG dosyasını, WebP görüntülerini kabul eden bir hedef için statik WebP'ye dönüştürün. İsteğe bağlı boyutları belirleyin, kaynak oranlarını koruyun ve kayıplı veya kayıpsız kodlamayı seçin. Sonuç piksel tabanlı bir görüntüdür; düzenleme ve ölçeklenebilir çizimler için SVG dosyanızı saklayın.
Bu SVG'den WebP'ye dönüştürücü ne yapar?
Bu dönüştürücü, SVG dosyasından sabit boyutlu bir WebP görüntüsü oluşturur. Yalnızca dosya adını değil, görüntü biçimini değiştirir. WebP gerektiren bir web sitesi görseli, önizleme veya yükleme için kullanın; çıktı düzenlenebilir yolları, metin olarak düzenlenebilen yazıları veya SVG animasyonunu korumaz.
Önce hedefin kabul ettiği biçimleri kontrol edin. Raster görüntü gereksinimi, WebP'nin otomatik olarak kabul edildiği anlamına gelmez. PNG kopyası için SVG'den PNG'ye, beyaz arka planlı JPEG gerektiğinde ise SVG'den JPG'ye aracını kullanın.
| Ayar | Neyi değiştirir? | Ne zaman kullanılır? |
|---|---|---|
| .svg yükleme | SVG kaynak dosyalarını kabul eder | Geçerli bir SVG dosyası yükleyin; yeniden adlandırılmış PNG veya başka bir dosya SVG değildir |
| Genişlik ve yükseklik | Oluşturulan görüntüyü, oranlarını koruyarak isteğe bağlı boyutların içine sığdırır | Tek bir sabit kenar veya sınırlayıcı kutu belirleyin; araç kutuyu doldurmak için esnetme veya kırpma yapmaz |
| Kayıplı sıkıştırma | Sıkıştırma karşılığında görünür ayrıntılardan ödün verir; daha küçük bir dosya garanti edilmez | Genel web sitesi görüntüleri ve önizlemeler için kullanın |
| Kalite ve dosya boyutu | Kayıplı WebP sıkıştırmasının gücünü kontrol eder | “Dengeli” hazır ayarıyla başlayın |
| Kayıpsız sıkıştırma | Kayıplı WebP sıkıştırmasını önler | Simgeler, logolar, arayüz grafikleri veya keskin kenarlar için kullanın |
SVG'yi çevrimiçi olarak WebP'ye nasıl dönüştürürsünüz?
1
SVG dosyanızı yükleyin
En fazla 20 MB boyutunda tek bir SVG seçin veya sürükleyip bırakın. Dosyayı seçtiğinizde sunucuda işlenmek üzere yükleme başlar. Yüklemenin tamamlanmasını bekleyin ve amaçladığınız kaynağı seçtiğinizi kontrol edin; tarayıcı önizlemesi, sunucuda aynı görüntünün oluşturulacağını garanti etmez.
2
WebP çıktı boyutunu belirleyin
Görüntü oluşturucunun yorumladığı SVG'nin kendi boyutlarını kullanmak için iki alanı da boş bırakın. Diğer kenarı orantılı hesaplamak için tek kenar, görüntüyü kırpmadan veya esnetmeden bir dikdörtgene sığdırmak için iki kenar girin. 1200×800 boyutunda bir kaynak, 600×600 içine sığdırıldığında kare değil 600×400 olur.
- •İsteğe bağlı her alan 1–16.383 px kabul eder ve son çıktının her iki kenarı da 16.383 px sınırı içinde olmalıdır. İki alanı boş bırakmak veya yalnızca tek kenar girmek bu sınırı ortadan kaldırmaz. 300 px görüntüleme genişliği için 600 px, 2× dışa aktarma seçeneğidir; her kaynakta iyileşme garantisi değildir.
3
Sıkıştırma modunu ve kaliteyi seçin
Kayıplı mod beş hazır ayar sunar: Güçlü sıkıştırma, Orta düzey sıkıştırma, Dengeli, Yüksek kalite ve En yüksek kalite. Varsayılan ayar “Dengeli”dir. En yüksek kalite bile kayıplı kodlama kullanır; etiketi bir garanti olarak görmek yerine sonuçtaki ince çizgileri, renk geçişlerini ve yazıları inceleyin.
- •Kayıplı WebP kodlamasını önlemek için ayrı Kayıpsız modu seçin; bu mod kalite seçiciyi gizler. Görüntü oluşturma farklılıklarını düzeltmez veya vektör yollarını, yazı tiplerini, bağlantıları, kaynak meta verilerini ya da sınırsız ölçeklenebilirliği korumaz. Çıktı 8 bit görüntüdür.
4
Dönüştürün ve indirdiğiniz WebP'yi inceleyin
WebP'ye dönüştür düğmesine tıklayın ve tamamlanan görüntüyü indirin. Boyutları, yazıları, renkleri, şeffaf kenarları ve dosya boyutunu amaçlanan tasarımla karşılaştırın. Çalışan bir görseli değiştirmeden önce dosyayı hedef uygulamada deneyin ve orijinal SVG'yi saklayın.
SVG görüntü oluşturma, şeffaflık ve kalite
SVG şekilleri, yolları, metni ve stilleri saklar; WebP ise oluşturulan pikselleri saklar. Dışa aktarma ayarlarını seçmeden önce bu özellikleri kontrol edin.
| Soru | Ne beklemelisiniz? |
|---|---|
| Çıktı vektörel kalır mı? | Hayır. WebP dosyası sabit piksel boyutlarına sahip bir raster görüntüdür. |
| WebP şeffaflığı koruyabilir mi? | Mevcut şeffaf alanlar korunabilir. Çizimin arkasına zaten çizilmiş beyaz veya renkli bir şekil görüntünün parçasıdır ve kaldırılmaz. |
| Kayıpsız mod SVG kalitesini korur mu? | Kayıpsızlık, görüntü oluşturulduktan sonraki WebP kodlaması için geçerlidir. SVG yapısını korumaz veya sunucudaki görüntü oluşturucunun tarayıcı ya da tasarım uygulamasıyla aynı sonucu vereceğini garanti etmez. |
| Yazı tipleri her zaman aynı görünür mü? | Cihazınızda bulunan bir yazı tipi sunucuda bulunmayabilir. Tam görünüm önemliyse önemli yazıları kaynak düzenleyicide konturlara dönüştürün. |
| Harici CSS veya bağlantılı görüntüler işlenir mi? | Bağlantılı kaynaklar veya desteklenmeyen stiller eksik ya da farklı görünebilir. Gerekli görüntüleri ve temel stilleri dosyanın içinde barındıran bir SVG dışa aktarın; indirdiğiniz dosyada maskeleri ve filtreleri inceleyin. |
Açıkça tanımlanmış bir viewBox ve amaca uygun tuval sınırları hazırlayın. SVG tuvalindeki şeffaf boşluk görüntünün parçası olarak kalır; yeniden boyutlandırma bunu kırpmaz. Sunucudaki görüntü oluşturma statiktir; animasyon oynatmaz veya tarayıcının etkileşimli durumunu yeniden oluşturmak için betik çalıştırmaz.
SVG yerine WebP ne zaman kullanılmalı?
WebP kopyası bu sabit boyutlu kullanım alanlarına uygun olabilir. Hedefin biçim, piksel boyutu ve dosya boyutu gereksinimlerini kontrol edin.
CMS yüklemeleri
CMS'niz WebP kabul ediyor ancak SVG kabul etmiyorsa WebP kopyası kullanın; yükleme ve boyut sınırları yine geçerlidir.
Sosyal paylaşım önizlemeleri
Paylaşım platformunun önizleme görseli kurallarını kontrol edin. WebP'yi yalnızca kabul ediliyorsa kullanın; aksi hâlde desteklenen bir PNG veya JPG çıktısı seçin.
E-posta grafikleri
E-posta oluşturucuda ve alıcıların e-posta uygulamalarında WebP desteğini doğrulayın. PNG veya JPG gerektiren bir işlem için o biçimde dışa aktarın.
Web sitesi görselleri
WebP kopyası, belirli bir boyutta görüntülenen çizimler için uygun olabilir. SVG görselini değiştirmeden önce görünümü ve gerçek dosya boyutunu karşılaştırın.
Uygulama veya pazar yeri görselleri
Tam biçim ve piksel gereksinimlerini kontrol edin. Yalnızca raster görüntü istenmesi, WebP'nin kabul edildiğini göstermez.
Tasarım teslimi önizlemeleri
Görüntüleme araçları WebP kabul eden inceleyicilerle statik önizleme paylaşın ve sonraki tasarım değişiklikleri için SVG'yi saklayın.
SVG'yi kaynak dosyanız olarak saklayın ve raster çıktı gerektiren yerler için WebP kopyaları dışa aktarın. Ekran boyutuna uyum sağlayan bir simge sistemi oluşturuyorsanız veya daha sonra şekilleri düzenlemeniz gerekiyorsa SVG, ana dosya biçimi olarak daha iyi olabilir.
SVG'den WebP'ye dönüştürme için en iyi ayarları seçme
En iyi ayarlar çizime ve WebP'nin kullanılacağı yere bağlıdır. Çok küçük, düz renkli bir simge, ayrıntılı bir çizim ve tam genişlikte bir web sitesi grafiği aynı dışa aktarma seçeneklerine ihtiyaç duymaz.
| Çıktı amacı | Önerilen ayar | Nedeni |
|---|---|---|
| Web sitesi simgesi | Görüntüleme genişliği veya bunun 2× değeri, kayıpsız | Kenarların kayıplı kodlanmasını önler; gerçek raster sonucu inceleyin |
| Logo önizlemesi | 2x görüntüleme boyutu, kayıpsız veya “Yüksek kalite” ya da “En yüksek kalite” | Eğrilerin ve metne benzeyen şekillerin net kalmasına yardımcı olur |
| Büyük çizim | Hedef görüntüleme genişliği, “Dengeli” veya “Yüksek kalite” | Ayrıntı ile dosya boyutu arasında denge kurar |
| Düşük dosya boyutlu küçük resim | Daha küçük boyutlar, “Güçlü sıkıştırma”, “Orta düzey sıkıştırma” veya “Dengeli” | Dosya boyutunu azaltabilir; indirilen dosyanın bayt boyutunu ve görünür ayrıntıları kontrol edin |
| Şeffaf üst katman görseli | Şeffaflık içeren WebP, “Dengeli”, daha yüksek kaliteli bir hazır ayar veya kayıpsız | Sıkıştırmayı kontrol ederken arka planı şeffaf tutar |
Kullanılabilir en büyük değerleri değil, gerçek görüntüleme alanına uygun boyutları seçin. SVG içine gömülü bitmap görüntülerini büyütmek eksik ayrıntılarını geri getiremez. Sorun boşluksa kaynak düzenleyicide SVG tuvalini veya viewBox değerini ayarlayın; kaliteyi artırmak boşluğu kaldırmaz.
Dosya işleme ve pratik sınırlar
En fazla 20 MB boyutunda tek bir SVG seçtiğinizde sunucuda işlenmek üzere yükleme başlar. 20 MB sınırı dosya boyutunu, çıktı kenarı başına 16.383 px ise görüntü boyutlarını ölçer. Küçük bir SVG dosyası yine de gereğinden büyük bir tuval tanımlayabilir veya görüntü oluşturucunun işleyemeyeceği içerik barındırabilir.
Bu işlem, yüklenen bir dosyadan tek bir statik WebP dışa aktarır. SVG kod alanı, vektör düzenleyici, animasyon kaydı veya kare zamanı seçimi yoktur. SVG kodunu kullanmak için önce eksiksiz ve geçerli bir .svg dosyası kaydedin; gerekli stilleri ve görüntü kaynaklarını bu dosyada bir arada tutun.
Yüklenen ve oluşturulan dosyalar geçici olduğundan WebP'yi gecikmeden indirin. Daha sonraki düzenlemeler için SVG'yi saklayın.
Kaçınmanız gereken yaygın hatalar
.svg uzantısını .webp olarak değiştirmek
Dosya adı uzantısını değiştirmek SVG'yi WebP'ye dönüştürmez. Gerçek dönüştürme, SVG'den bir piksel görüntüsü oluşturmalı ve sonucu bir WebP görüntü dosyası olarak kodlamalıdır.
WebP'nin SVG gibi düzenlenebilir kalmasını beklemek
İndirdiğiniz WebP piksel tabanlı bir görüntüdür. Yolları, şekilleri veya metni orijinal SVG'deki gibi düzenleyemezsiniz. SVG'yi düzenlenebilir kaynağınız olarak saklayın.
Kayıpsız modu vektörlerin korunma garantisi olarak görmek
Kayıpsız, bir WebP kodlama seçeneğidir. Vektörleri geri getiremez, eksik yazı tipini sağlayamaz, desteklenmeyen SVG özelliklerini düzeltemez veya önceki görüntü oluşturma ve yeniden boyutlandırma seçimlerini geri alamaz. Kayıpsız modda bile dışa aktarılan görüntüyü inceleyin.
Harici yazı tiplerine veya CSS'ye güvenmek
Yüklenen kaynağın önizlemesi ve sunucuda oluşturulan görüntü farklı kaynaklar ve görüntü oluşturma özellikleri kullanabilir. Gerekli görüntüleri ve stilleri SVG'ye dahil edin, önemli metinleri konturlara dönüştürün ve yalnızca önizlemeye güvenmek yerine indirdiğiniz dosyayı inceleyin.
Gereğinden büyük WebP dışa aktarmak
Çıktı boyutlarını son kullanıma göre seçin. Gereğinden büyük bir WebP yer israfına yol açabilir veya hedefin sınırlarını aşabilir; basit bir SVG ise zaten daha küçük olabilir. Yeniden boyutlandırma, içerideki tüm boşluklarla birlikte SVG tuvalinin tamamını korur.
Sık sorulan sorular
Değerler bir sınırlayıcı kutu tanımlar. Görüntü oranlarını korur; bu nedenle 1200×800, 600×600 içine sığdırıldığında 600×400 olur. Kareye dönüştürmek için kırpılmaz veya esnetilmez. İhtiyacınız olan sabit boyut tek bir kenarsa yalnızca o kenarı girin.
Sunucuda önizlemenizin kullandığı bir yazı tipi veya kaynak bulunmayabilir ve bazı SVG özellikleri farklı işlenebilir. Gerekli kaynakları kendi içinde barındıran bir SVG dışa aktarın, önemli metinleri konturlara dönüştürün ve maskelerle filtreleri inceleyin. WebP kalitesini artırmak eksik kaynak içeriğini düzeltmez.
Hayır. Mevcut şeffaf alanlar kayıplı WebP'de de korunabilir. SVG'ye zaten çizilmiş beyaz bir dikdörtgen veya başka bir arka plan görüntünün parçası olarak kalır. Şeffaflık gerekiyorsa dışa aktarmadan önce bu arka planı kaynak düzenleyicide kaldırın.
Hayır. Bu sayfa statik bir görüntü oluşturur; animasyon kaydetmez, betik çalıştırmaz veya zaman ya da kare seçici sunmaz. Tam olarak istediğiniz durumu içeren statik bir SVG hazırlayın veya animasyon dışa aktarma işlemini ayrıca uygulayın.
Dosya boyutu sınırlardan yalnızca biridir. SVG, görüntü oluşturucu tarafından okunabilmeli ve çıktının her iki kenarı da 16.383 px içinde kalmalıdır. Küçük bir dosya çok büyük bir tuval tanımlayabilir; eksik veya desteklenmeyen içerik de beklenen sonucu engelleyebilir. Kaynağı kontrol edin ve uygun boyutları seçin.
Bu sayfada kod giriş alanı yoktur. Eksiksiz SVG işaretlemesini geçerli bir .svg dosyası olarak kaydedin ve yükleyin. İlgisiz bir görüntüyü veya eksik bir metin parçasını yeniden adlandırmak, onu kullanılabilir bir SVG yapmaz.
Basit bir SVG, şekilleri çok az veriyle tanımlayabilir; WebP ise raster görüntü saklar. Boyutlar, çizim ve kodlama modu dosya boyutunu belirler. İndirdiğiniz dosyayı karşılaştırın; tam bir KB hedefi veya WebP'nin daha küçük olacağına dair vaat yoktur.