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

Add image files — или перетащите их сюда
JPG PNG WEBP HEIC

Об этом инструменте добавления рамки

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

Рамка добавляется расширением холста, а не обрезкой, поэтому ничего из вашего изображения не теряется. Рамка в 16 пикселей на фотографии 1000 × 800 даёт файл 1032 × 832 с нетронутым оригиналом в центре.

Рамка рисуется локально в браузере. Изображения не загружаются для обрамления.

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

  1. Добавьте изображения. Одно или пакет; все получают одинаковую рамку.
  2. Выберите цвет. Палитра принимает любое значение. Белый — для галерейного паспарту, чёрный — для кинематографичной рамки, фирменный цвет — для единообразной группы.
  3. Выберите толщину. 8, 16, 32 или 64 пикселя. Оценивайте её относительно размера изображения; рекомендации ниже.
  4. Примените и скачайте. Одно изображение скачивается напрямую; пакет приходит в ZIP.

Выбор толщины по размеру

Ширина изображенияРекомендуемая рамкаЭффект
Меньше 600 px8 pxЧистая рамка, не съедающая кадр
800–1200 px16 pxХорошо заметна, но сдержанна
1500–2500 px32 pxПропорционально похоже на 16 px в файле поменьше
Больше 3000 px64 pxЕдинственная толщина, читающаяся как рамка в таком масштабе

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

Работающие цветовые решения

Белый стоит по умолчанию не зря: он имитирует галерейное паспарту, отделяет изображение почти от любого фона и никогда не конкурирует с содержимым. Чёрный хорошо обрамляет светлые снимки и придаёт фотографиям кинематографичный вес, хотя исчезает на тёмной странице.

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

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

Обрезает ли рамка моё изображение?

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

Можно задать произвольную толщину?

Доступны 8, 16, 32 и 64 пикселя. Для другой толщины примените рамку дважды: 32 и затем 32 дают 64, а при разных цветах получается двойная рамка.

Можно использовать цвет, отличный от белого и чёрного?

Да. Палитра принимает любое значение, поэтому фирменные цвета и произвольные оттенки работают.

Будет ли рамка выглядеть одинаково на всех изображениях?

Только если они одного размера. Толщина задаётся в абсолютных пикселях, поэтому 16 px заметны на изображении 600 px и почти невидимы на 4000 px. Для единообразной группы сначала приведите их к общей ширине.

Сохраняется ли прозрачность?

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

Загружаются ли изображения?

Нет. Холст расширяется и закрашивается в браузере.

Похожие инструменты