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 }).
| Parametr | Wartości |
|---|---|
width, height | 1–2500 px |
resize | cover (przycina), contain (mieści), fill (rozciąga) |
quality | 20–100 (domyślnie 80) |
format | domyś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.