Social MediaLesson 264Free preview
Resize to FB Cover Photo
This lesson is part of Web Developer Tools · All levels
Summary
Facebook's cover photo uses a wide area, with a reference size of 851 x 315 pixels for desktop. The phone's display cuts different parts, so the logo and text should be placed in a secure central area. For high-resolution screens, prepare a double version of about 1702 x 630 pixels. Avoid putting important information in the corner because it often covers the profile elements.
Key points
- The reference dimensions of the desktop cover are 851 x 315 pixels
- The ratio of about 2.7:1 makes the banner look wide and short.
- The 2x version is about 1702 x 630 maintaining sharpness on the retinal screen.
- The mobile phone and desktop displays cut through different areas
- Put the main message in the safe middle.
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.