Skip to content

Commit bfe6ce8

Browse files
committed
Prep for patch
1 parent 6bee07b commit bfe6ce8

File tree

3 files changed

+19
-24
lines changed

3 files changed

+19
-24
lines changed

README.md

Lines changed: 8 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -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

193190
To 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 -->

package-lock.json

Lines changed: 9 additions & 11 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@zerodevx/svelte-img",
3-
"version": "2.0.0",
3+
"version": "2.0.1",
44
"description": "High-performance responsive/progressive images for SvelteKit",
55
"author": "Jason Lee <[email protected]>",
66
"scripts": {
@@ -39,7 +39,7 @@
3939
"postcss-load-config": "^4.0.1",
4040
"prettier": "^3.0.1",
4141
"prettier-plugin-svelte": "^3.0.3",
42-
"prettier-plugin-tailwindcss": "^0.4.1",
42+
"prettier-plugin-tailwindcss": "^0.5.1",
4343
"svelte": "^4.1.2",
4444
"svelte-check": "^3.4.6",
4545
"tailwindcss": "^3.3.3",

0 commit comments

Comments
 (0)