Изменить размер изображения до квадрата 1080x1080

Превратите любую картинку в точный квадрат 1080 x 1080 прямо в браузере, причём обрезку решаете вы, а не та площадка, куда вы её загрузите. Каждый результат сообщает, во что обошёлся квадрат: какая доля картинки отрезана, какая доля кадра занята полями и было ли увеличение.

Каждое изображение на этой странице выходит ровно 1080 x 1080 пикселей.

Если вы не обрезали снимок под квадрат заранее, ничто из загруженного квадратным не окажется, поэтому настройка вписывания решает, куда деть разницу. «Заполнить кадр» берёт квадрат из середины и выбрасывает лишнее: четверть обычного телефонного фото 4:3, заметно больше трети кадра 16:9. «Вписать целиком» не теряет ничего и вместо этого ставит картинку между двумя полосами фона. Всё, что по ширине меньше 1080 пикселей, к тому же увеличивается, отчего становится мягче. Каждая строка результата сообщает, что из двух произошло с конкретным файлом и какова цена.

Перетащите изображения сюда или нажмите для загрузки

Поддерживает JPG, PNG, WEBP, BMP

Откуда взялся квадрат в 1080 пикселей

1080 — число экранное, а не бумажное. Это короткая сторона дисплея Full HD, и телефонные приложения выбрали её как ширину, с которой отрисовывают изображение во весь экран, — так она и стала шириной, под которую готовят картинки. Квадрат такой ширины содержит 1 166 400 пикселей, чуть больше 1,2 мегапикселя, — резко на телефоне, который рисует два аппаратных пикселя на каждый логический в блоке во всю ширину, и достаточно мало, чтобы фотографический JPEG укладывался в несколько сотен килобайт, а не в несколько мегабайт. Дорого обходится именно форма. Матрицы дают 4:3 или 3:2, видеокадр — 16:9, поэтому квадрат оказывается обрезкой почти чего угодно. Заполнить кадр — значит масштабировать, пока короткая сторона не достигнет 1080, и срезать остальное с двух длинных краёв: телефонное фото 4032 x 3024 становится 1440 x 1080 и затем теряет 360 пикселей ширины, четверть картинки. Файл с камеры 3:2 отдаёт треть. Кадр из видео 16:9 или вертикальный кадр 9:16 отдаёт почти сорок четыре процента — поэтому из записей экрана и стоп-кадров получаются плохие квадраты, где бы ни стояла рамка обрезки. Вписывание целиком, наоборот, сохраняет всё и тратит ту же долю на фон: то самое фото 4:3 ложится как 1080 x 810 с полосой в 135 пикселей сверху и снизу, так что каждый четвёртый пиксель квадрата — фон, а не фотография. Обмен симметричен, и вопрос лишь в том, какой стороной вы готовы за него платить. Второе, за чем стоит следить, — увеличение, потому что 1080 больше очень многих изображений, которые сюда приносят. Старому аватару 600 x 600 придётся вырасти в 1,8 раза, иконке в 512 пикселей — чуть больше чем вдвое, а миниатюра, сохранённая с веб-страницы, может быть хуже и того и другого. Увеличение интерполирует между существующими пикселями; оно никогда не возвращает деталь, которую камера не записала, поэтому коэффициент показывается на панели результатов, а не применяется у вас за спиной. Декодирование, обрезку и кодирование выполняет элемент canvas внутри вашего браузера, поэтому картинка никуда не отправляется.

Для чего на самом деле нужны квадратные изображения

Квадрат — это форма ячейки, обозначающей чью-то личность. Фото профиля квадратные почти в любой системе учётных записей в интернете, обложки подкастов и альбомов квадратные ещё со времён конвертов для пластинок, маркетплейсы и витрины магазинов обрезают миниатюры товаров в квадрат, чтобы страница результатов выстраивалась ровно, а любая галерея, свёрстанная сеткой, выглядит рваной, стоит одной плитке оказаться другой пропорции. Подготовить квадрат самому — значит не дать системе сделать это за вас в самый неподходящий момент: автоматическая обрезка идёт по центру кадра и понятия не имеет, что на картинке. Про Instagram стоит ответить прямо, ведь именно из-за него большинство и ищет это число. Задокументированный диапазон принимаемых соотношений сторон идёт там от 4:5 до 1.91:1, и 1:1 спокойно попадает внутрь, поэтому квадратная публикация в ленте показывается такой, какой вы её отправили, и повторно не обрезается. К этому прилагаются две честные оговорки. Числа 1080 x 1080 Meta нигде не публикует; они выведены из ширины, с которой отрисовывается лента, плюс из того факта, что квадраты поддерживаются. А собственные рекомендации Meta по публикации сейчас направляют людей к вертикали 4:5, примерно 1440 x 1800, из тех соображений, что более высокое изображение занимает больше экрана, пока человек прокручивает ленту. Так что квадрат остаётся безопасным и вполне хорошим выбором для ленты, но это решение о композиции, а не требование, и если цель — занять больше экрана у читателя, то вертикальная обрезка лучше. Для аватара, обложки или карточки товара всё это неважно, и квадрат — просто та форма, которая вам нужна.

Попасть ровно в 1080 x 1080, решая обрезку самому, а не отдавая её ленте

Держать аватары, обложки и карточки товаров одной формы в сетке

Считывать, какая часть кадра — фотография, а какая — поля

Заметить слишком маленький исходник до того, как увеличение незаметно его смягчит

Как изменить размер изображения до 1080 x 1080

Решите, для чего нужен квадрат, прежде чем трогать настройку вписывания. Картинке, которую обрежут маской в круглый аватар, и схеме, которая обязана остаться читаемой, нужны противоположные ответы, а эта настройка — единственный настоящий выбор на странице.

Перетащите одно изображение или сразу пакет. Проходят JPG, PNG, WebP и BMP; анимированные GIF и SVG отклоняются, а не сплющиваются молча

Оставьте вписывание на «Заполнить кадр — без полей» для всего, что должно читаться как сплошной квадрат. Переключитесь на «Вписать целиком — с полями», когда на картинке нельзя ничего подрезать

Если переключились, выберите цвет полей: «Белый», «Чёрный» или «Прозрачный». Из доступных здесь форматов вывода прозрачность хранит только PNG, поэтому выбор «Прозрачный» отдаст вам PNG, что бы вы ни загрузили

Нажмите «Применить» и прочитайте каждую строку результата перед скачиванием — там указаны отрезанная доля, доля кадра, занятая полями, и коэффициент увеличения, если оно было

Часто задаваемые вопросы

Нет, и стоит быть точным насчёт причины. Эту пару чисел Meta нигде не публикует; в её документации для разработчиков указан диапазон соотношений сторон, который может иметь публикация, — от 4:5 до 1.91:1. Квадрат в диапазон попадает, поэтому он принимается и показывается без обрезки, а 1080 берётся из ширины, с которой отрисовывается лента. Считайте это широко распространённым соглашением, которое платформа принимает, а не спецификацией, которой вас можно обязать.

Часто да. Собственные рекомендации Meta по публикации советуют вертикаль примерно 1440 x 1800, потому что изображение 4:5 выше на экране и дольше удерживает прокручивающего ленту читателя. Загвоздка в композиции: вертикальная обрезка горизонтальной фотографии выбрасывает куда больше, чем квадрат, и один и тот же файл не может быть и тем и другим. Используйте эту страницу, когда квадрат — это то, чем вы хотите сделать картинку. Когда цель — охват экрана, берите инструмент обрезки здесь же и вырезайте кадр 4:5.

Сам по себе — редко. Рост с 640 до 1080 — это коэффициент 1,7, а интерполяция придумывает промежуточные пиксели, так что получится увеличенная версия той же детализации с более мягкими краями. Стоит это делать тогда, когда что-то дальше по цепочке требует именно этих размеров и иначе увеличит файл само — обычно худшим и менее предсказуемым способом. Если получатель принимает 640 x 640, отправляйте его. Коэффициент увеличения в строке результата существует как раз для того, чтобы решение оставалось за вами.

Меняет то, где должна находиться важная часть картинки. Большинство систем учётных записей обрезает квадратный аватар маской в круг, и эта маска убирает примерно двадцать один процент площади, начиная от углов. Всё, что обязано уцелеть, — лицо, знак, слово — должно располагаться заметно ближе к середине. «Вписать целиком» здесь неправильный выбор, потому что полосы полей вписываются в саму картинку, и круглая маска режет их на два странных серпа, а не прячет.

Не на этой странице — она жёстко задана на 1080 по обеим сторонам. Основной инструмент изменения размера на этом сайте принимает любые размеры, которые вы впишете, так что задайте оба поля нужным числом. Учтите, что больший квадрат помогает только тогда, когда в исходнике действительно столько детализации: квадрат 2048, собранный из 12-мегапиксельного снимка, настоящий, а собранный из файла 1080 — та же самая картинка, весящая вчетверо больше. Для изображений, которые ещё и напечатают, лишние пиксели пригодятся.

Обычно в том, который вы загрузили: JPEG на входе — JPEG на выходе. Есть одно намеренное исключение: выбор «Прозрачный» в качестве цвета полей принудительно переводит вывод в PNG, потому что ни один другой распространённый формат здесь не хранит альфа-канал, а прозрачная область иначе была бы залита чёрным или белым без спроса. Следите в этом случае за размером файла: фотография, сохранённая как PNG, обычно в несколько раз тяжелее исходного JPEG. «Белый» и «Чёрный» сохраняют исходный формат.

Форма останется нетронутой, а пиксели нет. У исходника, который уже 1:1, нечего обрезать и нечего дополнять, и строка результата так и скажет, но он всё равно масштабируется до 1080 по каждой стороне и перекодируется на выходе. Оригинал 2000 x 2000 уменьшается, и это безвредно. Оригинал 900 x 900 увеличивается и возвращается чуть мягче. По существу неизменным остаётся только изображение, которое уже было 1080 x 1080.

Нет, потому что два шага делают разную работу. Платформы перекодируют почти всё, что получают, и помешать этому нельзя. Что вы контролируете — это геометрию и исходное качество того, что они перекодируют. Приход с точными размерами в пикселях означает, что их конвейер ничего не масштабирует и не обрезает, а именно этот шаг заметно смягчает края и текст. Компрессор, которому дали чистое изображение нужного размера, даёт результат лучше, чем тот, которому подсунули избыточное и оставили решать обрезку за него.

Другие инструменты для изображений

Откройте другие мощные инструменты для редактирования изображений

Откуда взялся квадрат в 1080 пикселей

Для чего на самом деле нужны квадратные изображения

Как изменить размер изображения до 1080 x 1080

Часто задаваемые вопросы

Другие инструменты для изображений

Сжать Изображение

Обрезать Изображение

Конвертировать Формат

Фоторедактор

Повернуть Изображение

Отразить Изображение

Добавить Водяной Знак

Добавить Рамку

Закругленные Углы

Фильтры

Размыть Лицо

Мозаика

Удалить Фон

Улучшить Изображение

Добавить Текст

Коллаж

HTML в Изображение

GIF в Последовательность

Удалить пустые поля

Пакетное переименование изображений

Круговая обрезка

Чёрно-белое

Разделить изображение

Объединить изображения

Изменить DPI

Изображение в Base64

Изображения в PDF

Конвертер HEIC в JPG

Удаление EXIF

Генератор фавиконок

Цветовая палитра

Base64 в изображение

HEIC в PNG

Текст за изображением

Пипетка

Создание подписи

Удаление фона подписи

Прозрачный фон