Community Cover Photo Specifications - Best Practices

%3CLINGO-SUB%20id%3D%22lingo-sub-1628387%22%20slang%3D%22en-US%22%3ECommunity%20Cover%20Photo%20Specifications%20-%20Best%20Practices%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1628387%22%20slang%3D%22en-US%22%3E%3CP%3ETo%20add%20Community%20cover%20photo's%2C%20the%20recommended%20specifications%20are%201360x550.%20However%2C%20those%20specs%20seem%20best%20for%20viewing%20on%20desktops.%20Are%20there%20any%20best%20practices%20for%20pixel%20ratio%20that%20work%20best%20on%20desktop%20and%20in%20the%20mobile%20app%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EFor%20example%2C%20I%20recently%20posted%20a%20cover%20photo%20in%20a%20community%20that%20included%20some%20information%20written%20on%20it%20(i.e.%20campaign%20info).%20When%20I%20viewed%20it%20on%20the%20mobile%20app%2C%20the%20messaging%20was%20cut%20off.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAny%20advice%20on%20the%20specifications%20that%20work%20best%20for%20desktop%20and%20mobile%20would%20be%20great.%20It%20will%20also%20help%20with%20communicating%20the%20specs%20to%20Community%20Admins.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1628387%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EApp%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EBest%20Practice%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ECommunity%20Management%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EMobile%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1629357%22%20slang%3D%22en-US%22%3ERe%3A%20Community%20Cover%20Photo%20Specifications%20-%20Best%20Practices%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1629357%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F659875%22%20target%3D%22_blank%22%3E%40andrewclarke%3C%2FA%3E%20Yes%2C%20the%20aspect%20ratio%20in%20mobile%20is%20less%20wide.%20So%2C%20avoid%20the%20far%20left%20and%20right%20edges%20for%20on-image%20text.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E(I%20know%20this%20is%20an%20inexact%20answer%20-%20but%20I%20also%20kind%20of%20feel%20like%20this%20doesn't%20require%20a%20pixel-precise%20answer.%20Just%20leave%20some%20space%20on%20the%20sides.%20You%20can%20screenshot%20the%20web%20and%20mobile%20experiences%20to%20see%20how%20much%20is%20left%20off).%3C%2FP%3E%3C%2FLINGO-BODY%3E
Contributor

To add Community cover photo's, the recommended specifications are 1360x550. However, those specs seem best for viewing on desktops. Are there any best practices for pixel ratio that work best on desktop and in the mobile app?

 

For example, I recently posted a cover photo in a community that included some information written on it (i.e. campaign info). When I viewed it on the mobile app, the messaging was cut off. 

 

Any advice on the specifications that work best for desktop and mobile would be great. It will also help with communicating the specs to Community Admins. 

1 Reply

@andrewclarke Yes, the aspect ratio in mobile is less wide. So, avoid the far left and right edges for on-image text.

 

(I know this is an inexact answer - but I also kind of feel like this doesn't require a pixel-precise answer. Just leave some space on the sides. You can screenshot the web and mobile experiences to see how much is left off).