64a1d712ef
* fix: return the original file in dev if no image transforms were used * chore: add changeset
30 lines
1.3 KiB
Text
30 lines
1.3 KiB
Text
---
|
|
import socialJpg from '../assets/social.jpg';
|
|
import introJpg from '../assets/blog/introducing astro.jpg';
|
|
import { Image } from '@astrojs/image/components';
|
|
---
|
|
|
|
<html>
|
|
<head>
|
|
<!-- Head Stuff -->
|
|
</head>
|
|
<body>
|
|
<Image id="hero" src="/hero.jpg" width={768} height={414} format="webp" alt="hero" />
|
|
<br />
|
|
<Image id="spaces" src={introJpg} width={768} height={414} format="webp" alt="spaces" />
|
|
<br />
|
|
<Image id="social-jpg" src={socialJpg} width={506} height={253} alt="social-jpg" />
|
|
<br />
|
|
<Image id="no-transforms" src={socialJpg} alt="no-transforms" />
|
|
<br />
|
|
<Image id="google" src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" width={544} height={184} format="webp" alt="Google" />
|
|
<br />
|
|
<Image id="inline" src={import('../assets/social.jpg')} width={506} alt="inline" />
|
|
<br />
|
|
<Image id="query" src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png?token=abc" width={544} height={184} format="webp" alt="query" />
|
|
<br />
|
|
<Image id="bg-color" src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" width={544} height={184} format="jpeg" alt="Google" background="#333333" />
|
|
<br />
|
|
<Image id="ipsum" src="https://dummyimage.com/200x300" width={200} height={300} alt="ipsum" format="jpeg" />
|
|
</body>
|
|
</html>
|