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

Как добавить рамку

1. 1

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

   JPG, PNG или WebP, до 100 файлов за раз. Фото с телефона сначала разворачиваются как надо, чтобы рамка легла по правильным сторонам.

2. 2

   Выберите стиль и цвет

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

3. 3

   Нажмите «Добавить рамку» и скачайте

   Один файл возвращается сам по себе, несколько приходят в архиве pulsarkit-bordered.zip.

Увеличить холст или сохранить исходный размер

Рамку можно добавить двумя способами, и они нужны для разных задач. Увеличение холста сохраняет каждый пиксел фото и делает файл крупнее: изображение 2647 на 1489 с рамкой 20 пикс превращается в 2687 на 1529. Это удобно для печати или когда рамка не должна залезать на композицию. Сохранение исходного размера уменьшает фото и рисует рамку в освобожденном пространстве, так что размеры файла остаются теми же. Это важно, когда площадка требует точный размер в пикселях: квадрат 1080 на 1080 для поста в ленте или фиксированное место под баннер. Файл большего размера при загрузке туда будет обрезан заново. Переключатель называется «Увеличить холст» и по умолчанию включен.

Что именно рисует каждый стиль

Сплошная рамка заливает полосу выбранным цветом по краям кадра, по желанию с закругленными внешними углами. Стиль «Закругленная» маскирует весь результат под прямоугольник с закругленными углами, поэтому углы становятся прозрачными, а не белыми. «Двойная» рисует две линии по трети заданной толщины каждая, с контрастным просветом между ними, как двойное паспарту в багете. Тень кладет фото на прозрачный холст и рисует под ним размытую черную копию, смещенную вниз и вправо. Размытие считается трехпроходным box blur, а не свойством тени холста: оно дает заметно разный радиус в Chrome и в Safari. Стиль «Полароид» повторяет пропорции настоящего снимка: отступы по бокам и сверху по шесть процентов от ширины кадра, нижний отступ восемнадцать процентов и необязательная подпись в этом нижнем поле на высоте сорока процентов от его высоты. «Кинопленка» добавляет черные полосы сверху и снизу высотой по двенадцать процентов от высоты кадра. В каждой полосе идет ряд закругленных перфораций шириной четыре процента от ширины кадра и шагом восемь процентов, то есть по двенадцать отверстий на полосу у стандартного горизонтального фото.

Когда результат сохраняется как PNG

Закругленные углы и тени требуют прозрачности, а JPEG не может хранить альфа-канал. Если сохранить такой результат как JPEG, все прозрачные пиксели заполнятся черным, и аккуратная закругленная рамка превратится в фото с четырьмя черными треугольниками по углам. Поэтому когда в готовом холсте есть прозрачность, файл записывается как PNG, и на карточке результата это указано. Решение принимается по фактическим пикселям, а не по названию стиля: сплошная рамка с радиусом углов тоже создает прозрачность и обрабатывается так же.

Частые вопросы