Products

Transformacje obrazów

Skalowanie, kadrowanie i WebP/AVIF w locie dla plików w Storage — zgodne z Supabase.

This page is available in Polish only for now. The commands, code and API calls below are the same in every language — an English translation is on its way. Open the Polish page

Add-on Transformacje obrazów (Ustawienia → Add-ony albo Storage → Transformacje obrazów) uruchamia imgproxy w stosie projektu i włącza endpoint /storage/v1/render/image — ten sam, którego używa Supabase. Dostępny we wszystkich planach.

Użycie

const { data } = supabase.storage
  .from("avatars")
  .getPublicUrl("jan/profil.jpg", {
    transform: { width: 200, height: 200, resize: "cover", quality: 80 },
  });

Albo bezpośrednio: https://abcdefghijklmnopqrst.host.ulewicz.space/storage/v1/render/image/public/avatars/jan/profil.jpg?width=200&height=200&resize=cover. Prywatne buckety: createSignedUrl(path, 60, { transform }).

ParametrWartości
width, height1–2500 px
resizecover (przycina), contain (mieści), fill (rozciąga)
quality20–100 (domyślnie 80)
formatdomyślnie WebP/AVIF wg nagłówka Accept; origin zachowuje format

Plac zabaw w panelu buduje URL z podglądem na żywo dla wybranego obrazu z publicznego bucketu.