%100 İstemci TaraflıMedya & Görsel

Gizlilik Odaklı Resim Kırpma, Boyutlandırma ve Köşe Yuvarlama

Sıfır sunucu yüklemesiyle çalışan istemci taraflı görsel stüdyosu. Görsellerinizi sabit en-boy oranlarıyla kırpın, Apple tarzı pürüzsüz süper elips (squircle) eğrileri uygulayın ve fotoğraflarınızı internete yüklemeden yüksek kaliteli WebP, PNG veya JPEG olarak dışa aktarın.

Çalışma alanı yükleniyor...

#Nasıl Kullanılır?

1Kaynak görselinizi yükleyin (PNG, JPEG, WebP, SVG veya GIF) veya anında denemek için "Örnek Görsel Yükle" butonuna tıklayın.
2Hedef en-boy oranını seçin: Serbest, 1:1 Kare, 16:9 Geniş Ekran, 4:3 Standart, 9:16 Hikaye veya 3:2 Fotoğraf.
3Köşe maskeleme türünü belirleyin: Düz Kare, Kaydırıcılı Yuvarlak Köşe, Apple Squircle veya %50 Dairesel Avatar.
4Sosyal medya kartları hazırlıyorsanız arka plan matlaştırmasını (Şeffaf, Düz Renk veya Degrade) ayarlayın.
5Dışa aktarma formatını (WebP, PNG veya JPEG) ve sıkıştırma kalitesini seçin.
6"Kırpılan Görseli İndir" butonuna tıklayın veya web projelerinizde kullanmak için CSS clip-path / SVG kodlarını doğrudan kopyalayın.

#Matematiksel Formül ve Standartlar

Web tasarımındaki standart köşe yuvarlamalarında düz çizginin dairesel yayla buluştuğu noktada optik bir kırılma meydana gelir. Apple tarafından iOS tasarımında kullanılan gerçek süper elips (squircle) ise Lamé eğrisi denklemini (|x/a|^n + |y/b|^n = 1, n ≈ 4) izler ve teğetler boyunca pürüzsüz bir eğrilik geçişi (C2 sürekliliği) sağlar.

#Sınır Durumlar ve Teknik Detaylar

Köşelerde Şeffaflığı (Alpha) Koruma

Dairesel veya yuvarlatılmış köşeli görseller JPEG formatında kaydedildiğinde şeffaflık desteklenmez ve köşeler siyah veya beyaz görünür. Şeffaf köşeler için daima WebP veya PNG formatını ve Şeffaf arka planı seçin.

Yüksek Çözünürlük ve Retina Netliği

Kırpma motoru görseli ekrandaki görüntü boyutu yerine kaynak piksel çözünürlüğünde işler; böylece Retina ve yüksek DPI ekranlarda piksel kaybı yaşanmaz.

Büyük Dosya Bellek Yönetimi

25MB boyutuna kadar olan görseller donanım hızlandırmalı Canvas oturumlarında işlenir ve hiçbir zaman sunucu limitlerine takılmaz.

#Sıkça Sorulan Sorular

Q:Yüklediğim fotoğraflar sunucuya kaydedilir veya aktarılır mı?

Kesinlikle hayır. Kırpma, maskeleme, piksel enterpolasyonu ve sıkıştırma işlemlerinin tamamı cihazınızın işlemcisinde ve HTML5 Canvas üzerinde gerçekleşir. Sıfır sunucu yükleme güvencesiyle KVKK ve GDPR Madde 28 ile tam uyumludur.

Q:Köşe yuvarlama (Rounded) ile Apple Squircle arasındaki fark nedir?

Standart yuvarlatılmış köşeler düz çizgilerin dairesel yaylarla birleşmesinden oluşur ve birleşim noktasında matematiksel bir kırılma vardır. Squircle (süper elips) ise kenardan köşeye doğru kesintisiz değişen bir eğrilik yarıçapı kullanarak göze çok daha doğal ve organik gelen bir estetik sunar.

Q:Şeffaf (transparent) arka planla dışa aktarabilir miyim?

Evet. Dışa aktarma formatını WebP veya PNG olarak seçip arka planı Şeffaf bıraktığınızda, yuvarlatılan veya kırpılan köşe alanları tam alfa şeffaflığıyla kaydedilir.

Q:Üretilen CSS ve SVG kodlarını kendi web sitemde kullanabilir miyim?

Evet. Stüdyo hem CSS clip-path hem de SVG <clipPath> için tek tıkla kopyalama düğmeleri sunar; böylece aynı squircle şeklini kendi HTML elementlerinize doğrudan uygulayabilirsiniz.

Öneri veya geri bildiriminiz mi var?

Bu aracı daha da geliştirmemize yardımcı olun. Önerilerinizi, sınır durumları veya hata bildirimlerinizi doğrudan iletin.

Geri Bildirim Gönder

#İlişkili Araçlar

Sunucuya veri aktarmadan tarayıcınızda çalışan diğer tamamlayıcı araçları keşfedin.