homepage image webp

2025-12-19 04:47:44 +00:00 · 2022-05-15 09:27:55 -07:00
parent 79a1a918fb
commit efd34b9088
7 changed files with 424 additions and 11 deletions
--- a/pages/index.js
+++ b/pages/index.js
@@ -10,7 +10,14 @@ function Tech({data}) {
  return (
    <section className="tech wrap">
      <div className="tech__image">
-        <img src={data.image.src} width={data.image.width} height={data.image.height} alt={data.image.alt} />
+        <img
+          src={data.image.src}
+          srcSet={`${data.image.src} 1280w, ${data.image.src2} 640w`}
+          sizes="(max-width: 640px) 640px, 1280px"
+          width={data.image.width}
+          height={data.image.height}
+          alt={data.image.alt}
+        />
      </div>
      <ul className="tech__notes">
        {data.notes.map((note) => {