Разделитель изображений — Разрезать изображение на сетку онлайн

Разделите одно изображение на сетку из отдельных файлов по строкам и столбцам прямо в браузере. Есть готовый пресет сетки 3×3 для Instagram, ничего не загружается на сервер.

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

Этот инструмент берёт одно изображение и разрезает его на сетку отдельных файлов-изображений. Вы задаёте число строк и столбцов — от одной полосы до раскладки 10 на 10 из 100 частей, — и каждая ячейка копируется прямо из исходника на свой собственный canvas и кодируется как отдельный файл. Ключевое слово здесь — копируется. Никакого масштабирования, пересэмплирования или фильтрации не происходит: ячейка считывается из исходника по её точным пиксельным координатам и записывается на выходной canvas точно такого же размера. Если выбрать PNG, который без потерь, каждый пиксель в каждой части побайтово идентичен той области, откуда он взят, и повторная сборка сетки в точности восстановит исходное изображение. Выбор JPG перекодирует каждую часть кодером браузера с потерями, что вносит обычные артефакты сжатия, а любая прозрачная область сводится к белому, потому что у JPG нет альфа-канала. Позиции разрезов вычисляются как округлённые доли от общей ширины и высоты, а не отбрасыванием дробной части размера ячейки, поэтому по краям не теряются пиксели и ни одна ячейка не выходит за границу. Практическое следствие в том, что при неровном делении размеров ячейки отличаются друг от друга максимум на один пиксель, а не оставляют узкую полоску справа или снизу. Прежде чем что-либо разрезать, линии сетки отрисовываются поверх вашего изображения, чтобы вы видели, где пройдут разрезы. Всё выполняется в браузере, поэтому файл никогда не покидает ваше устройство.

Зачем разделять изображение

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

Соберите пост-сетку 3×3 для Instagram, где девять плиток складываются в одну большую картинку на странице профиля
Разрежьте широкую панораму на карусель отдельных кадров, каждый под нужное соотношение сторон ленты
Нарежьте макет дизайна или карту на плитки для печати на нескольких листах бумаги
Разбейте крупный спрайт-лист или отсканированный контактный лист на отдельные кадры для редактирования

Как разделить изображение на сетку

Четыре шага, все выполняются локально. Изображение декодируется, разрезается и возвращается вам, ни разу не побывав на сервере.

1

Перетащите одно изображение — разделение работает с одним файлом за раз, а не пакетом

2

Выберите пресет вроде 3×3 или задайте ползунки Строки и Столбцы самостоятельно; линии сетки обновляются на превью по ходу настройки

3

Выберите PNG, чтобы сохранить разрез без потерь, или JPG для файлов меньшего размера ценой некоторых артефактов сжатия

4

Нажмите «Применить», затем скачивайте части по одной из итоговой сетки или заберите все сразу единым ZIP-архивом

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

Сначала обрежьте изображение в квадрат, затем разделите его 3 на 3. Обрезка важна: Instagram показывает миниатюры сетки профиля квадратными, поэтому если исходник имеет соотношение 16:9, девять частей выйдут широкими прямоугольниками, которые обрежутся по центру на странице профиля, и картинка не сложится правильно. Используйте инструмент обрезки, чтобы сделать соотношение 1:1, вернитесь сюда, выберите пресет 3×3, и каждая часть уже будет квадратной.
Нет, если выводить в PNG. Каждая часть копируется из исходника по её точным пиксельным координатам без масштабирования или пересэмплирования, и PNG хранит её без потерь, поэтому части пиксель-в-пиксель совпадают с областями, откуда они взяты. Выбор JPG — другое дело: он перекодирует каждую часть кодером с потерями, поэтому тонкие детали отбрасываются, а прозрачность сводится к белому. Выбирайте PNG, когда важна точность, и JPG — только когда важен размер файла.
Позиции разрезов вычисляются как округлённые доли от полного размера, поэтому лишние пиксели распределяются по всей сетке, а не сваливаются в последнюю строку или столбец. На практике это значит, что отдельные части могут отличаться друг от друга на один пиксель по ширине или высоте. Пиксели не теряются и не дублируются, поэтому части точно складываются обратно в оригинал. Для изображения шириной 1000 пикселей, разрезанного на 3 столбца, ожидайте ширины 333, 334 и 333.
Да. Когда частей больше одной, основная кнопка скачивания упаковывает весь набор в единый ZIP-файл — это практичный вариант уже начиная с сетки крупнее 2×2. У каждой части в итоговой сетке также есть своя кнопка скачивания, если нужна только одна или две из них. ZIP собирается прямо в браузере, поэтому скачивание выглядит как обычное, без обращения к серверу.
Каждый файл называется по имени оригинала с суффиксом строки и столбца — например, photo_r1_c1.png для верхней левой части и photo_r3_c3.png для нижней правой в сетке 3×3. И строки, и столбцы отсчитываются от 1: строки сверху вниз, столбцы слева направо. Числа дополняются нулями до размера сетки, поэтому разделение на 10 строк даёт от r01 до r10, и файлы корректно сортируются в любом файловом менеджере.
Оба ползунка идут до 10, поэтому самая крупная сетка — 10 на 10, то есть 100 частей. Такой предел существует потому, что каждая часть кодируется отдельно в браузере, и объём работы растёт вместе с числом частей. Крупное исходное изображение, разрезанное на 100 частей в PNG, занимает заметное время и немало памяти, особенно на телефоне. Если крупное разделение выполняется медленно, вывод в JPG кодируется быстрее и даёт значительно меньшие файлы.
Нет. Изображение декодируется, разрезается и кодируется полностью в вашем браузере через canvas API, поэтому данные никогда не покидают ваше устройство. Отсюда два следствия: личные фото и конфиденциальные материалы остаются приватными без необходимости кому-то доверять, а ограничение на размер файла определяется памятью вашего устройства, а не лимитом загрузки. После загрузки страницы инструмент продолжает работать без подключения к сети.
Публикуйте в обратном порядке: начните с нижней правой части и закончите верхней левой. Instagram размещает ваш новый пост в верхнем левом углу сетки профиля и сдвигает более старые вниз и вправо, поэтому загрузка в порядке чтения соберёт картинку задом наперёд. Двигаясь от r3_c3 к r1_c1, вы получите собранное изображение в правильном виде. Публикуйте все девять частей за один присест, иначе неполная сетка будет висеть в профиле, пока вы не закончите.

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

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

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

Уменьшить размер

Изменить Размер

Изменить размеры

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

Вырезать область

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

Изменить формат

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

Редактировать фото

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

Повернуть

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

По горизонтали/вертикали

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

Водяной знак

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

Добавить рамку изображения

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

Добавить закругленные углы

Фильтры

Яркость/Контраст

Размыть Лицо

Скрыть лица

Мозаика

Размыть области

Удалить Фон

Удалить фон

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

ИИ апскейл

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

Добавить текст на изображение

Коллаж

Объединить несколько изображений

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

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

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

Извлечь кадры

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

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

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

Безопасное массовое переименование файлов

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

Обрезка изображений в круг

Чёрно-белое

Конвертация изображений в оттенки серого

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

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

Изменить DPI

Установить метаданные DPI изображения

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

Кодирование изображений в Base64

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

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

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

Конвертируйте фото iPhone из HEIC в JPG

Удаление EXIF

Просмотр и удаление скрытых метаданных фото, включая геолокацию GPS

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

Полный набор иконок и HTML-код

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

Извлечь цвета из изображения

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

Декодировать Base64 обратно в изображение

HEIC в PNG

Конвертировать фото HEIC с iPhone в PNG без потерь

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

Разместите текст позади объекта на фото прямо в браузере

Пипетка

Узнать HEX, RGB и HSL любого пикселя

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

Нарисуйте подпись и скачайте её прозрачным PNG

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

Чернила с бумаги на прозрачном фоне

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

Сделать фон прозрачным