Forum Discussion

Seratsuki's avatar
Seratsuki
Copper Contributor
Jan 04, 2024

Mobile Page Banner Images are Awful

I'm working on a Sharepoint site, and everything looks fine on a desktop, but images are blurry and cut off when I look at it on my phone. Here are screenshot examples: 

 

How it looks on my phone in Chrome: 

 
 

 

On my desktop monitor, using Chrome it looks fine. 

I made sure in the site settings that "mobile browser view" is active, but it doesn't seem to affect pages. Any help? It looks unprofessional for our mobile users. 

3 Replies

  • MusicalAdmin's avatar
    MusicalAdmin
    Copper Contributor

    I am having the same issues as well. Header image looks great regardless of screen size on computer, but it is very blurry/pixelated on mobile.

  • Seratsuki's avatar
    Seratsuki
    Copper Contributor

    So I have noticed that if I use the stock images provided, they seem fine when switching to mobile. So that means what's going on is incompatible image sizes and focal areas. 

     

    Can someone please give me optimal image sizing and an idea of where I should place text so that it can be visible on both devices? That would be helpful. 

    • Paul_Minnaar's avatar
      Paul_Minnaar
      Copper Contributor

      I’m having the very same issue, if I find a solution I’ll notify you.

Resources