Bu yeni Aşamalı Web Uygulaması, görüntüleri SVG vektör grafiklerine dönüştürebilir

click fraud protection

SVGcode, taramalı görüntüleri (JPEG ve PNG gibi) otomatik olarak SVG grafik dosyalarına dönüştürebilen yeni bir Aşamalı Web Uygulamasıdır.

Web'de genellikle gördüğünüz iki farklı görsel kategorisi vardır. Raster görüntüler (JPG, PNG, WebP vb. gibi) sabit çözünürlükte bir dizi pikselden oluşurken, vektör görüntüler (SVG gibi) çeşitli çizgiler ve şekiller kullanır. Vektör grafikleri, logolar ve diğer basit görseller için popülerdir, çünkü yüksek çözünürlüklerde (veya yakınlaştırıldığında) kötü görünmezler, ancak sıfırdan oluşturulması yoğun emek gerektirebilir. Artık standart görüntülerden SVG'ler oluşturmak için kullanışlı bir web uygulaması var: SVGcode.

SVGcode, Google'da çalışan Geliştirici İlişkileri Mühendisi Thomas Steiner tarafından oluşturulan yeni bir Progresif Web uygulamasıdır (ancak SVGcode'un kendisi bir Google ürünü değildir). Tarayıcınızda açtığınızda svgco.de, PC'nizden bir görsel açabilirsiniz ve bu görsel otomatik olarak SVG olarak "çizilecektir". Düzgün görünümlü bir SVG oluşturmak için çoğu görselde bazı ayarlamalar yapılması gerekir, ancak bu etkileyici bir web uygulamasıdır ve bir raster logonun daha temiz bir vektör versiyonunu oluşturmak istiyorsanız kullanışlı olabilir.

SVGcode, Chromium ve Firefox gibi web tarayıcılarının eklediği en yeni API'lerden bazıları tarafından desteklenmektedir. Temel çizim işlevi aşağıdakilere dayanmaktadır: Potrace projesi, bu web uygulaması için Web Assembly koduna dönüştürüldü. SVGCode bitmiş dosyayı panonuza kopyalayabilir ( Eşzamansız Pano API'sı), bir görsele sağ tıkladığınızda PC'nizin dosya yöneticisinde bir seçenek olarak görünür (Dosya İşleme API'si ile) ve cihazınızdaki dosyaları açın/kaydedin ( Dosya Sistemi Erişim API'si). Hatta yenisini kullanıyor Pencere Kontrolleri Yer Paylaşımı API'si yüklendiğinde sistem başlık çubuğunu gizlemek, böylece biraz daha yerel bir uygulama gibi hissettirmek için.

SVGcode'un geliştirme süreci hakkında daha fazla bilgiyi şu adreste bulabilirsiniz: Google'ın web geliştirme blogunda bir blog yazısı. Bir PWA olduğu için SVGcode'u modern bir web tarayıcısına sahip her şeye kullanabilir ve yükleyebilirsiniz.