Mobil uygulamada Resim kalitesi hk.

[barutali]

Merhabalar, 

Firemonkey ile mobil denemeleri yapıyorum. 
Form üzerine 1 adet TImage nesnesi ekliyorum.

            object Image12: TImage
              MultiResBitmap.Height = 21
             MultiResBitmap.Width = 21
             MultiResBitmap.LoadSize = 2
             MultiResBitmap = <
               item
                 Width = 21
                 Height = 21
                 PNG = {
                   89504E470D0A1A0A0000000D4948445200000015000000150806000000A917A5
                   96000000017352474200AECE1CE90000000467414D410000B18F0BFC61050000
                   027549444154384FB5943B6C1341108667F7CE896D611FC20E1205A2E5A15469
                   52203914B602852582158A00A1A2859A0651841ADA34BC4490B015A41480EC02
                   0A9068D21011B945141604902E06136CDF2EF3AFD7C4CF4408F217BEB9D99D4F
                   73FB7B87F642C23EFB74EACCCC11ADE8B2269D2152471D72E201059B44B22C48
                   1485A47B2F9F2D7FB0DBBBD4079D9CCC45C29EBA255430478E7CC8D09511E5AE
                   799EF07D5F7B75D91C6768960275514BE7D1564C5E7F5B28FCB4E5465DD074FA
                   ECC1BA239E4BA5D743E45C2D160BDFEC529F3299DC810605779414C747027DBA
                   547AFAD92E6D43D1E1E87EF59A132BAF5E2CDFB4E95D35353D734313657FED93
                   27DB1D4BB3C2E24F5E10A4DEF702A7A6CFCD73E19389892B219BEA12F6A32E5C
                   550B36D582C2143EC30B7C76D74CB643D58DC4122972E3631B8F878151877A70
                   F06EA07019A60C3AC3D5D5C546F56BF23C69B69FC1A954CAB54B7F64EA602A38
                   2C03153A48C365C48304F0E697B159DEE9CA70622018F5E020365025E858D369
                   BC433C4C007F8A39B36C6D4844124BBD60D48383D840F92776281AE53FF6CE5A
                   CFE7EB6E109D63B7530C9EB76923D48383B8D529FB51A9D5E28877128C6A3A3F
                   EE0B456FAA1BC907366D54A9D4E2E02036507E94437A74BC150F163E1746C130
                   1887E3B04B46A108EA651971EBF3359548A92CE2410210060108C37A81468ECA
                   1A0EABD5A923EE52A02FE1EA99F70E010863605032EEF67508993AAE371C9681
                   62DA6038F0B0B88DF74E894812C63849763ECF46D974975087FAF6D4DABEFB39
                   BEFBDFFFCFDD1F38A5709771F5769B52A6439227864EA9B6D0310F87AE79BAA5
                   6A6B873DCFFFE8FB5E5846FF6E9E76EA5F26FF1E88E83720573C03C74E6DD000
                   00000049454E44AE426082}
                 FileName = 
                   'D:\Compressed\Axialis-LineDesign-Sample\png\1x\button-expand-rig' +
                   'ht.png'
               end>
             Align = FitLeft
             MarginWrapMode = Original
             Size.Width = 44.000000000000000000
             Size.Height = 44.000000000000000000
             Size.PlatformDefault = False
             WrapMode = Center
           end
         end

Delphi de görüntü çok güzel görünürken cihazda baktığımda görüntüsü bozuluyor. Sanki 20px olan bir resmi 30px göstermeye çalışmışım gibi görüntü bozuluyor. Resim formatı PNG.

Bu konuyla ilgili tecrübelerinizi paylaşırsanız sevinirim.
Teşekkürler.

[Abdullah ILGAZ]

Merhabalar,
TImage nesnesinin özelliklerini şu şekilde yaparsanız sorun çözülecektir.

1. MarginWrapMode - Stretch
2. MultiResBitmap - (buradan mümkün mertebe ekran çözünürlüğüne uygun şekilde görsel ekleyin. Normal bir ikon için 64x64 - 32x32 yerine 128x128 gibi.) (Ben png tercih ediyorum)
3. Bazen çözünürlük tahmin ettiğinizin üstüne çıktığında bulanıklaştırıyor. Bundan kurtulmak için Margins kısmından (Top Right Bottom Left) hepsi için 5 verin.
4. Netliği arttırmak için BitmapMargins kısmından hepsine 3 verin.

Sorununuz çözülmüş olacaktır. İyi günler.

[barutali]

32px lik image için 128px lik image kullandıktan sonra düzeldi. Mobil proje ile çok fazla uğraşmamıştım. İçine girdikçe acayip şeylerle karşılaşıyorum.. Cevabınız için teşekkürler.

[Abdullah ILGAZ]

(27-07-2017, Saat: 12:32)barutali Adlı Kullanıcıdan Alıntı: 32px lik image için 128px lik image kullandıktan sonra düzeldi. Mobil proje ile çok fazla uğraşmamıştım. İçine girdikçe acayip şeylerle karşılaşıyorum.. Cevabınız için teşekkürler.

Rica ederim. Mobilde Hdpi, large, ldpi, mdpi, normal, small, xhdpi, xlarge ve xxhdpi çözünürlüğünde 9 farklı ölçeklendirme yaptığı için seçtiğiniz görselin en optimum olduğu çözünürlüğü normal'e referans alarak büyültme küçültme yapıyor. Muhtemelen denediğiniz görseller için HDPI olan kaliteli çözünürlüğe sahip bir cihazda denediğiniz için bulanık gördünüz.

Mümkün oldukça büyük ölçeklemenizde fayda var hocam. Kaplayacağı yer açısından endişe ederseniz; Photoshop ve muadil programlardan Save for Web seçeneği ile 3-4 MB'lık görselleri 300-400 KB'a boyut olarak düşürür ancak insan gözü ile kalite kaybını hissedemezsiniz.

İyi çalışmalar.

[barutali]

(27-07-2017, Saat: 14:25)Abdullah Ilgaz Adlı Kullanıcıdan Alıntı:

(27-07-2017, Saat: 12:32)barutali Adlı Kullanıcıdan Alıntı: 32px lik image için 128px lik image kullandıktan sonra düzeldi. Mobil proje ile çok fazla uğraşmamıştım. İçine girdikçe acayip şeylerle karşılaşıyorum.. Cevabınız için teşekkürler.

Rica ederim. Mobilde Hdpi, large, ldpi, mdpi, normal, small, xhdpi, xlarge ve xxhdpi çözünürlüğünde 9 farklı ölçeklendirme yaptığı için seçtiğiniz görselin en optimum olduğu çözünürlüğü normal'e referans alarak büyültme küçültme yapıyor. Muhtemelen denediğiniz görseller için HDPI olan kaliteli çözünürlüğe sahip bir cihazda denediğiniz için bulanık gördünüz.

Mümkün oldukça büyük ölçeklemenizde fayda var hocam. Kaplayacağı yer açısından endişe ederseniz; Photoshop ve muadil programlardan Save for Web seçeneği ile 3-4 MB'lık görselleri 300-400 KB'a boyut olarak düşürür ancak insan gözü ile kalite kaybını hissedemezsiniz.

İyi çalışmalar.

Google ın orjinal Material Design iconlarını kullanıyorum 1.60 kb gibi bir boyutu var. Axialis firmasının IconGenerator ürününü kullanıyorum ücretsiz olarak boyutlandırıp veriyor  
Kesenin ağzını açarsanız Axialis in iconlarını da kullanabiliyorsunuz

[Abdullah ILGAZ]

(27-07-2017, Saat: 14:31)barutali Adlı Kullanıcıdan Alıntı: Google ın orjinal Material Design iconlarını kullanıyorum 1.60 kb gibi bir boyutu var. Axialis firmasının IconGenerator ürününü kullanıyorum ücretsiz olarak boyutlandırıp veriyor  
Kesenin ağzını açarsanız Axialis in iconlarını da kullanabiliyorsunuz

O halde ücretsiz 55,200 adet ikon kütüphanesi olan Icons8'i önerebilirim size.  Her geçen gün geliştiriliyor. Windows aplikasyonu da mevcut. 7-8 tane set var içerisinde. Projenize göre seçebilirsiniz. Hatta photoshop ile uğraşıyorsanız, benzersiz ikon oluşturmanıza da olanak sunuyor. 100px'e kadar ücretsiz verebiliyor çıktıları. Ötesine de ihtiyacınız olacağını sanmıyorum




Save

[barutali]

İcon8 bende de kurulu zamanında baya bi hayır duamı aldılar