@@ -152,12 +152,9 @@ Widths/formats can be applied to a particular image. From your `.svelte` file:
152152```
153153
154154> [ !IMPORTANT]
155- > Order of ` format ` is important - the _ last_ format is used as the fallback image.
155+ > Order of ` format ` matters - the _ last_ format is used as the fallback image.
156156
157- If only ** one** variant is generated, the ` <picture> ` tag ** won't** be rendered since it's
158- redundant.
159-
160- So:
157+ If only ** one** variant is generated, only the ` <img> ` tag is rendered, so:
161158
162159<!-- prettier-ignore -->
163160``` html
@@ -186,13 +183,13 @@ Renders into:
186183
187184### Change LQIP width
188185
189- LQIP is controlled by the ` run ` directive param . Using ` ?as=run ` defaults to ` 16px ` LQIP -
190- functionally equivalent to ` ?as=run:16 ` . Increase for a higher quality LQIP (eg. ` ?as=run:32 ` for
191- ` 32px ` LQIP) at the expense of a larger inline ` base64 ` (larger HTML size).
186+ The ` run ` directive takes an optional parameter that sets the LQIP's width . Using ` ?as=run ` defaults
187+ to ` 16px ` LQIP - functionally equivalent to ` ?as=run:16 ` . Increase for a higher quality LQIP (eg.
188+ ` ?as=run:32 ` for ` 32px ` LQIP) at the expense of a larger inline ` base64 ` (larger HTML size).
192189
193190To disable LQIP, set ` ?as=run:0 ` .
194191
195- For a dominant single-colour background, set ` ?as=run:1 ` , like so:
192+ For a dominant single-colour background, set ` ?as=run:1 ` , so:
196193
197194<!-- prettier-ignore -->
198195``` html
@@ -234,8 +231,8 @@ of transformation directives offered by
234231
235232### Art direction
236233
237- Use the ` sizes ` attribute to define a set of media conditions to hint which image size to select
238- when those conditions are true. Read up more on the
234+ Use the ` sizes ` attribute to define a set of media conditions that provides hints as to which image
235+ size should be selected when those conditions are true. Read up more on the
239236[ art direction problem] ( https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images ) .
240237
241238<!-- prettier-ignore -->
0 commit comments