mobilde logo kalitesi neden düşüyor

14-03-2019, 19:58:19

Kimlik doğrulama veya yönetimden onay bekliyor.

görselimin boyutu gayet büyük mobil versiyonda pixel kaybı yaşıyorum neden bilen bir arakadaş varsa yardımcı olabilirse sevinirim
mobilde width: 100% kullandığım için olabilir mi?

14-03-2019, 20:01:16

#2

EmreGuven

Görsel orantılı küçükdüğü için çözünürlük oturmayabiliyor, logo alanını 1px küçültürsen düzelir büyük ihtimal.

14-03-2019, 20:02:25

#3

berkantipek

Logoyu SVG olarak export ederseniz böyle bir sorun olmaz.

14-03-2019, 20:06:01

#4

CengiS

berkantipek adlı üyeden alıntı: mesajı görüntüle

Logoyu SVG olarak export ederseniz böyle bir sorun olmaz.

.svg olarak mı tanımlamam gerekiyor html sayfamadada

14-03-2019, 20:06:16

#5

unalozkurt

Kimlik doğrulama veya yönetimden onay bekliyor.

Bu sorunu ben de yaşadım ve aynı görselin 2 kat büyüğüyle değiştirdim. İyi görünüyor fakat GTmetrix PageSpeed skoruna kötü yönde etki ediyor.

14-03-2019, 20:07:48

#6

misal

SVG olarak çıktı almalısınız.

https://fatihhayrioglu.com/resimleri...hale-getirmek/

14-03-2019, 20:21:24

#7

Developer

CengiS adlı üyeden alıntı: mesajı görüntüle

.svg olarak mı tanımlamam gerekiyor html sayfamadada

Logonun vektörel halini .svg olarak alıp, img tagı ile sayfanıza eklerseniz sorununuz çözülür.

Edit: Bozulmasının sebebi ise masaüstü versiyonda 100px’dir. Mobilde w100% verdiğinizde ekranı kaplayacağı için 400px civarlarına çıkar. Görsel ölçülerini de ortalaama 150px varsayarsak, görüntü bozulur.