seokopat · ürün
> product.open("compresify")
Compresify
Compresify, görselleri gözle ayırt edilmeyen sınırın hemen altına indiren bir sıkıştırma aracı. İşlem sunucuda değil, kullanıcının kendi tarayıcısında yapılıyor. Ürünün asıl işi kodekleri çalıştırmak değil, hangi kodeği hangi ayarla çalıştıracağına görsel başına karar vermek.
Site hızı işlerinde en sık karşımıza çıkan kalem görseller oldu. Bir sayfanın ağırlığının büyük kısmını çoğunlukla resimler taşır ve orayı düzeltmek, geri kalan her şeyi düzeltmekten hem daha hızlı hem de daha ucuzdur. Ama iş müşteriye anlatılan aşamaya gelince aynı cümle tekrarlanıyordu: hangi araçla, kim, nasıl yapacak.
Piyasadaki online araçların çoğu aynı yoldan yürüyor. Dosyayı kendi sunucularına yüklüyor, orada işliyor, sonucu geri indirtiyor. Bu, iki ayrı sorun demek. Birincisi bekleme: yükleme ve indirme süresi işin kendisinden uzun sürüyor. İkincisi ve daha ciddisi, dosyanın tanımadığınız bir bilgisayarda durması. Kimlik fotokopisi veya sözleşme ekran görüntüsü söz konusuysa bu bir kolaylık meselesi olmaktan çıkıyor.
Compresify o adımı tamamen kaldırıyor. Sıkıştırma kodları tarayıcıya bir kez iniyor ve işlem kullanıcının kendi işlemcisinde yapılıyor. Dosya hiçbir aşamada ağa çıkmıyor. Bu tercihin bedeli var, aşağıda onu da yazdık.
Çözdüğü problem
Sabit kalite değeri her görsele uymuyor
Araçların çoğu bir manzara fotoğrafına da düz renkli bir logoya da aynı ayarı uygular. Sonuç ya gereksiz büyük bir dosya olur ya da gözle görülür bozulma. İkisi de kullanıcıyı elle deneme yanılmaya iter.
Kişisel görsel yabancı bir sunucuya gidiyor
Kimlik, rapor, sözleşme veya müşteri fotoğrafı içeren bir görseli işlemek için bilmediğiniz bir servise yüklemek zorunda kalıyorsunuz. Aktarılan her veri, korunması ve hesabı verilmesi gereken bir veriye dönüşüyor.
KB sınırı olan formlar deneme yanılmaya zorluyor
Bir başvuru sistemi net bir sınır koyduğunda, kalite kaydırıcısını elle oynatıp defalarca dışa aktarmak gerekir. Hedefi yazıp sonucu almak yerine, hedefi tutturmaya çalışmak kullanıcının işi hâline gelir.
Toplu iş araçların çoğunda yok
Yüzlerce ürün fotoğrafı söz konusu olduğunda tek tek yükleyip tek tek indirmek gerçekçi değil. Sunucu maliyeti taşıyan araçlar da adet ve boyut sınırı koymak zorunda kalıyor.
Ürünü ayıran taraflar
İşlem cihazda, dosya yerinde
Kodekler WebAssembly ile tarayıcıda çalışıyor. Yükleme ve indirme adımı olmadığı için bekleme yok, dosyanın bir kopyası da hiçbir yerde kalmıyor. Bu iddia doğrulanabilir: geliştirici araçlarında ağ sekmesi açıkken dosyayı taşıyan bir istek göremezsiniz.
Kararı motor veriyor
Görsel önce analiz edilir: fotoğrafik mi yoksa az renkli bir grafik mi, şeffaflık var mı, çözünürlük ne. Format bu analize göre seçilir ve kalite değeri görsel başına hesaplanır. Sabit bir sayı uygulanmaz.
Kalite ölçekleri eşitlenir
Her formatın kalite skalası farklıdır; bir formattaki değer diğerinde aynı sonucu vermez. Motor bu skalaları kendi içinde eşitler, böylece kullanıcı format değiştiğinde farklı bir kalite hissiyle karşılaşmaz.
Hedef boyut modu
Kalite kaydırıcısını oynatmak yerine ulaşılması gereken dosya boyutunu yazarsınız. Motor kalite aralığında arama yaparak o sınırın altında kalan en iyi sonucu bulur. Sınırı sistem tutturur, kullanıcı değil.
Neler var
Ürün geliştirme aşamasında. Aşağıdaki liste kapsamı gösterir, sıra ve ayrıntı yol haritasına göre değişebilir.
Sıkıştırma motoru
- içerik analizine göre otomatik format seçimi
- görsel başına hesaplanan kalite değeri
- hedef dosya boyutu modu
- formatlar arası kalite skalası eşitleme
Format desteği
- AVIF ve WebP, modern web için varsayılan tercihler
- JPEG ve PNG, uyumluluk gereken her yer için
- JPEG XL, arşivleme tarafı için kapsamda
- şeffaflık içeren görsellerde kayıpsız yol
Toplu iş
- çoklu dosya ve klasör bırakma
- işlem sonunda tek ZIP olarak indirme
- önce ve sonra boyutlarının yan yana karşılaştırılması
- sonucu beğenmezseniz elle format ve kalite müdahalesi
Gizlilik
- dosya ağa çıkmaz, işlem cihazda kalır
- konum ve cihaz bilgisi gibi EXIF verilerinin temizlenmesi
- temizliği kapatma seçeneği, karar kullanıcıda
- kayıt ve hesap açma zorunluluğu olmayan kullanım
Nasıl çalışıyor
- 01
Görsel bırakılır
Dosya tarayıcının belleğine alınır, internete gitmez. Tek dosya da olur, klasör dolusu da; pratikteki sınır cihazın belleğidir.
- 02
Motor analiz eder
İçerik fotoğrafik mi grafik mi, şeffaflık var mı, çözünürlük ne kadar. Bu analiz format ve kalite kararının girdisi olur.
- 03
Kalite hedefe göre aranır
Motor kalite aralığında arama yapar: sıkıştırır, sonucu orijinalle karşılaştırır ve farkın gözle ayırt edilebilir sınırın altında kalıp kalmadığını ölçer. Amaç, farkın hâlâ görünmediği en küçük dosya.
- 04
Karşılaştırılır ve indirilir
Önce ve sonra yan yana gösterilir. Sonuç beğenilmezse gelişmiş ayarlardan format ve kalite elle değiştirilebilir. İndirilmeyen hiçbir şey kaydedilmez.
Kimin için
İyi oturuyor
- site hızı ve Core Web Vitals tarafında görsel ağırlığıyla uğraşan ekipler
- yüzlerce ürün fotoğrafını toplu hazırlaması gereken e-ticaret operasyonları
- kişisel veri içeren görselleri dışarı yüklemek istemeyen kurumlar
- başvuru ve kurum portallarındaki KB sınırına takılan kullanıcılar
- içerik üretirken görsel boyutunu kontrol altında tutmak isteyen yayıncılar
Uygun değil
- sunucu tarafında otomatik çalışan bir işlem hattı arayanlar
- çok eski cihaz ve tarayıcılarla çalışmak zorunda olan kurulumlar
- video sıkıştırma ihtiyacı olanlar, ürünün kapsamı görsel tarafı
- ürün geliştirme aşamasında olduğu için bugün canlıya geçmesi gereken işler
Teknik temel
Sıkıştırma kodekleri WebAssembly ile tarayıcıda çalışıyor; masaüstü araçlarda kullanılan kodekler artık tarayıcıda da çalışabildiği için bu mümkün. Bu mimarinin bedeli şu: kodekler ilk kullanımda cihaza inmek zorunda ve işin hızı kullanıcının işlemcisine bağlı. Bunu kabul ettik, çünkü karşılığında dosyanın hiç ağa çıkmaması var. Sayfa metni ve SSS bölümleri sunucudan statik HTML olarak geliyor, kodekler ise ancak kullanıcı dosya bıraktığında yükleniyor.
Ürün ne durumda
Compresify hâlâ geliştiriliyor. Site hızı tarafında görsel ağırlığı bugün sizi zorluyorsa yine de yazın: mevcut görsellerinize bakabilir, format ve boyut tarafında yol gösterebilir ve ürün açıldığında haber verebiliriz. Tarih vermiyoruz, çünkü veremeyeceğimiz sözü vermek istemiyoruz.
Sık sorulanlar
Compresify yayında mı?
Hayır, geliştirme aşamasında. Bu sayfa ürünün ne olduğunu ve hangi mimari kararla kurulduğunu anlatıyor. Yayına çıktığında bu sayfadan compresify.com adresine bağlantı verilecek.
Neden sunucuda değil de tarayıcıda?
Sunucuda işlemek daha kolay olurdu, ama o zaman kullanıcının dosyası bizim bilgisayarımızda durur. Kişisel veri içeren bir görselde bu, çözdüğümüzden daha büyük bir sorumluluk yaratıyor. Aktarılmayan veri, korunması gereken veri sorunu doğurmuyor.
Bu tercihin size maliyeti ne oldu?
İki kalem. Kodeklerin ilk kullanımda cihaza inmesi gerekiyor ve işlem süresi kullanıcının donanımına bağlı; çok büyük dosyalarda telefon masaüstünden yavaş kalıyor. Buna karşılık yükleme ve indirme beklemesi tamamen ortadan kalkıyor.
Ne kadar küçülüyor?
Görsele bağlı ve ölçmeden rakam vermiyoruz. Kaynak formatın verimliliği, içerikteki detay yoğunluğu ve seçilen mod sonucu belirliyor. Zaten sıkıştırılmış bir görselden alınacak kazanç doğal olarak sınırlı. Compresify tahmin yürütmek yerine sonucu hesaplayıp gerçek rakamı gösteriyor.
Kişisel veri içeren görsellerde durum ne?
Dosya cihazdan ayrılmadığı için ortada aktarılan bir veri yok. Ayrıca konum ve cihaz bilgisi gibi EXIF alanları varsayılan olarak temizleniyor; bu hem birkaç KB kazandırıyor hem de görseli paylaşırken çekildiği yeri açık etmenizi engelliyor. İsterseniz temizliği kapatabilirsiniz.
Kendi iş akışımıza bağlayabilir miyiz?
Ürünün kendisi tarayıcıda çalışan bir araç. Sunucu tarafında otomatik çalışan bir görsel işleme hattına ihtiyacınız varsa bu ayrı bir iş ve yazılım geliştirme tarafında konuşulur. İkisini karıştırmamak daha doğru.
Görsel ağırlığı sitenizi yavaşlatıyorsa
Kaç görselle çalışıyorsunuz, hangi formatlardalar ve sayfa hızında nerede kaybediyorsunuz. Ürün hazır olmadan da bu konuda yardımcı olabiliriz.
Bağlantılı işler
Compresify en çok şu hizmetlerin içinde anlam kazanıyor.