Перейти к основному содержанию
Назад к проектам

Squarefy

Дополняет изображения товаров до аккуратного квадрата

Моя роль
Создал его: сервер на Node.js с Sharp и интерфейс в браузере.
Статус
Внутренний инструмент · 2024
Исходный код
Исходный код закрыт
Стек
  • Node.js
  • Sharp
  • Localhost UI

Что это

Небольшой локальный инструмент, который дополняет неквадратные изображения товаров (например, 480×600) до квадратных (600×600) фоном выбранного цвета, чтобы сетки каталога выглядели единообразно.

Задача

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

Что я сделал

Сервер на Node.js с Sharp и небольшим браузерным интерфейсом: перетащите изображения, выберите цвет фона и минимальный размер, скачайте результаты по одному или одним ZIP-архивом.

Главный экран Squareify — зона перетаскивания, чтобы дополнить любое изображение до идеального квадрата, с настройками цвета фона и минимального размера
Главный экран Squareify — зона перетаскивания, чтобы дополнить любое изображение до идеального квадрата, с настройками цвета фона и минимального размера 1 / 4

Результат

  • Единообразные квадратные изображения пакетами, без графического редактора.