Çevrimiçi Görsellere Yuvarlatılmış Köşeler Nasıl Eklenir?

CSS border-radius web sitelerindeki görselleri yuvarlayabilir, ancak yalnızca tarayıcılarda çalışır; temeldeki görsel dosyasının hâlâ keskin köşeleri vardır. Bu görüntüyü bir e-postada, sunumda veya sosyal medya gönderisinde paylaştığınızda köşeler keskin dikdörtgenlere döner. Yuvarlatılmış köşelerin doğrudan görüntü piksellerine uygulanmasıyla efekt her yerde devam eder.

Uygulama simgeleri için yuvarlatılmış köşeler de önemlidir. iOS belirli bir yuvarlak dikdörtgen (süper elips) şekli kullanır ve Android çeşitli yuvarlak formlar kullanır. Aracımız tam ihtiyacınız olan yarıçapı aramanıza olanak sağlar.

Adım 1: Resminizi yükleyin. Aç Yuvarlak Görüntü Köşeleri aracını kullanın ve fotoğrafınızı sürükleyip bırakın veya göz atmak için tıklayın. PNG, JPG ve WebP dosyalarının tümü desteklenir.

Adım 2: Köşe yarıçapını ayarlayın. Yarıçapı %0 (keskin) ile %50 (tam yuvarlak) arasında ayarlamak için kaydırıcıyı kullanın. Veya ön ayar düğmelerini kullanın: İnce (%10), Orta (%20), Yuvarlak (%35) veya Tam (%50). Önizleme gerçek zamanlı olarak güncellenir.

Adım 3: İndirin. Şeffaf köşeler için PNG'yi (herhangi bir arka planda kaplamak için idealdir) veya beyaz dolgulu JPG/WebP'yi seçin. İndir'i tıkladığınızda yuvarlak köşeli görseliniz hazırdır.

Köşe yarıçapı, görüntünün kısa kenarının yüzdesi olarak ifade edilir. Her ön ayarın pratikte nasıl göründüğü aşağıda açıklanmıştır:

Hafif (%10): Görüntünün şeklini önemli ölçüde değiştirmeden keskin kenarları yumuşatan yumuşak bir eğri. Ürün resimleri ve ekran görüntüleri için idealdir.

Orta (%20): Varsayılan, kartlar, küçük resimler ve sunumlar da dahil olmak üzere çoğu kullanım durumunda işe yarayan dikkat çekici ancak dengeli bir yuvarlamadır.

Yuvarlak (%35): Sincap görünümüne yaklaşan belirgin bir eğri. Uygulama simgesi yaklaşımları ve tasarım öğeleri için idealdir.

Tam (%50): Maksimum yuvarlama — kare bir görüntüyü daireye dönüştürür. Dikdörtgen görsellerde kısa kenarlarda stadyum (hap) şekli oluşturur.

Uygulama simgeleri: iOS ve Android uygulama simgelerinde yuvarlatılmış dikdörtgenler kullanılır. Platform kurallarına uymak için Yuvarlak veya Tam ön ayarı kullanın.

Ürün resimleri: E-ticaret ürün kartları, ince yuvarlatılmış köşelerle daha modern görünür.

Sunumlar: Köşeleri yuvarlatılmış ekran görüntüleri ve fotoğraflar, slayt destelerinde ve raporlarda daha parlak görünür.

E-posta bültenleri: CSS kenarlık yarıçapı e-posta istemcileri arasında tutarsız bir şekilde desteklendiğinden, görüntünün yuvarlatılmış köşeleri oluşturmak tutarlı bir görüntü oluşturmayı sağlar.

CSS border-radius oluşturma ortamını kontrol ettiğiniz web sayfaları için mükemmeldir. Ancak bu araç, CSS'yi desteklemeyen bağlamlarda paylaşmak, yazdırmak veya kullanmak için görüntü dosyasının kendisinde oluşturulan yuvarlak efekte ihtiyaç duyduğunuzda daha iyidir.

Tüm iFormat araçları gibi, yuvarlatılmış köşeler aracı da tarayıcınızdaki her şeyi işler. Resimleriniz hiçbir zaman cihazınızdan ayrılmaz; sunucuya yükleme yok, depolama yok, gizlilik endişesi yok.