diff --git a/src/assets/compressed-images/background.avif b/src/assets/optimized/background.avif similarity index 100% rename from src/assets/compressed-images/background.avif rename to src/assets/optimized/background.avif diff --git a/src/assets/compressed-images/background.webp b/src/assets/optimized/background.webp similarity index 100% rename from src/assets/compressed-images/background.webp rename to src/assets/optimized/background.webp diff --git a/src/assets/compressed-images/fwt.avif b/src/assets/optimized/fwt.avif similarity index 100% rename from src/assets/compressed-images/fwt.avif rename to src/assets/optimized/fwt.avif diff --git a/src/assets/compressed-images/fwt.webp b/src/assets/optimized/fwt.webp similarity index 100% rename from src/assets/compressed-images/fwt.webp rename to src/assets/optimized/fwt.webp diff --git a/src/assets/compressed-images/sample.avif b/src/assets/optimized/sample.avif similarity index 100% rename from src/assets/compressed-images/sample.avif rename to src/assets/optimized/sample.avif diff --git a/src/assets/compressed-images/sample.webp b/src/assets/optimized/sample.webp similarity index 100% rename from src/assets/compressed-images/sample.webp rename to src/assets/optimized/sample.webp diff --git a/src/templates/Image/Image.tsx b/src/templates/Image/Image.tsx index 46e9acd..b59fb2a 100644 --- a/src/templates/Image/Image.tsx +++ b/src/templates/Image/Image.tsx @@ -9,8 +9,8 @@ interface Props { } const convertImage = async (props: Props) => { - const webpOutputPath = `src/assets/compressed-images/${props.src.split('.').slice(0, -1).join('.')}.webp` - const avifOutputPath = `src/assets/compressed-images/${props.src.split('.').slice(0, -1).join('.')}.avif` + const webpOutputPath = `src/assets/optimized/${props.src.split('.').slice(0, -1).join('.')}.webp` + const avifOutputPath = `src/assets/optimized/${props.src.split('.').slice(0, -1).join('.')}.avif` if (!fs.existsSync(webpOutputPath) || !fs.existsSync(avifOutputPath)) { const webpBuffer = await sharp(`src/assets/images/${props.src}`).webp({ quality: 75 }).resize(props.size).toBuffer() @@ -22,7 +22,7 @@ const convertImage = async (props: Props) => { } export default (props: Props) => { - let [imageSrc] = createSignal(`src/assets/compressed-images/${props.src.split('.').slice(0, -1).join('.')}.webp`) + let [imageSrc] = createSignal(`src/assets/optimized/${props.src.split('.').slice(0, -1).join('.')}.webp`) convertImage(props) return (