figbell
Destek
figbell

Tüm yazılar

Rehberler

Bir logodan simge seti, favicon ve web için SVG üretme

Bezira ile bir SVG logodan 16–512 piksel PNG simgeler, favicon.ico ve en iyileştirilmiş SVG üretilmesi. Dışa aktarma cihazda yapılır.

Yazan Ahmet Samet Yüzlü

2 dk okuma

Bir web sitesi ya da uygulama için aynı logonun pek çok boyutu gerekir: sekme simgesi, ana ekran simgesi, sayfadaki SVG. Bezira bunları tek bir dışa aktarma penceresinden üretir; işlem bu cihazda yapılır.

Hazırlık

  1. Dosya › Aç… (Ctrl/⌘ O) ile logonun SVG dosyasını açın. Dosya olduğu gibi açılır; kimlikler, tanımlar ve stiller korunur.
  2. Simgeler kare PNG olarak üretilir. Logo kare değilse Nesne › Çalışma yüzeyi ekle ile kare bir yüzey açılabilir; pencerede Uygulama simgesi (512×512) gibi hazır boyutlar vardır.

Simge seti ve favicon.ico

  1. Dosya › Dışa aktar (Ctrl/⌘ ⇧ E) penceresini açın.
  2. Neyi bölümünde Tüm belge, Çalışma yüzeyleri ayrı ayrı ya da Yalnızca seçim seçilir.
  3. Biçimler bölümünde Simge seti'ni işaretleyin ve istenen boyutları seçin: 16, 24, 32, 48, 64, 128, 256 ve 512.
  4. favicon.ico düğmesini de seçin. Dosyanın içinde 16, 32 ve 48 piksel boyutlar bulunur.
  5. Oluşacak dosyalar listesini denetleyin ve Dışa aktar'a basın.

Chrome, Edge ve Opera'da Klasör seç ile dosyalar doğrudan bir klasöre yazılır. Klasör seçilmezse ya da tarayıcı klasöre yazamıyorsa birden çok dosya tek bir .zip olarak indirilir.

Web için küçük SVG

Aynı pencerede SVG işaretlenip En iyileştirilmiş seçildiğinde gereksiz öznitelikler, boş gruplar ve fazla ondalıklar atılır. Seçenekler:

  • Katman adlarını id olarak koru: CSS ya da betikle hedeflenecek öğeler için.
  • Küçült (tek satır): dosyayı tek satıra indirir.
  • Renkleri currentColor yap (simgeler): simge, sayfadaki metin rengini alır.
  • Ondalık hassasiyet: 0 ile 3 basamak arasında.

Pencere özgün SVG'nin boyutunu gösterir; en iyileştirme görünümü değiştirmez. Belgeyi sonra yeniden düzenlemek için Düzenlenebilir seçeneği kullanılır: katmanlar, gruplar ve yüzeyler korunur.

Bilinmesi gerekenler

  • Adobe Illustrator (.ai), EPS ve PDF dosyaları açılmaz; logo SVG olarak gelmelidir.
  • Metni yola çevirme ve yol üzerinde metin yoktur.
  • Açılan dosyadaki betikler, olay öznitelikleri ve dış bağlantılar güvenlik için çıkarılır; kaç öğenin çıkarıldığı bildirilir.

Bezira tarayıcıda hemen açılır.