Любимые места любимого города
Главная
Добавить в предпочтительные источники Google

Создать фотоколлаж

Создайте коллаж из локальных фотографий: измените их порядок, выберите способ размещения, задайте размеры и расстояния, затем сохраните PNG или JPEG.

Расположите фотографии в сетке и скачайте PNG или JPEG.

Фотографии и сетка

Перетащите фотографии сюда или выберите файлы.

Добавьте 2–12 поддерживаемых файлов JPEG или PNG размером до 12 МиБ каждый.

Сетка

64–4096 пкс на сторону; всего не более 12 миллионов пикселей.

64–4096 пкс на сторону; всего не более 12 миллионов пикселей.

0–256 пкс.

0–256 пкс.

Введите цвет из шести шестнадцатеричных цифр.

Подсказка кодировщику браузера, не гарантия размера.

Предпросмотр и скачивание

Добавьте не менее двух фотографий.

Фотографии обрабатываются в браузере. Этот инструмент не загружает фотографии или проект.

Как создать и скачать коллаж

  1. Добавьте от 2 до 12 поддерживаемых фотографий JPEG или PNG. В списке можно менять порядок, заменять и удалять фотографии; отклонённые файлы указываются отдельно.
  2. Задайте ширину, высоту, количество столбцов, промежуток и внешнее поле. Выберите для каждой фотографии заполнение с обрезкой или размещение целиком, а также её положение.
  3. Выберите PNG или JPEG, проверьте уменьшенный предпросмотр и создайте коллаж. Скачивание станет доступно после проверки формата и размеров файла; изменение настроек убирает прежний результат.

Ячейки, обрезка и фон

Фотографии размещаются по порядку слева направо и сверху вниз. Каждая используется один раз; пустые ячейки последнего ряда сохраняют фон и не растягиваются.

Заполнение покрывает ячейку и обрезает лишнее. Размещение целиком показывает всю фотографию, но может оставить полосы фона. Положение задаёт область обрезки или расположение внутри ячейки.

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

В прозрачном PNG незаполненные области остаются прозрачными. Для непрозрачного PNG и JPEG используется выбранный цвет фона; шахматная подложка предпросмотра не сохраняется.

Примеры сетки и размещения

Пять фотографий в изображении 1007×673 пикселя, три столбца, поле 13 и промежуток 7 пикселей дают два ряда. Ширина столбцов — 323, 322 и 322 пикселя, высота рядов — по 320; последняя ячейка пуста.

При заполнении ячейки 323×320 из фотографии 1200×800 используется область 807,5×800 исходных пикселей. При положении 75% она начинается на расстоянии 294,375 пикселя слева.

Фотография 800×400 целиком занимает в той же ячейке 323×161,5 пикселя. При вертикальном положении 25% сверху остаётся 39,625 пикселя фона, снизу — 118,875.

Поддерживаемые файлы и ограничения

Поддерживаются статические JPEG и PNG: до 12 МиБ и 16 миллионов пикселей на файл, сторона не более 8192 пикселей. Общий предел — 48 МиБ и 64 миллиона пикселей. GIF, WebP, APNG, HEIC, SVG и HDR не поддерживаются.

Допускаются изображения без профиля с предположением sRGB и ограниченное подмножество SDR-профилей sRGB или Display P3. Неподдерживаемые и противоречивые цветовые данные отклоняются. Результат — 8-битный sRGB; цвета широкого охвата могут измениться, исходные профили, Exif и DPI не сохраняются.

Размер каждой стороны результата — от 64 до 4096 пикселей, площадь — не более 12 миллионов пикселей, файл — не более 64 МиБ. Декодирование или сохранение может не удаться даже в этих пределах. Предпросмотр уменьшен, экспорт использует оригиналы.

JPEG непрозрачен и использует сжатие с потерями; качество передаётся браузеру как подсказка и не гарантирует размер файла. Свободное размещение, текст, стикеры, удалённые изображения, фильтры и история проектов не предусмотрены.

Локальные фотографии без сохранения проекта

Инструмент обрабатывает фотографии в браузере и не добавляет загрузку фотографий, историю, ссылку с входными данными или телеметрию фотографий. Очистите форму или закройте страницу для освобождения ресурсов. Смена языка на открытой странице сохраняет работу; новый документ начинается пустым. Существующие сервисы сайта и расширения браузера находятся вне этого обещания.

Вопросы о фотоколлажах

Заполнение покрывает всю ячейку с возможной обрезкой. Размещение целиком показывает всю фотографию и может оставить полосы фона; положение управляет обрезкой или сдвигом.

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

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

Да, в PNG. Промежутки, поля, пустые ячейки и полосы могут быть прозрачными. JPEG всегда использует непрозрачный цвет фона.

Нет. Это подсказка кодировщику браузера; результат зависит от браузера и содержимого фотографии.

Проверяются байты, размеры, структура и цветовые данные, а не только имя. Анимированные, повреждённые и неподдерживаемые изображения отклоняются.

При успешной замене место в списке сохраняется, а размещение сбрасывается на заполнение по центру. При ошибке остаётся старая фотография с её настройками.

Инструмент не добавляет загрузку или хранение проекта. Скачать можно только созданное изображение; очистка или новый документ удаляет рабочий коллаж.

Источники

Эти материалы описывают форматы и API браузера. Инструмент принимает более узкий набор изображений.

Проверено 13 ноября 2026 г.; стандарты не гарантируют поведение браузера.

SVG в PNG

Преобразуйте SVG-файл или вставленный код в PNG: задайте размер, прозрачный фон или цвет и используйте встроенные шрифты.

Открыть инструмент — SVG в PNG

Генератор CSS-фильтров

Настройте порядок эффектов, сравните образец и скопируйте объявление filter.

Открыть инструмент — Генератор CSS-фильтров

Калькулятор плавного размера шрифта

Задайте размеры шрифта для двух значений ширины окна. Скопируйте CSS с единицами rem и изучите модель, рассчитанную по тем же коэффициентам, что и в коде.

Открыть инструмент — Калькулятор плавного размера шрифта

Генератор CSS-кнопок

Настройте состояния кнопки, проверьте фокус клавиатуры и скопируйте HTML и CSS.

Открыть инструмент — Генератор CSS-кнопок

Генератор CSS border-radius

Настройте восемь радиусов, посмотрите результат и скопируйте CSS в пикселях или процентах.

Открыть инструмент — Генератор CSS border-radius

Генератор CSS Grid

Создайте пример CSS Grid с дорожками, размещением и именованными областями. Просматривайте, копируйте CSS и HTML или скачивайте полный пример.

Открыть инструмент — Генератор CSS Grid

Генератор CSS Flexbox

Создайте пример Flexbox с элементами управления контейнером и элементами, явными осями макета, соответствующими CSS и HTML, а также локальной загрузкой полного примера.

Открыть инструмент — Генератор CSS Flexbox

Генератор CSS-тени текста

Создавайте упорядоченные тени текста, просматривайте пример и копируйте точный CSS.

Открыть инструмент — Генератор CSS-тени текста

Генератор преобразований CSS

Создавайте повторяемые двумерные преобразования CSS, редактируйте px или процентный перевод и начало координат, проверяйте поле ссылки и копируйте точные текущие объявления.

Открыть инструмент — Генератор преобразований CSS

Генератор теней CSS

Создавайте упорядоченные слои box-shadow с предпросмотром и копируйте код.

Открыть инструмент — Генератор теней CSS

Водяной знак на изображениях

Добавьте текст или логотип к изображениям, проверьте результаты и скачайте отдельные файлы или ZIP.

Открыть инструмент — Водяной знак на изображениях

Генератор CSS-градиентов

Создавайте линейные и радиальные градиенты с цветами, непрозрачностью и позициями.

Открыть инструмент — Генератор CSS-градиентов

Конвертер цветов

Преобразуйте поддерживаемые значения sRGB HEX, RGB и HSL с альфа-каналом и указанной точностью.

Открыть инструмент — Конвертер цветов

Изображение в текст (OCR)

Распознавайте печатный текст на локальных PNG и JPEG, выбирайте язык и проверяйте результат перед копированием или скачиванием.

Открыть инструмент — Изображение в текст (OCR)

Чтение QR-кода из изображения

Прочитайте один QR-код из локального PNG или JPEG и проверьте текст или байты, не открывая ссылки.

Открыть инструмент — Чтение QR-кода из изображения

Проверка контрастности цветов

Сравните цвета переднего плана и фона, настройте непрозрачность и проверьте числовые пороги контрастности WCAG для текста и важных деталей интерфейса.

Открыть инструмент — Проверка контрастности цветов

Калькулятор размера печати и разрешения

Рассчитайте размер отпечатка, нужное число пикселей и фактическое PPI с полями или обрезкой.

Открыть инструмент — Калькулятор размера печати и разрешения

Калькулятор соотношения сторон

Найдите соотношение ширины и высоты или рассчитайте новый размер в пикселях по одной заданной стороне.

Открыть инструмент — Калькулятор соотношения сторон

Сжатие изображений

Попробуйте уложить JPEG, PNG или WebP в заданный размер файла: проверьте результат и при желании уменьшите размеры изображения.

Открыть инструмент — Сжатие изображений

HEIC в JPG

Преобразуйте поддерживаемые HEIC-фото в полноразмерные JPG в браузере. Настройте качество и фон, скачайте проверенные файлы по отдельности или в ZIP.

Открыть инструмент — HEIC в JPG

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

Конвертируйте поддерживаемые PNG, JPEG и WebP локально, настройте прозрачность, фон и качество и скачайте проверенные результаты.

Открыть инструмент — Конвертер изображений

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

Поверните или отразите набор локальных статичных PNG, JPEG и WebP, затем проверьте и скачайте обработанные изображения.

Открыть инструмент — Поворот и отражение изображений

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

Обрежьте локальный JPEG, PNG или WebP с точностью до пикселя и скачайте результат в PNG или JPEG.

Открыть инструмент — Обрезать изображение

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

Измените размер JPG, PNG или WebP в пикселях или процентах, проверьте результат и скачайте его.

Открыть инструмент — Изменить размер изображения
Все инструменты этой категории