Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

封面图优化管理建议 #24

Open
huyikai opened this issue Mar 30, 2024 · 7 comments
Open

封面图优化管理建议 #24

huyikai opened this issue Mar 30, 2024 · 7 comments

Comments

@huyikai
Copy link
Contributor

huyikai commented Mar 30, 2024

截止目前看到目录中只有 8 个封面图符合 800*450 尺寸规范。而且都没有压缩。之后 case 较多后难免会带来体验问题。或许可以考虑增加图片压缩的脚本、 ci 检查图片尺寸。

@Liumingxun
Copy link
Contributor

Astro will optimize that image, won't it?

@liruifengv
Copy link
Owner

嗯嗯。刚开始比较匆忙,我抄的 Starlight 的 Showcase。
图片尺寸需要统一,Astro 会把图片转换成webp并压缩,但是仓库的体积会越大越大,clone 会变慢,
慢慢商讨找一种比较合适的管理方式

@huyikai
Copy link
Contributor Author

huyikai commented Apr 1, 2024

Astro will optimize that image, won't it?

sorry, my fault 🤔

@hu-qi
Copy link
Contributor

hu-qi commented Apr 21, 2024

嗯嗯。刚开始比较匆忙,我抄的 Starlight 的 Showcase。 图片尺寸需要统一,Astro 会把图片转换成webp并压缩,但是仓库的体积会越大越大,clone 会变慢, 慢慢商讨找一种比较合适的管理方式

希望考虑支持 gif ,主要是发现有些网站做了动效。

@godruoyi
Copy link
Contributor

我们其实不用关心用户提供的图片不满足统一的尺寸需求,因为我们用到了 Image Compontent,Image 组件在 Build 时 Astro 会自定帮我们做一次图片压缩,如下面的这些图片直接被压缩为 10k 左右了:
CleanShot 2024-05-15 at 17 35 42@2x

当然我们可以使用最近更优秀的图片格式 avif 如:

<Image
    src={src}
    alt={title}
    format="avif"
    loading="lazy"
/>

@liruifengv
Copy link
Owner

我们其实不用关心用户提供的图片不满足统一的尺寸需求,因为我们用到了 Image Compontent,Image 组件在 Build 时 Astro 会自定帮我们做一次图片压缩,如下面的这些图片直接被压缩为 10k 左右了:

CleanShot 2024-05-15 at 17 35 42@2x

当然我们可以使用最近更优秀的图片格式 avif 如:


<Image

    src={src}

    alt={title}

    format="avif"

    loading="lazy"

/>

要求图片尺寸还有一个原因是仓库体积,图片越来越多,仓库会变得很大

@hu-qi
Copy link
Contributor

hu-qi commented Jun 9, 2024

嗯嗯。刚开始比较匆忙,我抄的 Starlight 的 Showcase。 图片尺寸需要统一,Astro 会把图片转换成webp并压缩,但是仓库的体积会越大越大,clone 会变慢, 慢慢商讨找一种比较合适的管理方式

希望考虑支持 gif ,主要是发现有些网站做了动效。

Done,look at #54

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants