Social MediaLesson 261Free preview

Resize to IG Story

This lesson is part of Web Developer Tools · All levels

Summary

Instagram Story uses a 1080 x 1920-pixel vertical display with a 9:16 ratio. The top and bottom areas are covered with interface elements such as account names and response columns, so important text should be placed in the middle. A square or landscape image will leave space or be cut if forced. Use full resolution to keep the story sharp on the phone screen.

Key points

The story's dimensions are 1080 x 1920 pixels with a 9:16 ratio.
The safe area is in the middle because the UI covers up and down
Non-vertical images will be cut or given blank space
Use large text to read quickly
Avoid important details in the top 15% and bottom 15%.

Full lesson

Code examples and quizzes

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