Freepik sitesinden svg bir dosya indirdim.
Bunu Adobe illustrator ile png dönüştürdüm. Bu bir icon ben bunu 50x50 header bir tuş haline getirdim arkadaşlar.
Masaüstünde hiçbir sorun yok ama mobilde ne bileyim cam gibi net değil
Bunu nasıl çözebilirim. SVG desteği için function dosyasına kod ekleyip svg resim kullanabilirim ama buna gerek olmadan çözmenin yolu varmı?
Teşekkür ederim.
Bunu desktop ekranında fark etmeme sebebin çözünürlüğünün çok iyi olmaması. Güncel teknolojiler (başta apple) her bir piksel'in aslında 4 alt pikselden oluştuğu bir yapıya geldi. Bunun sonucunda da sen 50px'ik bir alana 50px görüntü yerleştirince netliğini yitirmiş gibi görünüyor.
Çözüm basit 50x50 piksellik alana 200x200 piksellik görüntü yerleştirmen gerekiyor. tabii ki bunu da maalesef pagespeed gibi konularda negatif etkileri var. Veya svg kullanacaksın başka çözüm şu anlık yok