search

astronomy-club-at-nitic / nitic-astronomy

The website of Astronomy Club at NITIC.
https://nitic-astronomy-website.vercel.app
MIT License
2 stars 0 forks source link

リモートでホストされている画像もぼかしプレースホルダー表示ができるようにした。 #195

Open ReoHakase opened 1 year ago

ReoHakase commented 1 year ago

dataURIで埋め込まないとそこまでの効果がないかも

image 
<img alt="カバー" fetchpriority="high" decoding="async" data-nimg="fill" class="relative object-cover" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;" sizes="100vw" srcset="/_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2Fd75b4ca57e1d45c5a21a9a8baf25d56a%2Fba5fb1868ce74bf98e20428181810343%2Felevate-nYgy58eb9aw-unsplash.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2Fd75b4ca57e1d45c5a21a9a8baf25d56a%2Fba5fb1868ce74bf98e20428181810343%2Felevate-nYgy58eb9aw-unsplash.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2Fd75b4ca57e1d45c5a21a9a8baf25d56a%2Fba5fb1868ce74bf98e20428181810343%2Felevate-nYgy58eb9aw-unsplash.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2Fd75b4ca57e1d45c5a21a9a8baf25d56a%2Fba5fb1868ce74bf98e20428181810343%2Felevate-nYgy58eb9aw-unsplash.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2Fd75b4ca57e1d45c5a21a9a8baf25d56a%2Fba5fb1868ce74bf98e20428181810343%2Felevate-nYgy58eb9aw-unsplash.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2Fd75b4ca57e1d45c5a21a9a8baf25d56a%2Fba5fb1868ce74bf98e20428181810343%2Felevate-nYgy58eb9aw-unsplash.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2Fd75b4ca57e1d45c5a21a9a8baf25d56a%2Fba5fb1868ce74bf98e20428181810343%2Felevate-nYgy58eb9aw-unsplash.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2Fd75b4ca57e1d45c5a21a9a8baf25d56a%2Fba5fb1868ce74bf98e20428181810343%2Felevate-nYgy58eb9aw-unsplash.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2Fd75b4ca57e1d45c5a21a9a8baf25d56a%2Fba5fb1868ce74bf98e20428181810343%2Felevate-nYgy58eb9aw-unsplash.jpg&amp;w=3840&amp;q=75">
vercel[bot] commented 1 year ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
nitic-astronomy-website ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 30, 2023 2:37am