Коротко: 1600 × 900, соотношение 16:9. Именно эта форма заполняет пост в X без обрезки, и её стоит использовать, если нет причин поступить иначе.
Почему 16:9
X агрессивно обрезает в ленте, и именно 16:9 заполняет карточку поста без обрезки и на компьютере, и на телефоне. Для кода это важнее, чем для фотографий: обрезка, съедающая последние символы строки, делает фрагмент неверным, а не просто плохо закадрированным.
Настройки
В Codeshot в разделе Aspect Ratio переключитесь с Original на Fixed и выберите шаблон 16:9. Затем задайте ширину 800 и экспортируйте в 2×.
Получится ровно 1600 × 900. Экспорт в 2×, а не в 1×, и делает мелкий текст чётким на retina-экране — экспорт фрагмента кода в 1× всегда выглядит слегка размытым.
Другие подходящие размеры
| Соотношение | Пиксели | Когда использовать |
|---|---|---|
| 1:1 | 1080 × 1080 | фрагмент короткий и почти квадратный |
| 4:5 | 1080 × 1350 | нужна максимальная высота в мобильной ленте |
Каждый раз одни и те же три настройки: соотношение, ширина и экспорт в 2×.
Чего лучше не делать
Публиковать высокий скриншот целого файла. X показывает в ленте обрезанное превью, поэтому люди видят середину кода, а самое интересное остаётся за кадром. Сократите до десяти-пятнадцати строк, остальное сделает соотношение.
И ещё одно
Держите файл меньше 5 МБ. PNG фрагмента кода в 2× и близко не подходит к этому пределу — это важно только при экспорте в 3× с фотографическим фоном.
Размеры для других платформ
Все статьи — об остальном, включая другие платформы.
Где бы вы ни публиковали, как только изображение уменьшается, тема значит не меньше размера. Перед выбором можно сравнить все 30.