Skip to content

Commit

Permalink
chore: change README img urls
Browse files Browse the repository at this point in the history
  • Loading branch information
gioboa committed Nov 19, 2024
1 parent 02a978e commit 326eb41
Showing 1 changed file with 6 additions and 6 deletions.
12 changes: 6 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<p align="center">
<br/>
<img width="300" src="./assets/qwik-image-logo.png" alt="The goal is a component to support performant images on the web and automatic image optimization.
<img width="300" src="https://github.com/QwikDev/qwik-image/blob/main/assets/qwik-image-logo.png?raw=true" alt="The goal is a component to support performant images on the web and automatic image optimization.
That will be built as a pluggable component so devs could connect different image loaders to it (like Cloudinary, or builder)">
<br/>
<br/>
Expand Down Expand Up @@ -29,7 +29,7 @@ That will be built as a pluggable component so devs could connect different imag

## Showcase ( network Slow 3G 🤯 )

![qwik-image-showcase](./assets/qwik-image-showcase.gif)
![qwik-image-showcase](https://github.com/QwikDev/qwik-image/blob/main/assets/qwik-image-showcase.gif?raw=true)

## Installation

Expand Down Expand Up @@ -104,16 +104,16 @@ default: `transparent`

#### `background: 'rgba(37,99,235,1)';`

<img width="320" alt="placeholder-1" src="./assets/placeholder-1.png">
<img width="320" alt="placeholder-1" src="https://github.com/QwikDev/qwik-image/blob/main/assets/placeholder-1.png?raw=true">

#### `background: 'linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(166,206,247,1) 0%, rgba(37,99,235,1) 83%);';`

<img width="320" alt="placeholder-2" src="./assets/placeholder-2.png">
<img width="320" alt="placeholder-2" src="https://github.com/QwikDev/qwik-image/blob/main/assets/placeholder-2.png?raw=true">

#### `background: 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNUTX59BgAEaQJBWyqr7QAAAABJRU5ErkJggg==")';`

<img width="320" alt="placeholder-3" src="./assets/placeholder-3.png">
<img width="320" alt="placeholder-3" src="https://github.com/QwikDev/qwik-image/blob/main/assets/placeholder-3.png?raw=true">

#### `background: 'url("/public/placeholder.jpg") no-repeat center / cover';`

<img width="320" alt="placeholder-4" src="./assets/placeholder-4.png">
<img width="320" alt="placeholder-4" src="https://github.com/QwikDev/qwik-image/blob/main/assets/placeholder-4.png?raw=true">

0 comments on commit 326eb41

Please sign in to comment.