android - Blurry image on mobile, not on desktop. Solution? -


sorry if duplicate, couldn't find questions here or through google matched needs.

i working on small image (167px x 98px) , noticed came on desktop, on mobile version of site looked blurry (not pixelated though). it's still legible noticeably hazy.

after research, realized related pixel density. monitors have density of 102 ppi while phone has 554 ppi. so, thought if raised ppi while maintaining desired dimensions, should able increase quality of image while maintaining size. bumped ppi 550 , result same original 72 ppi image started with.

is there else can improve quality?

more info: image must uploaded netsuite used site's logo, there no coding interfere. image png-24 format has transparent background. tried regular rgb , raising image 32-bit rgb. tried increasing ppi 700 in both color formats. while 32-bit version made image better, still blurry.

tested in: firefox , chrome mobile on lg g5. tested in edge, firefox, chrome , ie on desktop. running windows 10, samsung led monitors 21.5 inches in 1920 x 1080 resolution.


Comments

Popular posts from this blog

php - Permission denied. Laravel linux server -

google bigquery - Delta between query execution time and Java query call to finish -

python - Pandas two dataframes multiplication? -