SVG Dosyası Nedir?
SVG (Ölçeklenebilir Vektör Grafikleri), temel olarak diğer görüntü formatlarından farklıdır.JPEG, PNG ve WEBP, görüntüleri renkli piksellerden oluşan ızgaralar (raster) olarak saklarken, SVG, görüntüleri XML kodunda tanımlanan matematiksel şekiller (daireler, dikdörtgenler, yollar, eğriler ve metin) olarak tanımlar.
Bu, SVG görüntüleri anlamına gelir:
- Sonsuzca ölçeklendir — herhangi bir pikselleşme veya bulanıklık olmadan %10.000'e yakınlaştırın
- Dosya boyutları küçük olmalıdır — PNG olarak 500 KB olan bir logo, SVG olarak 5 KB olabilir
- Metin olarak düzenlenebilir — renkleri, boyutları ve şekilleri değiştirmek için herhangi bir metin düzenleyicide açın
- Çözünürlükten bağımsızdır — her ekran yoğunluğunda (telefon, tablet, 4K TV) mükemmel görünür
SVG, logolar, simgeler, resimler, çizelgeler, haritalar ve her boyutta net görünmesi gereken her türlü grafik için standart formattır.
SVG Dosyaları Nereden Geliyor?
Tasarım araçları: Figma, Adobe Illustrator, Sketch, Inkscape ve Canva, web ve uygulama kullanımı için tasarımları SVG olarak dışa aktarır.
Simge kitaplıkları: Malzeme Simgeleri, Font Awesome, Heroicons ve binlerce simge paketi SVG dosyaları olarak dağıtılır.
Web indirmeleri: Web sitelerinden indirilen logolar, resimler ve grafikler genellikle SVG'dir (sağ tıklayın → Farklı kaydet).
Geliştirici varlıkları: Android uygulama geliştiricileri, uygulama simgeleri ve kullanıcı arayüzü öğeleri için SVG'yi (VectorDrawable'a dönüştürülmüş) kullanır.
Veri görselleştirme: D3.js, Chart.js ve Tableau gibi araçlardan alınan çizelgeler, grafikler ve infografikler SVG olarak dışa aktarılır.
Haritalar: OpenStreetMap dışa aktarmaları, özel haritaları ve coğrafi görselleştirmeleri SVG kullanır.
Baskı tasarımı: Logolar ve marka varlıkları, ölçeklenebilir çoğaltma için SVG olarak dağıtılır.
Android'de SVG'yi görüntüleme
AnExplorer, SVG dosyalarını iki şekilde işler:
Görsel oluşturma (fotoğraf görüntüleyici):
- AnExplorer içindeki SVG dosyasına gidin
- Açmak için dokunun — vektör grafiği görüntüleyicide görüntülenir
- Yakınlaştırın — görüntü her türlü büyütmede mükemmel şekilde keskin kalır
- Ne kadar yakınlaştırırsanız yakınlaştırın, pikselleşme yok, bulanıklık yok
Kod görünümü (metin düzenleyici):
- SVG dosyasına uzun basın → Birlikte aç → Metin Düzenleyici
- XML kaynak kodunu görüntüleyin
- Renkleri düzenleyin (
fill="#FF0000"'yi herhangi bir onaltılık renkle değiştirin) - Boyutları, konumları değiştirin veya öğeleri ekleyin/kaldırın
- Kaydet — değişiklikler tekrar görüntülendiğinde anında yansıtılır
AnExplorer ile SVG Dosyalarını Yönetme
Göz atın ve düzenleyin:
- SVG dosyaları, dosya listelerinde vektör grafik simgeleriyle gösterilir
- Ada, tarihe veya boyuta göre sıralayın
- Projeye göre düzenlemek için klasörler oluşturun (logolar, simgeler, resimler)
- Daha iyi organizasyon için dosyaları yeniden adlandırın
Aktarın ve paylaşın:
- SVG dosyalarını Device Connect aracılığıyla PC'ye gönderin (tasarımcılar genellikle masaüstünde çalışır)
- Ekip işbirliği için Google Drive ve Dropbox'a yükleyin
- Tasarım varlık arşivi için NAS'a kopyalayın
- E-posta veya mesajlaşma yoluyla paylaşın (SVG dosyaları küçüktür; genellikle 100 KB'nin altındadır)
Arşiv işlemleri:
- SVG dosyalarını simge paketi arşivlerinden çıkarın (yüzlerce SVG içeren ZIP)
- Paylaşım için SVG koleksiyonlarını ZIP'e sıkıştırın
- SVG dosyalarını içeren arşivlere çıkarmadan göz atın
Kod olarak düzenle:
- AnExplorer'in yerleşik metin düzenleyicisinde açın
- SVG XML'dir — insan tarafından okunabilir ve düzenlenebilir
- Renkleri değiştirin:
fill="..."veyastroke="..."özelliklerini bulun - Boyutları değiştirin:
widthveheightözelliklerini değiştirin - Öğeleri kaldırın:
<path>,<circle>veya<rect>etiketlerini silin
Grafikler için SVG vs PNG vs PDF
| Görünüş | SVG | PNG | |
|---|---|---|---|
| Tür | Vektör (matematik) | Raster (piksel) | Her ikisi de (her ikisini de içerebilir) |
| Ölçeklenebilirlik | ✅ Sonsuz | ❌ Sabit çözünürlük | ✅ Vektör içeriği ise |
| Dosya boyutu (logo) | ~5-50 KB | ~50-500 KB | ~10-100 KB |
| Şeffaflık | ✅ | ✅ | ✅ |
| Fotoğraf içeriği | ❌ Uygun değil | ✅ | ✅ |
| Metin olarak düzenlenebilir | ✅ (XML) | ❌ | ❌ |
| Android desteği | ✅ | ✅ | ✅ (PDF görüntüleyici) |
| Web standardı | ✅ (tarayıcılarda yerel) | ✅ | ❌ (izleyiciye ihtiyaç var) |
SVG ne zaman kullanılmalı: Logolar, simgeler, çizimler, grafikler, kullanıcı arayüzü öğeleri — fotoğraf olmayan her şey. PNG ne zaman kullanılır: Ekran görüntüleri, şeffaf fotoğraflar, sabit boyutta taramalı grafikler. PDF ne zaman kullanılır: Belgeler, çok sayfalı içerik, baskıya hazır dosyalar.
Android'deki Yaygın Kullanım Durumları
Simge paketlerini yönetme
Tasarımcılar ve geliştiriciler simge kitaplıklarıyla çalışır:
- Simge paketini indirin (genellikle yüzlerce SVG içeren ZIP)
- AnExplorer arşiv yöneticisiyle çıkartın
- SVG dosyalarına göz atın — doğru simgeyi bulmak için küçük resimleri görüntüleyin
- Gerekli simgeleri proje klasörünüze kopyalayın
- Veya kullanmadan önce renkleri özelleştirmek için metin düzenleyicide açın
Ekipten tasarım varlıkları görüntüleniyor
Ortak çalışanlar tasarım dosyalarını paylaştığında:
- SVG dosyalarını e-posta, bulut paylaşımı veya Device Connect yoluyla alın
- Tasarımı önizlemek için AnExplorer konumunda açın
- Renkleri, düzeni ve içeriği kontrol edin
- Gerekirse ayrıntılı düzenleme için masaüstüne iletin
Mobil cihazda SVG renklerini düzenleme
Tasarım aracı olmadan hızlı renk değişiklikleri:
- SVG'yi AnExplorer metin düzenleyicisinde açın
- Renk tanımlarını bulmak için
fill="#ifadesini arayın - Onaltılı renk kodlarını değiştirin (örneğin,
#FF0000→#0066CC) - Kaydet — değişikliği doğrulamak için görüntüleyicide açın
- Değiştirilen SVG'yi paylaşın
Geliştirici iş akışı
Vektör varlıklarıyla çalışan Android geliştiricileri:
- Materyal Tasarımı veya diğer kütüphanelerden SVG simgelerini indirin
- Doğru olduklarını doğrulamak için AnExplorer'de önizleyin
- Device Connect aracılığıyla geliştirme makinesine aktarım
- Android uygulamalarında kullanılmak üzere VectorDrawable XML'e dönüştürün
SVG Dosya Boyutları
SVG dosyaları, raster eşdeğerleriyle karşılaştırıldığında oldukça küçüktür:
| İçerik | SVG boyutu | PNG eşdeğeri (1024px) |
|---|---|---|
| Basit logo | 2-10 KB | 50-200 KB |
| Karmaşık simge | 5-30 KB | 100-500 KB |
| Detaylı illüstrasyon | 50-500 KB | 1-5 MB |
| Harita/grafik | 100 KB - 2 MB | 2-10MB |
Bu, SVG'yi büyük simge kitaplıklarını depolamak için ideal kılar; 1.000 SVG simgesinin toplamı 10 MB olabilir, PNG'ninki ise 500 MB+ olabilir.
İlgili Kılavuzlar
- PNG Dosyalarını Android'de açın — raster görüntü formatı
- PDF Dosyalarını Android'de Açma — belge biçimi
- Metin Düzenleyici — SVG kodunu doğrudan düzenleyin
- Arşiv Yöneticisi — simge paketi arşivlerini çıkarın
