Какой размер должен быть у изображения для Instagram?
Четыре формы Instagram, на которые стоит ориентироваться, почему каждая из них шириной 1080 пикселей и что нужно исправить в вашем экспорте перед повторным кодированием платформой.
Instagram принимает четыре формы, на которые стоит ориентироваться, и наш ресайзер предлагает каждую из них в виде кнопки: квадратный пост 1080x1080, портретный пост 1080x1350, история / ролик 1080x1920 и ландшафтный 1080x566. Обратите внимание на то, что их объединяет. Все четыре имеют ширину 1080 пикселей. Это самое полезное число, которое стоит запомнить перед экспортом, потому что именно на этом этапе платформа перестает заботиться о ваших дополнительных пикселях.
Остальная часть текста касается пикселей, которые вам не нужны. Фото 3840x2160 более чем в три раза шире 1080, поэтому Instagram пересчитывает его и повторно кодирует с настройками, которые вы никогда не увидите. Вы все еще контролируете, с чего оно начинается. Ниже показано, как мы бы настроили экспорт в наших собственных инструментах, с числами, которые мы измерили при их использовании.
Каковы четыре размера изображений для Instagram?
Это пресеты точно так, как они определены в коде ресайзера. Соотношения — это просто деление, выполненное для вас.
| Пресет | Пиксели | Соотношение сторон | Где оно отображается |
|---|---|---|---|
| Квадратный пост | 1080 x 1080 | 1:1 | Лента |
| Портретный пост | 1080 x 1350 | 4:5 | Лента, самая высокая, которую принимает лента |
| История / Ролик | 1080 x 1920 | 9:16 | Истории и Ролики |
| Ландшафтный | 1080 x 566 | примерно 1.91:1 | Лента, самая широкая, которую принимает лента |
Две строки заслуживают второго взгляда. Три из 15 социальных пресетов ресайзера попадают в один и тот же ящик 1080x1920, так как Instagram Story / Reel, Facebook Story и TikTok Video Cover являются идентичными целями, поэтому один экспорт охватывает все три. А ландшафтный размер не является круглым числом, потому что 1.91:1 не делится на целые пиксели чисто. 566 — это честное округление 1080, деленного на 1.91.
Почему ширина 1080 пикселей является пределом?
Потому что именно это подает лента. Документация Meta по публикации контента разъясняет правила изображений в ленте, и они узкие: JPEG, максимальный размер 8 МБ, соотношение сторон где-то между 4:5 и 1.91:1. Все, что шире ширины отображения, уменьшается на их машинах с их фильтром и без предварительного просмотра для вас. Передача им файла шириной 3840 пикселей не обеспечит четкость на 1080. Выполните уменьшение локально, и вы сможете посмотреть на него до того, как кто-либо другой это сделает. Наш ресайзер запрашивает у браузера целевой размер напрямую через createImageBitmap с установленным качеством уменьшения на высокое, и переключается на канвас drawImage, когда дело касается обрезки.
Следует ли мне обрезать до 4:5 или изменить размер до 1080x1350?
Оба, в этом порядке. Сначала обрамление, затем точные пиксели. Наш обрезчик принимает один файл за раз до 10 МБ и предлагает восемь аспектных пресетов: свободный, 1:1, 4:3, 3:2, 16:9, 9:16, 3:4 и 2:3. Кнопки 4:5 нет, поэтому введите 4 и 5 в пользовательское поле Ш:В. В обрезчике также нет ввода ширины или высоты в пикселях, что именно и объясняет, почему существует второй шаг. Каждая обрезка повторно кодирует сжатые форматы с фиксированным качеством 92, а GIF выходит из него как однофреймовый PNG.
Затем отправьте обрезку в ресайзер и нажмите на желаемый пресет Instagram. Режим подгонки решает, что будет дальше. Cover масштабирует изображение, пока оно не заполнит целевой размер, и центрирует обрезку излишков, что на самом деле и создает точный 1080x1350. Stretch принуждает к размеру и искажает. Contain — это то, что удивляет людей, потому что он уменьшает холст до того, что поместилось внутри, так что вы не получите полосы обрамления и 1080x1350. Одна особенность, которую мы создали намеренно: защита "не увеличивать" игнорируется, когда вы выбираете социальный пресет, так как ограничение каждой оси до оригинальных файлов, которые не соответствовали ни одной спецификации платформы.
Что повторно сжимает Instagram и что я могу контролировать?
Он повторно кодирует. То, что вы контролируете, — это входные данные. Наш ресайзер записывает PNG без потерь и повторно кодирует все остальное с качеством 90 по умолчанию, так что JPEG, направленный в ленту, получает один аккуратный проход от вас и один от них. Держите свой проход щедрым. Прозрачность — это другая ловушка, потому что JPEG не поддерживает альфа-канал в любом режиме, поэтому PNG с прозрачным фоном будет сглажен чем-то. Наш конвертер PNG в JPG накладывает его на белый фон, что по крайней мере позволяет вам проверить результат перед отправкой. Анимированные источники выходят из ресайзера как одно неподвижное изображение, и он сообщает вам, когда кадры были потеряны.
Мне нужно сжимать перед загрузкой?
Обычно нет по размеру. Экспорт 1080x1350 уже мал. Есть более веская причина провести проход: наш компрессор удаляет все метаданные на выходе, включая EXIF, GPS-координаты, ICC-профиль и встроенный миниатюру. Ориентация сохраняется, так что ничего не приходит боком. В нашем тестовом файле texture.jpg, 3840x2160 и 538.6 KB, умный режим вернул 286.1 KB, сокращение на 47%. Ползунок на 60 дал 212.4 KB, а на 30 — 131 KB с повреждением, которое вы можете увидеть. Умный режим — это качество 80 для JPEG, закодированное с помощью MozJPEG. Один нюанс: когда источник уже является JPEG, мы умножаем ваш ползунок на качество, считанное из его таблиц квантизации, так что источник качества 60 плюс ползунок 80 приводит к 48. WebP и AVIF — это меньшие форматы для веб-сайта. Ни один из них не помогает для загрузки в Instagram, и если какая-то другая форма удерживает вас в жестком лимите на байты, измеренная лестница от 538.6 KB до 131 KB — это то, что стоит прочитать.
Мое фото всего 400 пикселей в ширину. Что теперь?
Тогда 1080 — это увеличение, и обычный ресайз будет выглядеть размазанным, что и есть вся разница между ресайзером и увеличителем. Наш увеличитель запускает Real-ESRGAN realesr-general-x4v3 в браузере. На small.png, 400x269 и 177.1 KB, опция 2x дала 800x538 при 782.8 KB, а опция 4x дала 1600x1076 при 2.7 MB. Только 4x проход очищает 1080 по длинной стороне, что вам нужно перед уменьшением в ландшафтный размер 1080x566. Сам модель производит только 4x, поэтому наша опция 2x запускает ее и уменьшает результат после. С доступным WebGPU она принимает 32 мегапикселя входных данных, а без него примерно 1.1 МП. Выход всегда PNG. Так что ожидайте тяжелый файл на пути к легкому.
Останется ли что-то из этого на моем компьютере?
Нет. В этом коде нет маршрутов API и действий на сервере, и единственные сетевые запросы — это ресурсы одного источника. Каждый конкурент в этой области загружает ваше фото на сервер, а затем обещает удалить его через час или два. Наш никогда никуда не отправляет. Именно оттуда и возникают ограничения, так как ваша собственная устройство выполняет работу: 10 файлов и 50 МБ за раз для компрессора, ресайзера, конвертера и инструмента для удаления фона; один файл за раз до 10 МБ для обрезчика и генератора иконок; один файл для увеличителя. Наша страница конфиденциальности говорит то же самое меньшими словами.
Сделайте это сейчас. Откройте ресайзер, загрузите фото, выберите портретный пост Instagram 1080x1350, оставьте режим подгонки на cover и качество на 90, затем скачайте. Если центр обрезки отрезал чью-то голову, сначала выполните обрезку с пользовательским соотношением 4:5 и вернитесь. Если файл все еще содержит GPS-координаты, которые вы не хотите публиковать, завершите с помощью прохода в умном режиме через компрессор.