Tillbaka till dokumentationen
Bild
En bild med inbyggda optimeringsmöjligheter.
Information
Plan: Personal
Egenskaper
| Egenskap | Typ | Standard |
|---|---|---|
| Länk | "/images/logo.webp" | |
| Alternativ text | textsträng | |
| Bredd | textsträng | "100%" |
| Minsta bredd | textsträng | "auto" |
| Största bredd | textsträng | "100%" |
| Höjd | textsträng | "auto" |
| Minsta höjd | textsträng | "auto" |
| Största höjd | textsträng | "100%" |
| Flexbox-växbarhet | textsträng | "1" |
| Fylla | boolesk | false |
| Justera sig själv längs tväraxeln | uppräkning<textsträng> | "auto" |
| Justera sig själv längs huvudaxeln | uppräkning<textsträng> | "auto" |
| Position | uppräkning<textsträng> | "relative" |
| Topp | textsträng | "auto" |
| Höger | textsträng | "auto" |
| Botten | textsträng | "auto" |
| Vänster | textsträng | "auto" |
| Z-index | textsträng | "auto" |
| Bildförhållande | uppräkning<textsträng> | "auto" |
| Anpassa innehåll | textsträng | "contain" |
| Positionera innehåll | uppräkning<textsträng> | "center" |
| Bakgrundsfärg | textsträng | "var(--ophixor-semantic-surface-base-secondary)" |
| Markör | textsträng | "auto" |
| Opacitet | textsträng | "1" |
| Bårdfärg | textsträng | "var(--ophixor-semantic-border-secondary)" |
| Bårdbredd | textsträng | "5px" |
| Bårdradie | textsträng | "6px" |
| Boxskugga | textsträng | "var(--ophixor-semantic-shadow-medium)" |
| Responsive sizes | textsträng | "100vw" |
| Image quality | nummer | 75 |
| High priority (LCP) | boolesk | false |
| Laddningsbeteende | uppräkning<textsträng> | "lazy" |
| Fetch priority | uppräkning<textsträng> | "auto" |
| Decoding | uppräkning<textsträng> | "async" |
| Placeholder | uppräkning<textsträng> | "empty" |
| Blur data URL | textsträng | "" |
| Referrer policy | textsträng | "no-referrer" |
| Disable optimization | boolesk | false |
| Är synlig | boolesk | true |
| Selektorer | lista | [] |