Social MediaLesson 266Free preview

Resize to FB Story

This lesson is part of Web Developer Tools · All levels

Summary

Facebook Story uses a full vertical display that measures 1080 x 1920 pixels. The interface elements at the top and bottom can cover the content, so the safe area is in the middle. This format is suitable for short announcements, promotions, and vertical video clips. Make sure the text is big enough because the audience sees the story quickly.

Key points

The story's dimensions are 1080 x 1920 pixels with a 9:16 ratio.
The application UI covers part of the upper and lower areas
Use large text and high contrast
Non-vertical images will be cut or given blank space
Avoid too many elements in one frame

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.