Sari la conținutul principal
Înapoi la proiecte

Squarefy

Completează imaginile de produs până la un pătrat curat

Rolul meu
L-am construit: server Node.js cu Sharp și o interfață în browser.
Stare
Unealtă internă · 2024
Cod sursă
Codul sursă este privat
Tehnologii
  • Node.js
  • Sharp
  • Localhost UI

Ce este

Un mic instrument local care completează imaginile de produs nepătrate (de exemplu 480×600) până la pătrate (600×600) cu o culoare de fundal aleasă, astfel încât grilele catalogului arată uniform.

Problema

Imaginile de la furnizori vin în proporții diferite; grilele de produse au nevoie de un format pătrat uniform, iar ajustarea manuală a fiecărei imagini este lentă.

Ce am construit

Un server Node.js care folosește Sharp, cu o mică interfață în browser: tragi imaginile, alegi culoarea de fundal și dimensiunea minimă, descarci rezultatele pe rând sau ca ZIP.

Pagina principală Squareify — zonă de drag-and-drop pentru a completa orice imagine până la un pătrat perfect, cu setări pentru culoarea de fundal și dimensiunea minimă
Pagina principală Squareify — zonă de drag-and-drop pentru a completa orice imagine până la un pătrat perfect, cu setări pentru culoarea de fundal și dimensiunea minimă 1 / 4

Rezultat

  • Imagini pătrate uniforme, în loturi, fără un editor de imagini.